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