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;
+    }
+}


Reply via email to