You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by bu...@apache.org on 2012/10/30 14:50:59 UTC
svn commit: r836593 [2/2] - in /websites/staging/flex/trunk: cgi-bin/
content/ content/flex/again/ content/flex/again/assets/images/
content/flex/css/
Modified: websites/staging/flex/trunk/content/flex/again/get_started_learn.html
==============================================================================
--- websites/staging/flex/trunk/content/flex/again/get_started_learn.html (original)
+++ websites/staging/flex/trunk/content/flex/again/get_started_learn.html Tue Oct 30 13:50:58 2012
@@ -12,23 +12,34 @@
<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">
+ <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">
@@ -37,12 +48,29 @@
<!-- Get Started -->
- <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>
+ <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">
<!-- Community -->
@@ -52,16 +80,20 @@
+ </div> <!-- contentMain -->
+
</div> <!-- mainContent -->
- <div id="footerNav">
- <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 -->
+ <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: websites/staging/flex/trunk/content/flex/again/index.html
==============================================================================
--- websites/staging/flex/trunk/content/flex/again/index.html (original)
+++ websites/staging/flex/trunk/content/flex/again/index.html Tue Oct 30 13:50:58 2012
@@ -12,52 +12,79 @@
<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">
+ <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">
<!-- About -->
<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;" />
+
+ <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>
- 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>
- <br /><br /><br /><br /><br /><br /><br /><br />
+ </div>
- <div id="subNav" class="sub nav">
+ <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">
<!-- Get Started -->
@@ -70,16 +97,20 @@
+ </div> <!-- contentMain -->
+
</div> <!-- mainContent -->
- <div id="footerNav">
- <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 -->
+ <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: websites/staging/flex/trunk/content/flex/css/flex_again.css
==============================================================================
--- websites/staging/flex/trunk/content/flex/css/flex_again.css (original)
+++ websites/staging/flex/trunk/content/flex/css/flex_again.css Tue Oct 30 13:50:58 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;
}