Author: nivanov Date: Fri Jan 23 19:20:14 2015 New Revision: 1654335 URL: http://svn.apache.org/r1654335 Log: WIP.
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=1654335&r1=1654334&r2=1654335&view=diff ============================================================================== --- incubator/ignite/site/branches/sidenav/css/all.css (original) +++ incubator/ignite/site/branches/sidenav/css/all.css Fri Jan 23 19:20:14 2015 @@ -7924,6 +7924,9 @@ div, p, h1, h2, h3, span, body, html, ul #overview h2, #cluster-compute h2, #streaming h2, +#documentation h2, +#download h2, +#community h2, #data-grid h2 { font-size: 28px; color: #333; @@ -7934,6 +7937,9 @@ div, p, h1, h2, h3, span, body, html, ul #overview h2:after, #cluster-compute h2:after, #streaming h2:after, +#documentation h2:after, +#download h2:after, +#community h2:after, #data-grid h2:after { display: none; width: 0; @@ -7983,6 +7989,30 @@ p { text-align: center; } +#documentation { + margin: -38px 0 0; + padding-top: 20px; +} +#documentation p { + text-align: center; +} + +#download { + margin: -38px 0 0; + padding-top: 20px; +} +#download p { + text-align: center; +} + +#community { + margin: -38px 0 0; + padding-top: 20px; +} +#community p { + text-align: center; +} + .feature-block { margin-top: 40px; padding: 40px 0 24px; @@ -8048,9 +8078,31 @@ 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: #3498db; + color: #E74C3C; background-color: transparent; } + +#documentation 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 { + border: 1px solid #4f6f8f; +} +#documentation table ul#javadoc, +#documentation table ul#docs, +#documentation 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 { + padding-bottom: 4px; +} Modified: incubator/ignite/site/branches/sidenav/index.html URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/index.html?rev=1654335&r1=1654334&r2=1654335&view=diff ============================================================================== --- incubator/ignite/site/branches/sidenav/index.html (original) +++ incubator/ignite/site/branches/sidenav/index.html Fri Jan 23 19:20:14 2015 @@ -198,43 +198,47 @@ under the License. </div> </section> - <section class="documentation" id="documentation"> - <h2>Documentation</h2> - <p>We are currently in process of moving GridGain Open Source edition to Apache Ignite. Until this migration is complete, please refer to the GridGain In-Memory Data Fabric documentation.</p> - <table> - <tr> - <th class="heading">In-Memory Data Fabric</th> - <th class="data">APIs</th> - <th class="tutorial">Videos</th> - </tr> - <tr class="java"> - <td title="In-Memory Data Fabric 6.5.0 for Java"> - <div class="icon"> - <img src="images/ico-java.png" width="31" height="42" alt="Java"> - </div> - <ul class="list-unstyled"> - <li><a href="http://doc.gridgain.org/">Wiki â Open Source Documentation</a></li> - </ul> - </td> - <td title="APIs"> - <ul class="list-unstyled"> - <li><a href="http://javadoc.gridgain.org/">Javadoc APIs</a></li> - <li><a href="http://scaladoc.gridgain.org/">Scaladoc APIs</a></li> - </ul> - </td> - <td title="Videos"> - <ul class="list-unstyled"> - <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> - </ul> - </td> - </tr> - </table> + <section id="documentation"> + <div class="feature-block"> + <h2>Documentation</h2> + <p> + We are currently in process of moving GridGain Open Source edition + to Apache Ignite. Until this migration is complete, please refer to the + GridGain In-Memory Data Fabric documentation. + </p> + <table> + <tr> + <th>In-Memory Data Fabric</th> + <th>APIs</th> + <th>Videos</th> + </tr> + <tr> + <td> + <ul id="docs"> + <li><a target=wiki href="http://doc.gridgain.org/">Open Source Documentation</a></li> + </ul> + </td> + <td> + <ul id="javadoc"> + <li><a target=javadoc href="http://javadoc.gridgain.org/">Javadoc APIs</a></li> + <li><a target=scaladoc href="http://scaladoc.gridgain.org/">Scaladoc APIs</a></li> + </ul> + </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> + </ul> + </td> + </tr> + </table> + </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, Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1654335&r1=1654334&r2=1654335&view=diff ============================================================================== --- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original) +++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Fri Jan 23 19:20:14 2015 @@ -63,6 +63,9 @@ div, p, h1, h2, h3, span, body, html, ul #overview h2, #cluster-compute h2, #streaming h2, +#documentation h2, +#download h2, +#community h2, #data-grid h2 { font-size: 28px; color: #333; @@ -73,6 +76,9 @@ div, p, h1, h2, h3, span, body, html, ul #overview h2:after, #cluster-compute h2:after, #streaming h2:after, +#documentation h2:after, +#download h2:after, +#community h2:after, #data-grid h2:after { display: none; width: 0; @@ -126,6 +132,33 @@ p { } } +#documentation { + margin: -38px 0 0; + padding-top: 20px; + + p { + text-align: center; + } +} + +#download { + margin: -38px 0 0; + padding-top: 20px; + + p { + text-align: center; + } +} + +#community { + margin: -38px 0 0; + padding-top: 20px; + + p { + text-align: center; + } +} + .feature-block { margin-top: 40px; padding: 40px 0 24px; @@ -204,9 +237,37 @@ 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-river; + color: $color-alizarin; background-color: transparent; } + +#documentation table { + & > tbody > tr > th { + text-align: center; + background-color: lighten($color-asphalt, 5%); + color: #fff; + } + + &, + & > tbody > tr > tr, + & > tbody > tr > th, + & > tbody > tr > td { + border: 1px solid lighten($color-asphalt, 15%); + } + + ul#javadoc, + ul#docs, + ul#videos { + margin: 0; + padding: 4px 0; + list-style: none; + + & > li { + padding-bottom: 4px; + } + } +}