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/30 14:50:53 UTC
svn commit: r1403698 - in /incubator/flex/site/trunk:
content/flex/again/assets/images/ content/flex/css/ templates/
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"> © 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