incubator-flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From erikdebr...@apache.org
Subject svn commit: r1403698 - in /incubator/flex/site/trunk: content/flex/again/assets/images/ content/flex/css/ templates/
Date Tue, 30 Oct 2012 13:50:53 GMT
Author: erikdebruin
Date: Tue Oct 30 13:50:53 2012
New Revision: 1403698

URL: http://svn.apache.org/viewvc?rev=1403698&view=rev
Log:
Some work on the new ('again') website.

Added:
    incubator/flex/site/trunk/content/flex/again/assets/images/3steps.png   (with props)
    incubator/flex/site/trunk/content/flex/again/assets/images/readmore.png   (with props)
Modified:
    incubator/flex/site/trunk/content/flex/css/flex_again.css
    incubator/flex/site/trunk/templates/flex_about.mdtext
    incubator/flex/site/trunk/templates/flex_community.mdtext
    incubator/flex/site/trunk/templates/flex_footer.html
    incubator/flex/site/trunk/templates/flex_get_started.mdtext
    incubator/flex/site/trunk/templates/flex_header.html

Added: incubator/flex/site/trunk/content/flex/again/assets/images/3steps.png
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/content/flex/again/assets/images/3steps.png?rev=1403698&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/site/trunk/content/flex/again/assets/images/3steps.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/flex/site/trunk/content/flex/again/assets/images/readmore.png
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/content/flex/again/assets/images/readmore.png?rev=1403698&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/site/trunk/content/flex/again/assets/images/readmore.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: incubator/flex/site/trunk/content/flex/css/flex_again.css
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/content/flex/css/flex_again.css?rev=1403698&r1=1403697&r2=1403698&view=diff
==============================================================================
--- incubator/flex/site/trunk/content/flex/css/flex_again.css (original)
+++ incubator/flex/site/trunk/content/flex/css/flex_again.css Tue Oct 30 13:50:53 2012
@@ -15,58 +15,154 @@
 * limitations under the License.
 */
 
+/**
+ * Tags
+ */
+
 * {
+	color: #172647;
+   	font-family: 'Open Sans', sans-serif;
 	margin: 0;
 	padding: 0;
 }
 
-body {
-   	font-family: 'Open Sans', sans-serif;
+div {
+	overflow: hidden;
 }
 
-.orangeDot {
-	margin-left: 10px;
-	margin-right: 10px;
-}
+
+
+/**
+ * Ids
+ */
 
 #allContainer {
     margin-left: auto;
     margin-right: auto;
     position: relative;
-    width: 960px;
 }
 
-.main {
-   	font-weight: 600;
+#mainContent {
+	background-color: #e6e5e5;
+	background-image: url('../again/assets/images/bglogo.png');
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
 }
 
-.nav {
+#mainNav {
+	padding: 15px 0px 4px 0px;
+}
+
+#contentHead {
+	padding: 10px;
+}
+
+#contentHeadNav {
+	text-align: center;
+}
+
+#contentHeadText {
+	padding: 10px 10px 10px 3px;
+}
+
+#contentMain {
     display: table-cell;
    	vertical-align: middle;
+	text-align: center;
+}
+
+#footerNav {
+	margin-top: 10px;
+	text-align: center;
+}
+
+
+
+/**
+ * Classes
+ */
+
+.fullHeight {
+	width: 660px;
+}
+
+.fullWidth {
+	width: 960px;
+}
+
+.halfHeight {
+	height: 330px;
+}
+
+.nav {
+   	font-weight: 600;
 }
 
 .nav li {
     display: inline-block;
     list-style-type: none;
+    padding: 5px 5px 5px 5px;
     text-align: center;
     vertical-align: middle;
 }
 
+.nav .buttonBlue:hover {
+	background: #7ddcef;
+	background: -moz-linear-gradient(top, #7ddcef 0%, #3eb7df 100%);
+	background: -webkit-linear-gradient(top, #7ddcef 0%, #3eb7df 100%);
+	background: -o-linear-gradient(top, #7ddcef 0%, #3eb7df 100%);
+	background: -ms-linear-gradient(top, #7ddcef 0%, #3eb7df 100%);
+	background: linear-gradient(to bottom, #7ddcef 0%, #3eb7df 100%);
+	border-radius: 5px;
+	cursor: pointer;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ddcef', endColorstr='#3eb7df',
GradientType=0);
+}
+
+.nav .buttonBlue:hover a {
+    color: white;
+}
+
 .nav li a {
-	color: black;
     text-decoration: none;
 }
 
-#mainContent {
-	background-color: #e6e5e5;
-	background-image: url("../again/assets/images/bglogo.png");
-	background-repeat: no-repeat;
-	background-size: contain;
-	background-position: center;
-	height: 660px;
-	width: 960px;
+.orangeDot {
+	margin: 0 0px 2px 0px;
+}
+
+.buttonRed {
+	background: #e83326;
+	background: -moz-linear-gradient(top, #e83326 0%, #b20e13 100%);
+	background: -webkit-linear-gradient(top, #e83326 0%, #b20e13 100%);
+	background: -o-linear-gradient(top, #e83326 0%, #b20e13 100%);
+	background: -ms-linear-gradient(top, #e83326 0%, #b20e13 100%);
+	background: linear-gradient(to bottom, #e83326 0%, #b20e13 100%);
+	border-radius: 5px;
+	cursor: pointer;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e83326', endColorstr='#b20e13',
GradientType=0);
+	padding: 8px;
+	text-align: center;
+}
+
+.buttonRedLabel {
+	color: white;
+}
+
+.sub a {
+	color: #767E90;
+	font-size: 14px;
+}
+
+.textLarge {
+	font-size: 30px;
+	font-weight: 600;
+}
+
+.textMedium {
+	font-size: 13px;
 }
 
-.sub {
-	/**/
+.textSmall {
+	font-size: 11px;
 }

Modified: incubator/flex/site/trunk/templates/flex_about.mdtext
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/templates/flex_about.mdtext?rev=1403698&r1=1403697&r2=1403698&view=diff
==============================================================================
--- incubator/flex/site/trunk/templates/flex_about.mdtext (original)
+++ incubator/flex/site/trunk/templates/flex_about.mdtext Tue Oct 30 13:50:53 2012
@@ -1,23 +1,40 @@
 <div id="contentHead">
-	<img src="./assets/images/flex.png" alt="" height="285" width="270" style="float: left;">
+	<div>
+		<img src="./assets/images/flex.png" alt="" height="285" width="270" style="float: left;
padding-right: 20px;" />
 
-	ONE CODEBASE<br />
-	MULTIPLE DEVICES<br />
-	The Apache Flex is a highly productive open source framework for building and maintaining
expressive web applications that deploy consistently on all major browsers, desktops and and
operating systems.<br />
+		<div id="contentHeadText">
+			<p>
+				<span class="textLarge">ONE CODEBASE<br />
+				MULTIPLE DEVICES</span><br />
+				<span class="textMedium">The Apache Flex is a highly productive open source framework
for building and maintaining expressive web applications that deploy consistently on all major
browsers, desktops and and operating systems.</span>
+			</p>
+			<br />
+			<div style="text-align: right;">
+				<img src="./assets/images/readmore.png" alt="" height="28" width="89" style="">
+			</div>
+			<br />
+			<div style="text-align: center;">
+				<img src="./assets/images/3steps.png" alt="" height="50" width="592" style="">
+			</div>
 
-	<br /><br /><br /><br /><br /><br /><br /><br
/>
+		</div>
 
-	<div id="subNav" class="sub nav">
+	</div>
+
+	<div id="contentHeadNav" class="fullWidth nav sub">
 		<ul>
-		    <li><a href="./index.html">Supported Platforms</a></li>
+		    <li class="buttonBlue"><a href="./index.html">SUPPORTED PLATFORMS</a></li>
 		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
-		    <li><a href="./about_news.html">News</a></li>
+		    <li class="buttonBlue"><a href="./about_news.html">NEWS</a></li>
 		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
-		    <li><a href="./about_features.html">Features</a></li>
+		    <li class="buttonBlue"><a href="./about_features.html">FEATURES</a></li>
 		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
-		    <li><a href="./about_showcase.html">Showcase</a></li>
+		    <li class="buttonBlue"><a href="./about_showcase.html">SHOWCASE</a></li>
 		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
-		    <li><a href="./about_resources.html">Resources</a>
+		    <li class="buttonBlue"><a href="./about_resources.html">RESOURCES</a>
 		</ul>
-	</div><!-- subNav -->
-</div><!-- contentHead -->
+	</div> <!-- contentHeadNav -->
+
+</div> <!-- contentHead -->
+
+<div id="contentMain" class="fullWidth halfHeight">
\ No newline at end of file

Modified: incubator/flex/site/trunk/templates/flex_community.mdtext
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/templates/flex_community.mdtext?rev=1403698&r1=1403697&r2=1403698&view=diff
==============================================================================
--- incubator/flex/site/trunk/templates/flex_community.mdtext (original)
+++ incubator/flex/site/trunk/templates/flex_community.mdtext Tue Oct 30 13:50:53 2012
@@ -1,8 +1,27 @@
-<div>
-    <a href="./community_team.html">Team</a> - 
-    <a href="./community_get_involved.html">Get Involved</a> - 
-    <a href="./community_mailing_list.html">Mailing List</a> - 
-    <a href="./community_social_media.html">Social Media</a> - 
-    <a href="./community_user_groups.html">User Groups</a> - 
-    <a href="./community_events.html">Events</a>
-</div>
\ No newline at end of file
+<div id="contentHead">
+
+    <div id="contentHeadText" style="text-align: center;">
+    	<p>
+    		<img src="./assets/images/people.png" alt="Apache Flex Logo" height="37" width="42"
/><span class="textLarge">COMMUNITY</span>
+    	</p>
+    </div>
+
+	<div id="contentHeadNav" class="fullWidth nav sub">
+		<ul>
+		    <li class="buttonBlue"><a href="./community_team.html">TEAM</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./community_get_involved.html">GET INVOLVED</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./community_mailing_list.html">MAILING
LIST</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./community_social_media.html">SOCIAL MEDIA</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./community_user_groups.html">USER GROUPS</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./community_events.html">EVENTS</a></li>
+		</ul>
+	</div> <!-- contentHeadNav -->
+
+</div> <!-- contentHead -->
+
+<div id="contentMain" class="fullWidth halfHeight">
\ No newline at end of file

Modified: incubator/flex/site/trunk/templates/flex_footer.html
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/templates/flex_footer.html?rev=1403698&r1=1403697&r2=1403698&view=diff
==============================================================================
--- incubator/flex/site/trunk/templates/flex_footer.html (original)
+++ incubator/flex/site/trunk/templates/flex_footer.html Tue Oct 30 13:50:53 2012
@@ -1,13 +1,17 @@
+        </div> <!-- contentMain -->
+
     </div> <!-- mainContent -->
 
-    <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 -->
+	<div id="footerNav" class="textSmall">
+
+		<a href="http://incubator.apache.org/flex/license.html"> © 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
+</body></html>
\ No newline at end of file

Modified: incubator/flex/site/trunk/templates/flex_get_started.mdtext
URL: http://svn.apache.org/viewvc/incubator/flex/site/trunk/templates/flex_get_started.mdtext?rev=1403698&r1=1403697&r2=1403698&view=diff
==============================================================================
--- incubator/flex/site/trunk/templates/flex_get_started.mdtext (original)
+++ incubator/flex/site/trunk/templates/flex_get_started.mdtext Tue Oct 30 13:50:53 2012
@@ -1,6 +1,23 @@
-<div>
-    <a href="./get_started_download.html">Download SDK</a> - 
-    <a href="./get_started_learn.html">Learn</a> - 
-    <a href="./get_started_get_involved.html">Get Involved</a> - 
-    <a href="./get_started_community.html">Community</a>
-</div>
\ No newline at end of file
+<div id="contentHead">  
+
+    <div id="contentHeadText" style="text-align: center;">
+    	<p>
+    		<span class="textLarge">GET STARTED</span>
+    	</p>
+    </div>
+
+	<div id="contentHeadNav" class="fullWidth nav sub">
+		<ul>
+		    <li class="buttonBlue"><a href="./get_started_download.html">DOWNLOAD</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./get_started_learn.html">LEARN</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./get_started_get_involved.html">GET INVOLVED</a></li>
+		    <li><img class="orangeDot" src="./assets/images/orangedot.png" alt="" height="5"
width="5" /></li>
+		    <li class="buttonBlue"><a href="./get_started_community.html">COMMUNITY</a></li>
+		</ul>
+	</div> <!-- contentHeadNav -->
+
+</div> <!-- contentHead -->
+
+<div id="contentMain" class="fullWidth halfHeight">
\ 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=1403698&r1=1403697&r2=1403698&view=diff
==============================================================================
--- incubator/flex/site/trunk/templates/flex_header.html (original)
+++ incubator/flex/site/trunk/templates/flex_header.html Tue Oct 30 13:50:53 2012
@@ -12,20 +12,31 @@
 
 <body>
   
-	<div id="allContainer">
-        <div id="mainNav" class="main 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 class="orangeDot" src="./assets/images/orangedot.png" alt=""
height="5" width="5" /></li>
-                <li><a href="./get_started_download.html">GET STARTED</a></li>
-                <li><img class="orangeDot" src="./assets/images/orangedot.png" alt=""
height="5" width="5" /></li>
-                <li><a href="./community_team.html">COMMUNITY</a></li>
-                <li><img class="orangeDot" src="./assets/images/orangedot.png" alt=""
height="5" width="5" /></li>
-                <li><a href="./download.html">DOWNLOAD</a>
-                <li><img class="orangeDot" src="./assets/images/orangedot.png" alt=""
height="5" width="5" /></li>
-                <li><a href="http://www.apache.org/">ASF</a></li>
-            </ul>
-        </div>
+	<div id="allContainer"class="fullWidth">
 
-        <div id="mainContent">
\ No newline at end of file
+       	<table id="mainNav" class="nav fullWidth">
+       	    <tr>
+       		    <td style="width: 147px;">
+       		    	<a href="./index.html"><img src="./assets/images/logo.png" alt="Apache
Flex Logo" height="66" width="147" /></a>
+       		    </td>
+       		    <td style="text-align: center;">
+       			    <ul>
+       			        <li class="buttonBlue"><a href="./index.html">ABOUT</a></li>
+       			        <li><img class="orangeDot" src="./assets/images/orangedot.png"
alt="" height="5" width="5" /></li>
+       			        <li class="buttonBlue"><a href="./get_started_download.html">GET
STARTED</a></li>
+       			        <li><img class="orangeDot" src="./assets/images/orangedot.png"
alt="" height="5" width="5" /></li>
+       			        <li class="buttonBlue"><a href="./community_team.html">COMMUNITY</a></li>
+       			        <li><img class="orangeDot" src="./assets/images/orangedot.png"
alt="" height="5" width="5" /></li>
+       			        <li class="buttonBlue"><a href="./download.html">DOWNLOAD</a>
+       			        <li><img class="orangeDot" src="./assets/images/orangedot.png"
alt="" height="5" width="5" /></li>
+       			        <li class="buttonBlue"><a href="http://www.apache.org/">ASF</a></li>
+       			    </ul>
+       		    </td>
+       		    <td style="width: 147px;">
+       			    <div class="buttonRed" style="line-height: 80%; width: 120px;"><span
class="buttonRedLabel">DOWNLOAD</span><br /><span class="buttonRedLabel
textSmall">FLEX SDK</span></div>
+       		    </td>
+       	    </tr>
+       	</table> <!-- mainNav -->
+
+
+       	<div id="mainContent">
\ No newline at end of file



Mime
View raw message