Author: nivanov Date: Thu Jan 22 22:41:53 2015 New Revision: 1654091 URL: http://svn.apache.org/r1654091 Log: WIP.
Added: incubator/ignite/site/branches/sidenav/scss/ignite.scss Modified: incubator/ignite/site/branches/sidenav/css/all.css incubator/ignite/site/branches/sidenav/images/in_memory_compute.png incubator/ignite/site/branches/sidenav/index.html incubator/ignite/site/branches/sidenav/scss/all.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=1654091&r1=1654090&r2=1654091&view=diff ============================================================================== --- incubator/ignite/site/branches/sidenav/css/all.css (original) +++ incubator/ignite/site/branches/sidenav/css/all.css Thu Jan 22 22:41:53 2015 @@ -7884,39 +7884,52 @@ p { } /* - * Added by Nikita Ivanov. - */ -div, p, h1, h2, h3, span, body, html { + âââ ââââââ âââ ââââââ âââ ââ ââââââ âââ âââââ ââââ â ââââââââââââââââââ +ââââââ ââââ âââââââââ ââââ ââ ââââ âââââ â ââââ âââ âââ ââ ââ â âââââ âââ ââââ â +âââ âââ ââââ âââââââ âââ âââ â ââââââââââââ âââââââââââââââ ââ ââââââââ ââââ ââââââ +âââââââââ âââââââ ââââââââââ ââââ âââââââ âââ âââ â âââââââ âââââââ ââââââââââ ââââ â âââ â + ââ ââââââââ â â ââ âââââ âââââ ââââââââââââââââ ââââââââââââââââ ââââââââ ââââ â âââââââ + ââ ââââââââ â â ââ âââââ ââ â â â âââââââ ââ â ââ ââ â â ââ â â ââ â ââ ââ ââ â + â ââ âââ â â ââ â â â â âââ â â â â â â â â â ââ â ââ â â â â â â + â â ââ â â â â ââ â â â ââ â â â â â â â â â + â â â ââ â â â â â â â â â â â â +*/ +/* + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you under the Apache License, Version 2.0 (the + "License"); you may not use this file except in compliance + with the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. +*/ +div, p, h1, h2, h3, span, body, html, ul, li { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 18px; } -h2, .h2, -.overview h2, -.documentation h2, -.download h2, -.community h2 { +.overview h2 { font-size: 28px; color: #333; padding: 5px 0 20px 0; text-align: center; } -.overview h2:after, .documentation h2:after, .download h2:after, .community h2:after, .overview .h2:after, .documentation .h2:after, .download .h2:after, .community .h2:after, .overview -.overview h2:after, .documentation -.overview h2:after, .download -.overview h2:after, .community -.overview h2:after, .overview -.documentation h2:after, .documentation -.documentation h2:after, .download -.documentation h2:after, .community -.documentation h2:after, .overview -.download h2:after, .documentation -.download h2:after, .download -.download h2:after, .community -.download h2:after, .overview -.community h2:after, .documentation -.community h2:after, .download -.community h2:after, .community -.community h2:after { +.overview .overview h2:after, .documentation .overview h2:after, .download .overview h2:after, .community .overview h2:after { + display: none; + width: 0; + height: 0; +} + +.overview h2:after { display: none; width: 0; height: 0; @@ -7927,10 +7940,10 @@ h3, .h3 { color: #333; } -.info-blocks { +.feature-block { margin-top: 40px; padding: 40px 0 24px; - border-top: 2px solid #ebebeb; + border-top: 1px dotted #ddd; } p { @@ -7940,21 +7953,30 @@ p { } .overview { - padding-top: 60px; + margin-top: 60px; + padding-top: 0; } .overview p { text-align: center; } -.info-inside-block { +.inside-feature-block { display: inline-block; width: 100%; } -.info-inside-block > img { +.inside-feature-block > img { float: right; vertical-align: top; } -.info-inside-block > div.row { +.inside-feature-block ul > li { + padding-bottom: 4px; +} +.inside-feature-block .feature-header { + font-weight: 700; + padding-bottom: 10px; + padding-left: 20px; +} +.inside-feature-block > div { float: left; vertical-align: top; } Modified: incubator/ignite/site/branches/sidenav/images/in_memory_compute.png URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/images/in_memory_compute.png?rev=1654091&r1=1654090&r2=1654091&view=diff ============================================================================== Binary files - no diff available. Modified: incubator/ignite/site/branches/sidenav/index.html URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/index.html?rev=1654091&r1=1654090&r2=1654091&view=diff ============================================================================== --- incubator/ignite/site/branches/sidenav/index.html (original) +++ incubator/ignite/site/branches/sidenav/index.html Thu Jan 22 22:41:53 2015 @@ -138,12 +138,13 @@ <p>Apache Ignite In-Memory Data Fabric is a high-performance, integrated and distributed in-memory platform for computing and transacting on large-scale data sets in real-time, orders of magnitude faster than possible with traditional disk-based or flash technologies. <img src="images/fabric.jpg" alt="image description" class="img-responsive" style="padding-top: 40px"> <p>Apache Ignite In-Memory Data Fabric is designed to deliver uncompromised performance for a wide set of in-memory computing use cases from high performance computing, to the industry most advanced data grid and streaming.</p> - <div class="info-blocks"> - <h3>Clustering & Compute</h3> - <div class="info-inside-block"> - <img src="images/in_memory_compute.png"/><br/><br/> + </section> + <section id="cluster-compute"> + <div class="feature-block"> + <h2>Clustering & Compute</h2> + <div class="inside-feature-block"> <div> - <p>Apache Ignite computational features include:</p> + <div class="feature-header">Key features:</div> <ul> <li>Dynamic Clustering</li> <li>Fork-Join & MapReduce Processing</li> @@ -153,6 +154,7 @@ <li>Linear Scalability</li> </ul> </div> + <img src="images/in_memory_compute.png"/> </div> </div> <div class="info-blocks"> Modified: incubator/ignite/site/branches/sidenav/scss/all.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/all.scss?rev=1654091&r1=1654090&r2=1654091&view=diff ============================================================================== --- incubator/ignite/site/branches/sidenav/scss/all.scss (original) +++ incubator/ignite/site/branches/sidenav/scss/all.scss Thu Jan 22 22:41:53 2015 @@ -975,91 +975,5 @@ p { } } -/* - * Added by Nikita Ivanov. - */ - -div, p, h1, h2, h3, span, body, html { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -} - -h2, .h2, -.overview h2, -.documentation h2, -.download h2, -.community h2 { - font-size: 28px; - color: #333; - padding: 5px 0 20px 0; - text-align: center; - - .overview &:after, - .documentation &:after, - .download &:after, - .community &:after { - display: none; - width: 0; - height: 0; - } -} - -h3, .h3 { - font-size: 22px; - color: #333; -} - -.info-blocks { - margin-top: 40px; - padding: 40px 0 24px; - border-top: 2px solid #ebebeb; -} - -p { - line-height: 1.2em; - color: #333; - font-size: 18px; -} - -.overview { - padding-top: 60px; - - p { - text-align: center; - } -} - -.info-inside-block { - display: inline-block; - width: 100%; - - & > img { - float: right; - vertical-align: top; - } - - & > div.row { - float: left; - vertical-align: top; - } -} - -.carousel-inner p { - color: #fff; -} - -.carousel .img-holder { - margin: 0; - - img { - width: auto; - height: auto; - } -} - -div#banner1 { - & p { - padding-bottom: 40px; - font-size: 24px; - } -} +@import "ignite"; Added: incubator/ignite/site/branches/sidenav/scss/ignite.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1654091&view=auto ============================================================================== --- incubator/ignite/site/branches/sidenav/scss/ignite.scss (added) +++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Thu Jan 22 22:41:53 2015 @@ -0,0 +1,128 @@ +/* + âââ ââââââ âââ ââââââ âââ ââ ââââââ âââ âââââ ââââ â ââââââââââââââââââ +ââââââ ââââ âââââââââ ââââ ââ ââââ âââââ â ââââ âââ âââ ââ ââ â âââââ âââ ââââ â +âââ âââ ââââ âââââââ âââ âââ â ââââââââââââ âââââââââââââââ ââ ââââââââ ââââ ââââââ +âââââââââ âââââââ ââââââââââ ââââ âââââââ âââ âââ â âââââââ âââââââ ââââââââââ ââââ â âââ â + ââ ââââââââ â â ââ âââââ âââââ ââââââââââââââââ ââââââââââââââââ ââââââââ ââââ â âââââââ + ââ ââââââââ â â ââ âââââ ââ â â â âââââââ ââ â ââ ââ â â ââ â â ââ â ââ ââ ââ â + â ââ âââ â â ââ â â â â âââ â â â â â â â â â ââ â ââ â â â â â â + â â ââ â â â â ââ â â â ââ â â â â â â â â â + â â â ââ â â â â â â â â â â â â +*/ + +/* + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you under the Apache License, Version 2.0 (the + "License"); you may not use this file except in compliance + with the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. +*/ + +div, p, h1, h2, h3, span, body, html, ul, li { + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 18px; +} + +.overview h2 { + font-size: 28px; + color: #333; + padding: 5px 0 20px 0; + text-align: center; + + .overview &:after, + .documentation &:after, + .download &:after, + .community &:after { + display: none; + width: 0; + height: 0; + } +} + +.overview h2:after { + display: none; + width: 0; + height: 0; +} + +h3, .h3 { + font-size: 22px; + color: #333; +} + +.feature-block { + margin-top: 40px; + padding: 40px 0 24px; + border-top: 1px dotted #ddd; +} + +p { + line-height: 1.2em; + color: #333; + font-size: 18px; +} + +.overview { + margin-top: 60px; + padding-top: 0; + + p { + text-align: center; + } +} + +.inside-feature-block { + display: inline-block; + width: 100%; + + & > img { + float: right; + vertical-align: top; + } + + ul > li { + padding-bottom: 4px; + } + + .feature-header { + font-weight: 700; + padding-bottom: 10px; + padding-left: 20px; + } + + & > div { + float: left; + vertical-align: top; + } +} + +.carousel-inner p { + color: #fff; +} + +.carousel .img-holder { + margin: 0; + + img { + width: auto; + height: auto; + } +} + +div#banner1 { + & p { + padding-bottom: 40px; + font-size: 24px; + } +}