ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From niva...@apache.org
Subject svn commit: r1654094 - in /incubator/ignite/site/branches/sidenav: css/all.css index.html scss/ignite.scss
Date Thu, 22 Jan 2015 23:02:50 GMT
Author: nivanov
Date: Thu Jan 22 23:02:50 2015
New Revision: 1654094

URL: http://svn.apache.org/r1654094
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=1654094&r1=1654093&r2=1654094&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Thu Jan 22 23:02:50 2015
@@ -7917,19 +7917,22 @@ div, p, h1, h2, h3, span, body, html, ul
   font-size: 18px;
 }
 
-.overview h2 {
+.carousel {
+  min-height: 500px;
+}
+
+#overview h2,
+#cluster-compute h2,
+#data-grid h2 {
   font-size: 28px;
   color: #333;
   padding: 5px 0 20px 0;
   text-align: center;
 }
-.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 {
+#overview h2:after,
+#cluster-compute h2:after,
+#data-grid h2:after {
   display: none;
   width: 0;
   height: 0;
@@ -7940,46 +7943,66 @@ h3, .h3 {
   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;
+#overview {
+  margin: -38px 0 0;
 }
-.overview p {
+#overview p {
   text-align: center;
 }
 
-.inside-feature-block {
+.feature-block {
+  margin-top: 40px;
+  padding: 40px 0 24px;
+  border-top: 1px dotted #ddd;
+}
+.feature-block .inside-feature-block-1 {
   display: inline-block;
   width: 100%;
+  margin-top: 20px;
 }
-.inside-feature-block > img {
+.feature-block .inside-feature-block-1 > img {
   float: right;
   vertical-align: top;
 }
-.inside-feature-block ul > li {
+.feature-block .inside-feature-block-1 ul > li {
   padding-bottom: 4px;
 }
-.inside-feature-block .feature-header {
+.feature-block .inside-feature-block-1 .feature-header {
   font-weight: 700;
   padding-bottom: 10px;
   padding-left: 20px;
 }
-.inside-feature-block > div {
+.feature-block .inside-feature-block-1 > div {
+  float: left;
+  vertical-align: top;
+}
+.feature-block .inside-feature-block-2 {
+  display: inline-block;
+  width: 100%;
+  margin-top: 20px;
+}
+.feature-block .inside-feature-block-2 > img {
   float: left;
   vertical-align: top;
 }
+.feature-block .inside-feature-block-2 ul > li {
+  padding-bottom: 4px;
+}
+.feature-block .inside-feature-block-2 .feature-header {
+  font-weight: 700;
+  padding-bottom: 10px;
+  padding-left: 20px;
+}
+.feature-block .inside-feature-block-2 > div {
+  float: right;
+  vertical-align: top;
+}
 
 .carousel-inner p {
   color: #fff;

Modified: incubator/ignite/site/branches/sidenav/index.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/index.html?rev=1654094&r1=1654093&r2=1654094&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/index.html (original)
+++ incubator/ignite/site/branches/sidenav/index.html Thu Jan 22 23:02:50 2015
@@ -72,7 +72,7 @@
                             <!--<div class="col-md-8 col-sm-7">-->
                                 <div class="img-holder">
                                     <img
-                                        style="margin-left: 20%; margin-top: 50px;"
+                                        style="margin-left: 20%; margin-top: 35px;"
                                         src="images/img1.png">
                                 </div>
                             <!--</div>-->
@@ -139,10 +139,11 @@
                 <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>
             </section>
+
             <section id="cluster-compute">
                 <div class="feature-block">
                     <h2>Clustering & Compute</h2>
-                    <div class="inside-feature-block">
+                    <div class="inside-feature-block-1">
                         <div>
                             <div class="feature-header">Key features:</div>
                             <ul>
@@ -157,24 +158,31 @@
                         <img src="images/in_memory_compute.png"/>
                     </div>
                 </div>
-                <div class="info-blocks">
-                    <h3>In-Memory Caching & Data Grid</h3>
-                    <img src="images/in_memory_data.png"/><br/><br/>
+            </section>
 
-                    <div class="row">
-                        <p>Some of the key features of Apache Ignite In-Memory Data
Grid include:</p>
-                        <ul class="list-unstyled">
-                            <li>Distributed In-Memory Caching</li>
-                            <li>Elastic Scalability</li>
-                            <li>Lightning Fast Performance</li>
-                            <li>Distributed In-Memory Transactions</li>
-                            <li>Distributed In-Memory Queue and Other Data Structures</li>
-                            <li>Web Session Clustering</li>
-                            <li>Hibernate L2 Cache Integration</li>
-                            <li>Distributed SQL Queries with Distributed Joins</li>
-                        </ul>
+            <section id="data-grid">
+                <div class="feature-block">
+                    <h2>In-Memory Caching & Data Grid</h2>
+                    <div class="inside-feature-block-2">
+                        <div>
+                            <div class="feature-header">Key features:</div>
+                            <ul>
+                                <li>Distributed In-Memory Caching</li>
+                                <li>Elastic Scalability</li>
+                                <li>Lightning Fast Performance</li>
+                                <li>Distributed In-Memory Transactions</li>
+                                <li>Distributed In-Memory Data Structures</li>
+                                <li>Web Session Clustering</li>
+                                <li>Hibernate L2 Cache Integration</li>
+                                <li>Distributed SQL Queries & Joins</li>
+                            </ul>
+                        </div>
+                        <img src="images/in_memory_data.png"/>
                     </div>
                 </div>
+            </section>
+
+            <section id="streaming">
                 <div class="info-blocks">
                     <h3>In-Memory Streaming</h3>
                     <p>Streaming support allows to query into rolling windows of coming
data, and enable users to answer such questions as “What are the 10 most popular products
over last 2 hours?”, or “What is the average product price in a certain category
for the past day?”.</p>

Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1654094&r1=1654093&r2=1654094&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Thu Jan 22 23:02:50 2015
@@ -34,23 +34,22 @@ div, p, h1, h2, h3, span, body, html, ul
     font-size: 18px;
 }
 
-.overview h2 {
+.carousel {
+    min-height: 500px;
+}
+
+#overview h2,
+#cluster-compute h2,
+#data-grid 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 {
+#overview h2:after,
+#cluster-compute h2:after,
+#data-grid h2:after {
     display: none;
     width: 0;
     height: 0;
@@ -61,49 +60,75 @@ h3, .h3 {
     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;
+#overview {
+    margin: -38px 0 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;
-    }
+.feature-block {
+    margin-top: 40px;
+    padding: 40px 0 24px;
+    border-top: 1px dotted #ddd;
 
-    & > div {
-        float: left;
-        vertical-align: top;
+    .inside-feature-block-1 {
+        display: inline-block;
+        width: 100%;
+        margin-top: 20px;
+
+        & > 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;
+        }
+    }
+
+    .inside-feature-block-2 {
+        display: inline-block;
+        width: 100%;
+        margin-top: 20px;
+
+        & > img {
+            float: left;
+            vertical-align: top;
+        }
+
+        ul > li {
+            padding-bottom: 4px;
+        }
+
+        .feature-header {
+            font-weight: 700;
+            padding-bottom: 10px;
+            padding-left: 20px;
+        }
+
+        & > div {
+            float: right;
+            vertical-align: top;
+        }
     }
 }
 



Mime
View raw message