Author: nivanov
Date: Fri Jan 23 18:50:10 2015
New Revision: 1654309
URL: http://svn.apache.org/r1654309
Log:
WIP.
Modified:
incubator/ignite/site/branches/sidenav/css/all.css
incubator/ignite/site/branches/sidenav/images/streaming.png
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=1654309&r1=1654308&r2=1654309&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Fri Jan 23 18:50:10 2015
@@ -7923,6 +7923,7 @@ div, p, h1, h2, h3, span, body, html, ul
#overview h2,
#cluster-compute h2,
+#streaming h2,
#data-grid h2 {
font-size: 28px;
color: #333;
@@ -7932,6 +7933,7 @@ div, p, h1, h2, h3, span, body, html, ul
#overview h2:after,
#cluster-compute h2:after,
+#streaming h2:after,
#data-grid h2:after {
display: none;
width: 0;
@@ -7951,11 +7953,36 @@ p {
#overview {
margin: -38px 0 0;
+ padding-top: 80px;
}
#overview p {
text-align: center;
}
+#cluster-compute {
+ margin: -38px 0 0;
+ padding-top: 20px;
+}
+#cluster-compute p {
+ text-align: center;
+}
+
+#data-grid {
+ margin: -38px 0 0;
+ padding-top: 20px;
+}
+#data-grid p {
+ text-align: center;
+}
+
+#streaming {
+ margin: -38px 0 0;
+ padding-top: 20px;
+}
+#streaming p {
+ text-align: center;
+}
+
.feature-block {
margin-top: 40px;
padding: 40px 0 24px;
@@ -8020,3 +8047,10 @@ div#banner1 p {
padding-bottom: 40px;
font-size: 24px;
}
+
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #3498db;
+ background-color: transparent;
+}
Modified: incubator/ignite/site/branches/sidenav/images/streaming.png
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/images/streaming.png?rev=1654309&r1=1654308&r2=1654309&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=1654309&r1=1654308&r2=1654309&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/index.html (original)
+++ incubator/ignite/site/branches/sidenav/index.html Fri Jan 23 18:50:10 2015
@@ -1,3 +1,34 @@
+<!--
+ âââ ââââââ âââ ââââââ
âââ ââ ââââââ âââ âââââ
ââââ â ââââââââââââââââââ
+ââââââ ââââ âââââââââ
ââââ ââ ââââ âââââ â ââââ
âââ âââ ââ ââ â âââââ âââ ââââ
â
+âââ âââ ââââ âââââââ âââ âââ
â ââââââââââââ
âââââââââââââââ ââ ââââââââ
ââââ ââââââ
+âââââââââ âââââââ
ââââââââââ ââââ âââââââ âââ
âââ â âââââââ âââââââ
ââââââââââ ââââ â âââ â
+ ââ ââââââââ â â ââ âââââ
âââââ ââââââââââââââââ
ââââââââââââââââ ââââââââ
ââââ â âââââââ
+ ââ ââââââââ â â ââ âââââ ââ
â â â âââââââ ââ â ââ ââ â â
ââ â â ââ â ââ ââ ââ â
+ â ââ âââ â â ââ â â â â âââ
â â â â â â â â â ââ â ââ â â â
â â â
+ â â ââ â â â â ââ â â
â ââ â â â â â â â â â
+ â â â ââ â â â â â â
â â â â â â
+-->
+
+<!--
+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.
+-->
+
<!DOCTYPE html>
<html>
<head>
@@ -40,7 +71,7 @@
</div>
</div>
</header>
- <div id="carousel" class="carousel slide" data-ride="carousel"
data-interval="300000">
+ <div id="carousel" class="carousel slide" data-ride="carousel"
data-interval="5000">
<div class="container">
<div class="carousel-inner" role="listbox">
<!-- Carousel items -->
@@ -55,73 +86,26 @@
</div>
</div>
<div class="item cloud">
- <!--<div class="row">-->
- <!--<div class="col-md-4 col-sm-5">-->
- <!--<header>-->
- <!--<h1>Apache Ignite</h1>-->
- <!--<p>In-Memory Data Fabric</p>-->
- <!--<ul class="buttons list-unstyled">-->
- <!--<li><a href="#download" class="btn
btn-danger">Download</a></li>-->
- <!--<li><a href="#overview" class="btn
btn-default">Learn More</a></li>-->
- <!--</ul>-->
- <!--</header>-->
- <!--<div class="text">-->
- <!--<small>In Memory Computing Made
Simple</small>-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="col-md-8 col-sm-7">-->
- <div class="img-holder">
- <img
- style="margin-left: 20%; margin-top:
35px;"
- src="images/img1.png">
- </div>
- <!--</div>-->
- <!--</div>-->
+ <div class="img-holder">
+ <a href="#data-grid">
+ <img style="margin-left: 20%; margin-top:
35px;" src="images/img1.png">
+ </a>
+ </div>
+ </div>
+ <div class="item cloud">
+ <div class="img-holder">
+ <a href="#cluster-compute">
+ <img style="margin-left: 20%; margin-top:
35px;" src="images/compute_grid.png">
+ </a>
+ </div>
+ </div>
+ <div class="item cloud">
+ <div class="img-holder">
+ <a href="#streaming">
+ <img style="margin-left: 15%; margin-top:
35px;"src="images/streaming.png">
+ </a>
+ </div>
</div>
- <!--<div class="item cloud">-->
- <!--<div class="row">-->
- <!--<div class="col-md-4 col-sm-5">-->
- <!--<header>-->
- <!--<h1>Apache Ignite</h1>-->
- <!--<p>In-Memory Data Fabric</p>-->
- <!--<ul class="buttons list-unstyled">-->
- <!--<li><a href="#download" class="btn
btn-danger">Download</a></li>-->
- <!--<li><a href="#overview" class="btn
btn-default">Learn More</a></li>-->
- <!--</ul>-->
- <!--</header>-->
- <!--<div class="text">-->
- <!--<small>In Memory Computing Made
Simple</small>-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="col-md-8 col-sm-7">-->
- <!--<div class="img-holder">-->
- <!--<img src="images/compute_grid.png"
alt="image description">-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="item cloud">-->
- <!--<div class="row">-->
- <!--<div class="col-md-4 col-sm-5">-->
- <!--<header>-->
- <!--<h1>Apache Ignite</h1>-->
- <!--<p>In-Memory Data Fabric</p>-->
- <!--<ul class="buttons list-unstyled">-->
- <!--<li><a href="#download" class="btn
btn-danger">Download</a></li>-->
- <!--<li><a href="#overview" class="btn
btn-default">Learn More</a></li>-->
- <!--</ul>-->
- <!--</header>-->
- <!--<div class="text">-->
- <!--<small>In Memory Computing Made
Simple</small>-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="col-md-8 col-sm-7">-->
- <!--<div class="img-holder">-->
- <!--<img src="images/streaming.png"
alt="image description">-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
</div>
</div>
<!-- Carousel nav -->
@@ -135,9 +119,20 @@
<main id="main" role="main" class="container">
<section class="overview" id="overview">
<h2>Overview</h2>
- <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>
+ <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>
+ <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">
@@ -183,13 +178,26 @@
</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>
- <img src="images/in_memory_streaming.png"/>
- <p>Another most common use case for stream processing is
the ability to control and properly pipeline distributed events workflow. As
events are coming into the system at high rates, the processing of events is
split into multiple stages and each stage has to be properly routed within a
cluster for processing.</p>
+ <div class="feature-block">
+ <h2>In-Memory Streaming</h2>
+ <div class="inside-feature-block-1">
+ <div>
+ <div class="feature-header">Key features:</div>
+ <ul>
+ <li>Programmatic Querying</li>
+ <li>Customizable Event Workflow</li>
+ <li>At-Least-Once Guarantee</li>
+ <li>Sliding Windows</li>
+ <li>Data Indexing</li>
+ <li>Distributed Streamer Queries</li>
+ <li>Co-Location With In-Memory Data Grid</li>
+ </ul>
+ </div>
+ <img src="images/in_memory_streaming.png"
width="500px"/>
+ </div>
</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>
Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1654309&r1=1654308&r2=1654309&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Fri Jan 23 18:50:10
2015
@@ -29,6 +29,28 @@
under the License.
*/
+// Flat colors.
+$color-turquoise: #1abc9c;
+$color-emerald: #2ecc71;
+$color-river: #3498db;
+$color-amethyst: #9b59b6;
+$color-asphalt: #34495e;
+$color-sea: #16a085;
+$color-nephritis: #27ae60;
+$color-belize: #2980b9;
+$color-wisteria: #8e44ad;
+$color-midnight: #2C3E50;
+$color-sunflower: #F1C40F;
+$color-orange: #F39C12;
+$color-carrot: #E67E22;
+$color-pumpkin: #D35400;
+$color-alizarin: #E74C3C;
+$color-pomegranate: #C0392B;
+$color-cloud: #ECF0F1;
+$color-silver: #BDC3C7;
+$color-concrete: #95A5A6;
+$color-asbestos: #7F8C8D;
+
div, p, h1, h2, h3, span, body, html, ul, li {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
@@ -40,6 +62,7 @@ div, p, h1, h2, h3, span, body, html, ul
#overview h2,
#cluster-compute h2,
+#streaming h2,
#data-grid h2 {
font-size: 28px;
color: #333;
@@ -49,6 +72,7 @@ div, p, h1, h2, h3, span, body, html, ul
#overview h2:after,
#cluster-compute h2:after,
+#streaming h2:after,
#data-grid h2:after {
display: none;
width: 0;
@@ -68,6 +92,34 @@ p {
#overview {
margin: -38px 0 0;
+ padding-top: 80px;
+
+ p {
+ text-align: center;
+ }
+}
+
+#cluster-compute {
+ margin: -38px 0 0;
+ padding-top: 20px;
+
+ p {
+ text-align: center;
+ }
+}
+
+#data-grid {
+ margin: -38px 0 0;
+ padding-top: 20px;
+
+ p {
+ text-align: center;
+ }
+}
+
+#streaming {
+ margin: -38px 0 0;
+ padding-top: 20px;
p {
text-align: center;
@@ -151,3 +203,10 @@ div#banner1 {
font-size: 24px;
}
}
+
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: $color-river;
+ background-color: transparent;
+}
