You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by er...@apache.org on 2012/10/23 17:13:53 UTC

svn commit: r1401316 - in /incubator/flex/site/trunk/templates: flex_footer.html flex_header.html

Author: erikdebruin
Date: Tue Oct 23 15:13:53 2012
New Revision: 1401316

URL: http://svn.apache.org/viewvc?rev=1401316&view=rev
Log:
Working on the new website design.

Modified:
    incubator/flex/site/trunk/templates/flex_footer.html
    incubator/flex/site/trunk/templates/flex_header.html

Modified: incubator/flex/site/trunk/templates/flex_footer.html
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/templates/flex_footer.html?rev=1401316&r1=1401315&r2=1401316&view=diff
==============================================================================
--- incubator/flex/site/trunk/templates/flex_footer.html (original)
+++ incubator/flex/site/trunk/templates/flex_footer.html Tue Oct 23 15:13:53 2012
@@ -1,10 +1,13 @@
     </div> <!-- mainContent -->
 
-<a href="http://incubator.apache.org/flex/license.html"> &copy; Copyright</a> Apache Flex. All Rights Reserved.
-<p>
-	Apache and the Apache feather logos are trademarks of The Apache Software Foundation.<br />
-	Other names appearing on the site may be trademarks of their respective owners.
-</p>
+    <div id="footerNav">
+        <a href="http://incubator.apache.org/flex/license.html"> &copy; Copyright</a> Apache Flex. All Rights Reserved.
+        <p>
+        	Apache and the Apache feather logos are trademarks of The Apache Software Foundation.<br />
+        	Other names appearing on the site may be trademarks of their respective owners.
+        </p>
+    </div><!-- footerNav -->
+</div><!-- allContainer -->
 
 </body>
 </html>
\ No newline at end of file

Modified: incubator/flex/site/trunk/templates/flex_header.html
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/templates/flex_header.html?rev=1401316&r1=1401315&r2=1401316&view=diff
==============================================================================
--- incubator/flex/site/trunk/templates/flex_header.html (original)
+++ incubator/flex/site/trunk/templates/flex_header.html Tue Oct 23 15:13:53 2012
@@ -10,41 +10,75 @@
 
     <style type="text/css">
         
-        nav li {
-            /**/
-        	display: inline;
-            list-style-type: none;
-        }
-        
-        #mainContent {
-        	background-color: #e6e5e5;
-        	background-image: url('./assets/images/bglogo.png');
-        	border: 1px solid red;
-        	height: 860px;
-        	position: absolute;
-        	width: 860px;
-        }
-        
+	* {
+		margin: 0;
+		padding: 0;
+	}
+
+    .orangeDot {
+    	margin-left: 10px;
+    	margin-right: 10px;
+    }
+
+    #allContainer {
+        margin-left: auto;
+        margin-right: auto;
+        position: relative;
+        width: 960px;
+    }
+
+    #mainNav {
+        display: table-cell;
+       	font-family: 'Open Sans', sans-serif;
+       	font-weight: 600;
+       	vertical-align: middle;
+    }
+
+    #mainNav li {
+        display: inline-block;
+        list-style-type: none;
+        text-align: center;
+        vertical-align: middle;
+    }
+
+    #mainNav li a {
+        text-decoration: none;
+    }
+
+    #mainContent {
+    	background-color: #e6e5e5;
+    	background-image: url('./assets/images/bglogo.png');
+		background-repeat: no-repeat;
+		background-size: contain;
+		background-position: center;
+    	height: 660px;
+    	width: 960px;
+    }
+
+    #footerNav {
+    	position: absolute;
+    }
+    
     </style>
 
 </head>
 
 <body>
   
-    <!-- h1>{% block title %}{{ headers.title }}{% endblock %}</h1 -->
-    <nav>
-        <ul>
-            <li><a href="./index.html"><img src="./assets/images/logo.png" alt="Apache Flex Logo" height="66" width="147" /></a></li>
-            <li><a href="./index.html">About</a></li>
-            <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
-            <li><a href="./get_started_download.html">Get Started</a></li>
-            <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
-            <li><a href="./community_team.html">Community</a></li>
-            <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
-            <li><a href="./download.html">Download</a>
-            <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
-            <li><a href="http://www.apache.org/">ASF</a></li>
-        </ul>
-    </nav>
+	<div id="allContainer">
+        <div id="mainNav">
+            <ul>
+                <li><a href="./index.html"><img src="./assets/images/logo.png" alt="Apache Flex Logo" height="66" width="147" /></a></li>
+                <li><a href="./index.html">About</a></li>
+                <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
+                <li><a href="./get_started_download.html">Get Started</a></li>
+                <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
+                <li><a href="./community_team.html">Community</a></li>
+                <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
+                <li><a href="./download.html">Download</a>
+                <li><img src="./assets/images/orangedot.png" alt="" height="13" width="12" /></li>
+                <li><a href="http://www.apache.org/">ASF</a></li>
+            </ul>
+        </div>
 
     <div id="mainContent">
\ No newline at end of file