Author: nivanov
Date: Fri Jan 23 19:54:21 2015
New Revision: 1654350

URL: http://svn.apache.org/r1654350
Log:
Finished cleaning up home page. NOTE: responsive features don't work...

Modified:
    incubator/ignite/site/branches/sidenav/css/all.css
    incubator/ignite/site/branches/sidenav/index.html
    incubator/ignite/site/branches/sidenav/scss/ignite.scss

Modified: incubator/ignite/site/branches/sidenav/css/all.css
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/all.css?rev=1654350&r1=1654349&r2=1654350&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Fri Jan 23 19:54:21 2015
@@ -8078,31 +8078,55 @@ div#banner1 p {
   font-size: 24px;
 }
 
-a,
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > .active > a:focus {
-  color: #E74C3C;
-  background-color: transparent;
-}
-
-#documentation table > tbody > tr > th {
+#documentation table > tbody > tr > th,
+#download table > tbody > tr > th {
   text-align: center;
   background-color: #3d566e;
   color: #fff;
 }
-#documentation table, #documentation table > tbody > tr > tr, #documentation 
table > tbody > tr > th, #documentation table > tbody > tr > td {
+#documentation table, #documentation table > tbody > tr > tr, #documentation 
table > tbody > tr > th, #documentation table > tbody > tr > td,
+#download table,
+#download table > tbody > tr > tr,
+#download table > tbody > tr > th,
+#download table > tbody > tr > td {
   border: 1px solid #4f6f8f;
 }
 #documentation table ul#javadoc,
 #documentation table ul#docs,
-#documentation table ul#videos {
+#documentation table ul#videos,
+#download table ul#javadoc,
+#download table ul#docs,
+#download table ul#videos {
   margin: 0;
   padding: 4px 0;
   list-style: none;
 }
 #documentation table ul#javadoc > li,
 #documentation table ul#docs > li,
-#documentation table ul#videos > li {
+#documentation table ul#videos > li,
+#download table ul#javadoc > li,
+#download table ul#docs > li,
+#download table ul#videos > li {
+  padding-bottom: 4px;
+}
+
+#community ul#lists {
+  margin: 0;
+  padding: 4px 0;
+  list-style: none;
+}
+#community ul#lists > li {
   padding-bottom: 4px;
 }
+
+#download table > tbody > tr > td {
+  text-align: center;
+}
+
+#footer .social-networks {
+  float: right;
+}
+
+.footer-nav > ul {
+  padding-left: 95px;
+}

Modified: incubator/ignite/site/branches/sidenav/index.html
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/index.html?rev=1654350&r1=1654349&r2=1654350&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/index.html (original)
+++ incubator/ignite/site/branches/sidenav/index.html Fri Jan 23 19:54:21 2015
@@ -88,21 +88,21 @@ under the License.
                     <div class="item cloud">
                         <div class="img-holder">
                             <a href="#data-grid">
-                                <img style="margin-left: 20%; margin-top: 
35px;" src="images/img1.png">
+                                <img style="margin-left: 20%; margin-top: 
35px" src="images/img1.png">
                             </a>
                         </div>
                     </div>
                     <div class="item cloud">
                         <div class="img-holder">
                             <a href="#cluster-compute">
-                                <img style="margin-left: 20%; margin-top: 
35px;" src="images/compute_grid.png">
+                                <img style="margin-left: 20%; margin-top: 
35px" src="images/compute_grid.png">
                             </a>
                         </div>
                     </div>
                     <div class="item cloud">
                         <div class="img-holder">
                             <a href="#streaming">
-                                <img style="margin-left: 15%; margin-top: 
35px;"src="images/streaming.png">
+                                <img style="margin-left: 15%; margin-top: 
35px" src="images/streaming.png">
                             </a>
                         </div>
                     </div>
@@ -226,12 +226,24 @@ under the License.
                             </td>
                             <td>
                                 <ul id="videos">
-                                    <li><a 
href="https://vimeo.com/107643054?width=1024&height=576";><nobr>Video: In-Memory 
Data Grid</nobr></a></li>
-                                    <li><a 
href="https://vimeo.com/107641014?width=1024&height=576";><nobr>Video: 
Clustering With Apache Ignite</nobr></a></li>
-                                    <li><a 
href="https://vimeo.com/107644353?width=1024&height=576";><nobr>Video: 
Distributed Messaging</nobr></a></li>
-                                    <li><a 
href="https://vimeo.com/107645729?width=1024&height=576";><nobr>Video: 
Distributed Events</nobr></a></li>
-                                    <li><a 
href="https://vimeo.com/107648158?width=1024&height=576";><nobr>Video: 
Distributed Managed Services</nobr></a></li>
-                                    <li><a 
href="https://vimeo.com/107646721?width=1024&height=576";><nobr>Video: 
Distributed Cache Queries</nobr></a></li>
+                                    <li><a target=vimeo 
href="https://vimeo.com/107643054?width=1024&height=576";>
+                                        <nobr>Video: In-Memory Data 
Grid</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo 
href="https://vimeo.com/107641014?width=1024&height=576";>
+                                        <nobr>Video: Clustering With Apache 
Ignite</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo 
href="https://vimeo.com/107644353?width=1024&height=576";>
+                                        <nobr>Video: Distributed 
Messaging</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo 
href="https://vimeo.com/107645729?width=1024&height=576";>
+                                        <nobr>Video: Distributed 
Events</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo 
href="https://vimeo.com/107648158?width=1024&height=576";>
+                                        <nobr>Video: Distributed Managed 
Services</nobr></a>
+                                    </li>
+                                    <li><a target=vimeo 
href="https://vimeo.com/107646721?width=1024&height=576";>
+                                        <nobr>Video: Distributed Cache 
Queries</nobr></a>
+                                    </li>
                                 </ul>
                             </td>
                         </tr>
@@ -239,44 +251,55 @@ under the License.
                 </div>
             </section>
 
-            <section class="community" id="community">
-                <h2>Community</h2>
-                <p>We are very excited to grow our community. If you are 
interested in becoming a contributor,
-                please <a 
href="mailto:dev-subscr...@ignite.incubator.apache.org";>subscribe
-                                to dev@ list</a> and let us know how you'd 
like to help.</p>
-            </section>
-            <section class="download" id="download">
-                <h2>Download</h2>
-                <p>We are currently in process of moving GridGain Open Source 
edition to Apache Ignite. Until this migration is complete, please download 
GridGain In-Memory Data Fabric.</p>
-                <table>
-                    <tr>
-                        <th class="product">Product</th>
-                        <th class="version">Version</th>
-                        <th class="release">Release</th>
-                    </tr>
-                    <tr>
-                        <td title="Download Apache Ignite"><span><a 
href="http://gridgain.com/download/open-source/";>In-Memory Data 
Fabric</a></span></td>
-                        <td title="Version"><span>V 6.5.5</span></td>
-                        <td title="Release"><span><time 
datetime="2014-11-17">November 17, 2014</time></span></td>
-                    </tr>
-                </table>
-            </section>
-            <div class="info-blocks">
-                <div class="row">
-                    <div class="col-md-5 col-sm-5">
-                        <h3>Mailing lists subscription</h3>
-                        <ul class="list-unstyled">
+            <section id="community">
+                <div class="feature-block">
+                    <h2>Community</h2>
+                    <p>
+                        We are very excited to grow our community. If you are 
interested in
+                        becoming a contributor, please subscribe to
+                        <a 
href="mailto:dev-subscr...@ignite.incubator.apache.org";>dev@list</a>
+                        and let us know how you'd like to help.
+                    </p>
+                    <center>
+                        Mailing lists &amp; archives:
+                        <ul id="lists">
                             <li><a 
href="mailto:dev-subscr...@ignite.incubator.apache.org";>d...@ignite.incubator.apache.org</a></li>
                             <li><a 
href="mailto:commits-subscr...@ignite.incubator.apache.org";>commits@ignite.incubator.apache.org</a></li>
+                            <li><a 
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-dev/";>dev@archive</a></li>
+                            <li><a 
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-commits/";>commits@archive</a></li>
                         </ul>
-                        <h3>Mailing lists archives</h3>
-                        <ul class="list-unstyled">
-                            <li><a 
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-dev/";>dev@ 
archive</a></li>
-                            <li><a 
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-commits/";>commits@
 archive</a></li>
-                        </ul>
-                    </div>
+                    </center>
+                 </div>
+            </section>
+
+            <section id="download">
+                <div class="feature-block">
+                    <h2>Download</h2>
+                    <p>
+                        We are currently in process of moving GridGain Open 
Source edition
+                        to Apache Ignite. Until this migration is complete, 
please download
+                        GridGain In-Memory Data Fabric.
+                    </p>
+                    <table>
+                        <tr>
+                            <th>Release</th>
+                            <th>Version</th>
+                            <th>Release</th>
+                        </tr>
+                        <tr>
+                            <td>
+                                <span><a 
href="http://gridgain.com/download/open-source/";>In-Memory Data 
Fabric</a></span>
+                            </td>
+                            <td>
+                                <span>6.5.6</span>
+                            </td>
+                            <td>
+                                <span><time datetime="2014-12-15">December 15, 
2014</time></span>
+                            </td>
+                        </tr>
+                    </table>
                 </div>
-            </div>
+            </section>
         </main>
         <footer id="footer">
             <div class="container">
@@ -293,7 +316,7 @@ under the License.
                         </ul>
                     </nav>
                     <div class="col-md-4 col-sm-4">
-                        <p>&copy;2014 Copyright <a href="#">Apache 
Ignite</a></p>
+                        <p align="right">&copy; 2014 Copyright <a 
href="#"><b>Apache Ignite</b></a></p>
                         <ul class="social-networks list-unstyled">
                             <li><a 
href="https://www.linkedin.com/company/249196"; class="icon-linkedin"></a></li>
                             <li><a href="https://www.twitter.com/gridgain"; 
class="icon-twitter"></a></li>

Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1654350&r1=1654349&r2=1654350&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Fri Jan 23 19:54:21 
2015
@@ -237,15 +237,20 @@ div#banner1 {
     }
 }
 
-a,
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > .active > a:focus {
-    color: $color-alizarin;
-    background-color: transparent;
-}
+//a,
+//#footer > a:hover,
+//.navbar-nav > li > a:hover,
+//.navbar-nav > li > a:active,
+//.navbar-nav > li > a:focus,
+//.navbar-default .navbar-nav > .active > a,
+//.navbar-default .navbar-nav > .active > a:hover,
+//.navbar-default .navbar-nav > .active > a:focus {
+//    color: $color-alizarin !important;
+//    background-color: transparent;
+//}
 
-#documentation table {
+#documentation table,
+#download table {
     & > tbody > tr > th {
         text-align: center;
         background-color: lighten($color-asphalt, 5%);
@@ -271,3 +276,29 @@ a,
         }
     }
 }
+
+#community {
+    ul#lists {
+        margin: 0;
+        padding: 4px 0;
+        list-style: none;
+
+        & > li {
+            padding-bottom: 4px;
+        }
+    }
+}
+
+#download table > tbody > tr > td {
+    text-align: center;
+}
+
+#footer {
+    .social-networks {
+        float: right;
+    }
+}
+
+.footer-nav > ul {
+    padding-left: 95px;
+}


Reply via email to