You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by dm...@apache.org on 2017/07/15 01:05:31 UTC

svn commit: r1802002 - in /ignite/site/trunk: css/all.css download.html features/persistence.html features/streaming.html images/apache-ignite-cluster.png images/check_pointing-2.png includes/header-1.html index-6.html scss/ignite.scss

Author: dmagda
Date: Sat Jul 15 01:05:30 2017
New Revision: 1802002

URL: http://svn.apache.org/viewvc?rev=1802002&view=rev
Log:
new front page

Added:
    ignite/site/trunk/features/persistence.html
    ignite/site/trunk/images/apache-ignite-cluster.png   (with props)
    ignite/site/trunk/images/check_pointing-2.png   (with props)
    ignite/site/trunk/index-6.html
Modified:
    ignite/site/trunk/css/all.css
    ignite/site/trunk/download.html
    ignite/site/trunk/features/streaming.html
    ignite/site/trunk/includes/header-1.html
    ignite/site/trunk/scss/ignite.scss

Modified: ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/ignite/site/trunk/css/all.css?rev=1802002&r1=1802001&r2=1802002&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Sat Jul 15 01:05:30 2017
@@ -7646,6 +7646,8 @@ div.toolbar {
 div, p, h1, h2, h3, span, body, html, ul, li {
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 18px;
+  font-weight: 300;
+  letter-spacing: 0.2px;
 }
 
 .carousel {
@@ -7668,12 +7670,26 @@ div, p, h1, h2, h3, span, body, html, ul
 h3, .h3 {
   font-size: 22px;
   color: #333;
+  font-weight: 400;
+}
+
+h4, b {
+  font-weight: 400;
 }
 
 p {
   line-height: 1.2em;
   color: #333;
   font-size: 18px;
+  font-weight: 300;
+  letter-spacing: 0.2px;
+}
+
+a {
+  color: #f00;
+  text-decoration: none;
+  font-weight: 300;
+  letter-spacing: 0.2px;
 }
 
 sup, sub {
@@ -7844,6 +7860,7 @@ section.page-section h1, section.page-se
   color: #333;
   padding: 0 0 15px 0;
   text-align: left;
+  font-weight: 400;
 }
 section.page-section h1 {
   font-size: 32px;
@@ -7875,7 +7892,7 @@ section.page-section div.page-links {
 }
 section.page-section div.page-heading {
   padding-top: 10px;
-  font-weight: 700;
+  font-weight: 400;
   padding-bottom: 10px;
 }
 section.page-section .code-examples {
@@ -7987,7 +8004,7 @@ table.overview > thead > tr {
 table.overview > thead > tr > th {
   color: #000;
   font-size: 21px !important;
-  font-weight: bold;
+  font-weight: 400;
   border: none !important;
   padding: 20px !important;
 }
@@ -8003,7 +8020,6 @@ table.overview > tbody > tr:nth-child(ev
 table.overview > tbody > tr > td {
   border: none !important;
   font-size: 18px !important;
-  font-weight: 400;
 }
 table.overview > tbody > tr > td > p {
   margin-top: 8px;
@@ -8020,6 +8036,7 @@ table.formatted {
   border: 1px solid #ddd !important;
   margin-bottom: 40px;
   position: relative;
+  letter-spacing: 0.2px;
 }
 table.formatted > thead > tr {
   background: #cfcfcf;
@@ -8029,9 +8046,11 @@ table.formatted > thead > tr > th {
   color: #000;
   font-weight: bold;
   border: none !important;
+  font-weight: 400;
 }
 table.formatted > thead > tr .left {
   padding-left: 20px !important;
+  font-weight: 400;
 }
 table.formatted > tbody > tr:nth-child(even) {
   background: #f5f5f5;
@@ -8058,6 +8077,7 @@ table.formatted > tbody > tr > td > p {
 table.formatted > tbody > tr .left {
   font-weight: bold;
   padding-left: 20px !important;
+  font-weight: 400;
 }
 @media (max-width: 767px) {
   table.formatted > tbody {
@@ -8310,7 +8330,7 @@ tr.sub-heading > th {
   background: #cfcfcf !important;
   border: 1px solid #cfcfcf !important;
   color: #000;
-  font-weight: bold;
+  font-weight: 400;
 }
 
 .feature-section {
@@ -8328,7 +8348,7 @@ tr.sub-heading > th {
 
 .features-left {
   padding-left: 20px !important;
-  font-weight: bold;
+  font-weight: 400;
   width: 35%;
 }
 
@@ -8571,10 +8591,10 @@ section.page-subsection {
   padding: 50px 0 0;
 }
 .main-banner h2 {
-  font-size: 27px;
-  line-height: 27px;
+  font-size: 30px;
+  line-height: 30px;
   letter-spacing: 1.1px;
-  font-weight: 300;
+  font-weight: 400;
   margin: 0 0 15px;
   text-align: left;
 }
@@ -8593,7 +8613,7 @@ section.page-subsection {
 }
 .main-banner h2 > span {
   font-size: 27px;
-  font-weight: 300;
+  font-weight: 400;
 }
 @media (max-width: 992px) {
   .main-banner h2 > span {
@@ -8622,9 +8642,9 @@ section.page-subsection {
   font-weight: 300;
 }
 .main-banner .main-image {
-  padding-top: 10px;
-  padding-left: 65px;
+  padding-left: 10px;
   padding-right: 0px;
+  margin-top: 10px;
 }
 @media (max-width: 992px) {
   .main-banner .main-image {
@@ -8664,7 +8684,7 @@ section.page-subsection {
 
 .feature-box h2 {
   text-align: center !important;
-  font-weight: 300;
+  font-weight: 300 !important;
 }
 .feature-box h2:hover {
   color: #e50000;
@@ -8754,24 +8774,36 @@ hr {
 }
 
 .banner-learn-more {
-  border: white solid 1px;
-  width: 120px;
+  width: 125px;
   text-align: center;
-  font-weight: 300;
+  border-radius: 2px;
+  background: #ef0000;
   letter-spacing: 1.1px;
-  margin-top: 20px;
+  margin-top: 50px;
+  transition: background-color 0.2s linear;
+  -moz-transition: background-color 0.2s linear;
+  -webkit-transition: background-color 0.2s linear;
+  -ms-transition: background-color 0.2s linear;
+  -o-transition: background-color 0.2s linear;
+    /*
+    &:hover {
+        border: $red solid 1px;
+
+        p {
+            color: $red;
+        }
+    }*/
 }
 .banner-learn-more p {
   color: #fff;
   font-size: 18px !important;
   margin-bottom: 0px;
   padding-bottom: 10px;
+  font-weight: 400;
 }
 .banner-learn-more:hover {
-  border: #f00 solid 1px;
-}
-.banner-learn-more:hover p {
-  color: #f00;
+  background-color: #941d15 !important;
+  color: white !important;
 }
 
 table.comparison-matrix {
@@ -8799,6 +8831,7 @@ table.comparison-matrix > tbody > tr {
 table.comparison-matrix > tbody > tr > td {
   border: none !important;
   font-weight: 300;
+  letter-spacing: 0.2px;
 }
 table.comparison-matrix > tbody > tr > td > p {
   margin-top: 8px;
@@ -8869,10 +8902,12 @@ table.comparison-matrix > tbody > tr .le
   color: #393939;
   margin-bottom: 0px;
   padding-top: 5px;
+  font-weight: 400;
 }
 .news-announcement p a {
   color: #393939;
   text-decoration: underline;
+  font-weight: 400;
 }
 
 a.social-media-bar {

Modified: ignite/site/trunk/download.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/download.html?rev=1802002&r1=1802001&r2=1802002&view=diff
==============================================================================
--- ignite/site/trunk/download.html (original)
+++ ignite/site/trunk/download.html Sat Jul 15 01:05:30 2017
@@ -570,7 +570,7 @@ under the License.
           signatures of the downloaded files before opening them.</p>
         <p>For more information about Apache release policy see
         <a href="http://www.apache.org/dev/release.html#what">What is a Release?</a></p>
-        <div class="page-heading">In-Memory Data Fabric:</div>
+        <div class="page-heading">Memory-Centric Platform:</div>
         <table class="formatted">
             <thead>
                 <tr><th>Version</th><th>Docs</th><th>Release Notes</th><th>Date</th><th>Binary</th></tr>

Added: ignite/site/trunk/features/persistence.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/persistence.html?rev=1802002&view=auto
==============================================================================
--- ignite/site/trunk/features/persistence.html (added)
+++ ignite/site/trunk/features/persistence.html Sat Jul 15 01:05:30 2017
@@ -0,0 +1,93 @@
+<!--
+▄▄▄       ██▓███   ▄▄▄       ▄████▄   ██░ ██ ▓█████     ██▓  ▄████  ███▄    █  ██▓▄▄▄█████▓▓█████
+▒████▄    ▓██░  ██▒▒████▄    ▒██▀ ▀█  ▓██░ ██▒▓█   ▀    ▓██▒ ██▒ ▀█▒ ██ ▀█   █ ▓██▒▓  ██▒ ▓▒▓█   ▀
+▒██  ▀█▄  ▓██░ ██▓▒▒██  ▀█▄  ▒▓█    ▄ ▒██▀▀██░▒███      ▒██▒▒██░▄▄▄░▓██  ▀█ ██▒▒██▒▒ ▓██░ ▒░▒███
+░██▄▄▄▄██ ▒██▄█▓▒ ▒░██▄▄▄▄██ ▒▓▓▄ ▄██▒░▓█ ░██ ▒▓█  ▄    ░██░░▓█  ██▓▓██▒  ▐▌██▒░██░░ ▓██▓ ░ ▒▓█  ▄
+▓█   ▓██▒▒██▒ ░  ░ ▓█   ▓██▒▒ ▓███▀ ░░▓█▒░██▓░▒████▒   ░██░░▒▓███▀▒▒██░   ▓██░░██░  ▒██▒ ░ ░▒████▒
+▒▒   ▓▒█░▒▓▒░ ░  ░ ▒▒   ▓▒█░░ ░▒ ▒  ░ ▒ ░░▒░▒░░ ▒░ ░   ░▓   ░▒   ▒ ░ ▒░   ▒ ▒ ░▓    ▒ ░░   ░░ ▒░ ░
+ ▒   ▒▒ ░░▒ ░       ▒   ▒▒ ░  ░  ▒    ▒ ░▒░ ░ ░ ░  ░    ▒ ░  ░   ░ ░ ░░   ░ ▒░ ▒ ░    ░     ░ ░  ░
+ ░   ▒   ░░         ░   ▒   ░         ░  ░░ ░   ░       ▒ ░░ ░   ░    ░   ░ ░  ▒ ░  ░         ░
+     ░  ░               ░  ░░ ░       ░  ░  ░   ░  ░    ░        ░          ░  ░              ░  ░
+-->
+
+<!--
+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
+"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>
+    <link rel="canonical" href="https://ignite.apache.org/features/deploy.html" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
+    <title>Peristence - Apache Ignite</title>
+    <link media="all" rel="stylesheet" href="/css/all.css?v=1.6">
+    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
+
+    <!--#include virtual="/includes/sh.html" -->
+</head>
+<body>
+<div id="wrapper">
+    <!--#include virtual="/includes/header.html" -->
+
+    <main id="main" role="main" class="container">
+        <section id="igfs" class="page-section">
+            <h1 class="first">Ignite Peristence</h1>
+                <div class="col-sm-12 col-md-12 col-xs-12" style="padding-left:0; padding-right:0; margin-bottom: 20px;">
+                    <div class="col-sm-6 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+                        <p>Ignite Persistent Store is a distributed ACID and SQL-compliant disk store that transparently integrates with Ignite's
+                            durable memory as an optional disk layer storing data and indexes on SSD, Flash, 3D XPoint, and other types of non-volatile storages.</p>
+                        <p>
+                            With persistent store enabled, you no longer need to keep all the data and indexes in memory or warm it up after a node or cluster restart because
+                            Apache Durable Memory is tightly coupled with the Persistent Store and treats it as a secondary storage. This implies that if a subset of data or an
+                            index is missing in RAM, the durable memory will take it from disk.
+                        </p>
+
+                    </div>
+                    <div class="col-sm-6 col-md-5 col-xs-12" style="padding-right:0;">
+                        <img class="img-responsive" src="/images/check_pointing-2.png" width="350px" style="float:right;"/>
+                    </div>
+                </div>
+                <p>
+                    Apache Ignite Persistent Store has the following advantages over 3rd party stores (RDBMS, NoSQL, Hadoop)
+                    that can be used as an alternative persistence layer for an Apache Ignite cluster:
+                </p>
+                <ul class="page-list" style="margin-bottom: 20px;">
+                    <li>Ability to execute SQL queries over the data that is both in memory and on disk which means that Apache Ignite can be used as a memory-optimized distributed SQL database.</li>
+                    <li>No need to have all the data and indexes in memory. The Persistent Store allows storing a superset of data on disk and only most frequently used subsets in memory.</li>
+                    <li>Instantaneous cluster restarts. If the whole cluster goes down there is no need to warm up the memory by preloading data from the Persistent Store.
+                        The cluster becomes fully operational once all the cluster nodes are interconnected with each other.</li>
+                    <li>Data and indexes are stored in a similar format both in memory and on disk that helps to avoid expensive transformations while the data sets are being moved between memory and disk.</li>
+                    <li>An ability to create full and incremental cluster snapshots by plugging-in 3rd party solutions.</li>
+                </ul>
+
+
+            <p><a href="https://apacheignite.readme.io/v2.1/docs/distributed-persistent-store" target="_blank">Read more</a></p>
+        </section>
+    </main>
+
+    <!--#include virtual="/includes/footer.html" -->
+</div>
+<!--#include virtual="/includes/scripts.html" -->
+</body>
+</html>

Modified: ignite/site/trunk/features/streaming.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/streaming.html?rev=1802002&r1=1802001&r2=1802002&view=diff
==============================================================================
--- ignite/site/trunk/features/streaming.html (original)
+++ ignite/site/trunk/features/streaming.html Sat Jul 15 01:05:30 2017
@@ -56,7 +56,7 @@ under the License.
             <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0 0 20px 0;">
                 <div class="col-sm-6 col-md-7 col-xs-12" style="padding-left:0; padding-right:0">
                     <p>
-                        Ignite streaming capabilities allows injesting never-ending streams of data in a scalable
+                        Ignite streaming capabilities allows ingesting never-ending streams of data in a scalable
                         and fault-tolerant fashion. The rates at which data can be injected into Ignite can be very
                         high and easily exceed millions of events per second on a moderately sized cluster.
                     </p>

Added: ignite/site/trunk/images/apache-ignite-cluster.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/apache-ignite-cluster.png?rev=1802002&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/apache-ignite-cluster.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ignite/site/trunk/images/check_pointing-2.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/check_pointing-2.png?rev=1802002&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/check_pointing-2.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: ignite/site/trunk/includes/header-1.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/header-1.html?rev=1802002&r1=1802001&r2=1802002&view=diff
==============================================================================
--- ignite/site/trunk/includes/header-1.html (original)
+++ ignite/site/trunk/includes/header-1.html Sat Jul 15 01:05:30 2017
@@ -59,13 +59,13 @@
                                         <li><a href="/features/datagrid.html">Data Grid</a></li>
                                         <li><a href="/features/computegrid.html">Compute Grid</a></li>
                                         <li><a href="/features/machinelearning.html">Machine Learning</a></li>
-                                        <li class="divider"></li>
-                                        <li role="presentation" class="submenu-header">Extended Features</li>
-                                        <li><a href="/features/servicegrid.html">Service Grid</a></li>
-                                        <li><a href="/features/streaming.html">Fast Data Ingest</a></li>
-                                        <li><a href="/features/rdbmsintegration.html">External RDBMS Integration</a></li>
-                                        <li><a href="/features/datastructures.html">Data Structures</a></li>
-                                        <li><a href="/features/messaging.html">Messaging & Events</a></li>
+                                        <!--<li class="divider"></li>-->
+                                        <!--<li role="presentation" class="submenu-header">Extended Features</li>-->
+                                        <!--<li><a href="/features/servicegrid.html">Service Grid</a></li>-->
+                                        <!--<li><a href="/features/streaming.html">Fast Data Ingest</a></li>-->
+                                        <!--<li><a href="/features/rdbmsintegration.html">External RDBMS Integration</a></li>-->
+                                        <!--<li><a href="/features/datastructures.html">Data Structures</a></li>-->
+                                        <!--<li><a href="/features/messaging.html">Messaging & Events</a></li>-->
                                         <li class="divider"></li>
                                         <li role="presentation" class="submenu-header">Tooling</li>
                                         <li><a href="/features/datavisualization.html">Ignite Web Console</a></li>
@@ -169,7 +169,7 @@
                                     </ul>
                                 </li>
                                 <li class="dropdown">
-                                    <a class="download-button-dropdown" href="/download.cgi">Download<span class="caret"></span></a>
+                                    <a class="download-button-dropdown" style="font-weight: 400;" href="/download.cgi">Download<span class="caret"></span></a>
                                     <ul class="dropdown-menu" role="menu">
                                         <li><a href="/download.cgi#sources">Source Releases</a></li>
                                         <li class="divider"></li>

Added: ignite/site/trunk/index-6.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index-6.html?rev=1802002&view=auto
==============================================================================
--- ignite/site/trunk/index-6.html (added)
+++ ignite/site/trunk/index-6.html Sat Jul 15 01:05:30 2017
@@ -0,0 +1,424 @@
+<!--
+ ▄▄▄       ██▓███   ▄▄▄       ▄████▄   ██░ ██ ▓█████     ██▓  ▄████  ███▄    █  ██▓▄▄▄█████▓▓█████
+▒████▄    ▓██░  ██▒▒████▄    ▒██▀ ▀█  ▓██░ ██▒▓█   ▀    ▓██▒ ██▒ ▀█▒ ██ ▀█   █ ▓██▒▓  ██▒ ▓▒▓█   ▀
+▒██  ▀█▄  ▓██░ ██▓▒▒██  ▀█▄  ▒▓█    ▄ ▒██▀▀██░▒███      ▒██▒▒██░▄▄▄░▓██  ▀█ ██▒▒██▒▒ ▓██░ ▒░▒███
+░██▄▄▄▄██ ▒██▄█▓▒ ▒░██▄▄▄▄██ ▒▓▓▄ ▄██▒░▓█ ░██ ▒▓█  ▄    ░██░░▓█  ██▓▓██▒  ▐▌██▒░██░░ ▓██▓ ░ ▒▓█  ▄
+ ▓█   ▓██▒▒██▒ ░  ░ ▓█   ▓██▒▒ ▓███▀ ░░▓█▒░██▓░▒████▒   ░██░░▒▓███▀▒▒██░   ▓██░░██░  ▒██▒ ░ ░▒████▒
+ ▒▒   ▓▒█░▒▓▒░ ░  ░ ▒▒   ▓▒█░░ ░▒ ▒  ░ ▒ ░░▒░▒░░ ▒░ ░   ░▓   ░▒   ▒ ░ ▒░   ▒ ▒ ░▓    ▒ ░░   ░░ ▒░ ░
+  ▒   ▒▒ ░░▒ ░       ▒   ▒▒ ░  ░  ▒    ▒ ░▒░ ░ ░ ░  ░    ▒ ░  ░   ░ ░ ░░   ░ ▒░ ▒ ░    ░     ░ ░  ░
+  ░   ▒   ░░         ░   ▒   ░         ░  ░░ ░   ░       ▒ ░░ ░   ░    ░   ░ ░  ▒ ░  ░         ░
+      ░  ░               ░  ░░ ░       ░  ░  ░   ░  ░    ░        ░          ░  ░              ░  ░
+-->
+
+<!--
+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>
+    <link rel="canonical" href="https://ignite.apache.org/" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
+    <title>Open Source In-Memory Computing Platform - Apache Ignite</title>
+    <link media="all" rel="stylesheet" href="css/all.css?v=1.6">
+    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
+
+    <!--#include virtual="/includes/sh.html" -->
+</head>
+<body>
+<div id="wrapper">
+    <!--#include virtual="/includes/header-1.html" -->
+
+
+    <div id="main-banner" class="main-banner">
+        <div class="container">
+            <div class="row">
+                <div id="banner" class="banner">
+                    <div class="col-md-6 col-sm-12 col-xs-12">
+                        <h2 style="padding-top: 60px;"><span style="color:#f00">IN-MEMORY</span> PERFORMANCE</h2>
+                        <h2>WITH <span style="color:#f00">DURABILITY</span> OF DISK</h2>
+                        <!--<h2>Ignite is a <span style="color:#f00">memory-centric</span> platform</h2>-->
+                        <!--<ul class="banner-list">-->
+                            <!--<li><p>combining a distributed <span style="color:#f00">SQL</span> database</p></li>-->
+                            <!--<li><p>with a <span style="color:#f00">key-value</span> data grid</p></li>-->
+                            <!--<li><p>that is <span style="color:#f00">ACID</span>-compliant</p></li>-->
+                            <!--<li><p>and horizontally <span style="color:#f00">scalable</span></p></li>-->
+                        <!--</ul>-->
+                        <a href="">
+                            <div class="banner-learn-more">
+                                <p>READ MORE</p>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-6 col-sm-12 col-xs-12 main-image">
+                        <div><a href="/index.html"><img src="/images/apache-ignite-cluster.png"  width="450" height="240"  alt="ApacheIgnite"></a></div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<div class="github-stats-bar">
+    <div class="container" style="text-align: center;">
+        <div class="row">
+            <div class="col-sm-12 col-md-6 col-xs-12" >
+                <a style="color: white;" href=" https://github.com/apache/ignite"><i class="fa fa-github fa-2x github-image" aria-hidden="true"></i></a>
+                <!-- Github Stargazers -->
+                <a class="github-button" href="https://github.com/apache/ignite" data-icon="octicon-star" data-style="mega" data-show-count="true" aria-label="Star apache/ignite on GitHub">Star</a>
+
+                <!-- Github Fork -->
+                <a class="github-button" href="https://github.com/apache/ignite/fork" data-icon="octicon-repo-forked" data-style="mega" data-show-count="true" aria-label="Fork apache/ignite on GitHub">Fork</a>
+
+                <!-- Github Watch -->
+                <a class="github-button" href="https://github.com/apache/ignite/subscription" data-icon="octicon-eye" data-style="mega" data-show-count="true" aria-label="Watch apache/ignite on GitHub">Watch</a>
+
+                <!--<a class="social-media-bar" href="https://twitter.com/ApacheIgnite" target="_blank"><i class="fa fa-twitter social-media-icon" aria-hidden="true"></i><span> Twitter</span></a>-->
+            </div>
+            <div class="col-sm-12 col-md-6 col-xs-12" style="padding-top: 5px; text-align: right; padding-right:50px;">
+
+                <!--<a class="social-media-bar" href="/news.html"><i class="fa fa-newspaper-o social-media-icon" aria-hidden="true"></i><span> News</span></a>-->
+
+                <!--<a class="social-media-bar" href="/blogs.html"><i class="fa fa-rss social-media-icon" aria-hidden="true"></i><span> Blog</span></a>-->
+                <a href="https://twitter.com/ApacheIgnite" class="twitter-follow-button twitter-follow" data-show-count="true">Follow @ApacheIgnite</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+<main id="main" role="main" class="container">
+    <div class="section-heading" style="padding-top:30px;">
+        <h2> MAIN FEATURES</h2>
+        <hr>
+    </div>
+
+    <section id="features" class="page-section" style=" border: none;">
+
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-left">
+            <a href="/features/durablememory.html" title="Apache Ignite is Memory-Centric">
+                <div class="durable-memory-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Durable Memory</h2>
+                </div>
+            </a>
+            <p>
+                Store and process distributed data <br/>in memory and on disk
+            </p>
+            <hr>
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-center">
+            <a href="/features/sql.html" title="IMDB Capabilities with the Apache Ignite In-Memory SQL Grid">
+                <div class="distributed-sql-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Distributed SQL</h2>
+                </div>
+            </a>
+            <p>
+                SQL database with support for distributed joins
+            </p>
+            <hr>
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-right">
+            <a href="https://apacheignite.readme.io/docs/transactions" title="ACID compliant transactions ensuring guaranteed consistency" target="_blank">
+                <div class="acid-transactions-panel">
+                    <p class="feature-icon"></p>
+                    <h2>ACID Transactions</h2>
+                </div>
+            </a>
+            <p>
+                Enforce full ACID compliance across distributed data sets
+            </p>
+            <hr>
+        </div>
+        <p style="margin:0;">&nbsp;</p>
+    </section>
+    <section id="features-2" class="page-section" style="border:none; padding-top:130px;">
+
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-left">
+            <a href="/use-cases/caching/key-value-store.html" title="Apache Ignite is an In-Memory Key Value Store">
+                <div class="key-value-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Key-Value</h2>
+                </div>
+            </a>
+            <p>
+                Read, write, and transact on a partitioned data grid
+            </p>
+
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-center">
+            <a href="/features/computegrid.html" title="Collocate computations with data using Apache Ignite">
+                <div class="collocated-processing-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Collocated Processing</h2>
+                </div>
+            </a>
+            <p>
+                Avoid data noise by sending computations to cluster nodes
+            </p>
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-right">
+            <a href="" title="Apache Ignite supports machine learning capabilities">
+                <div class="machine-learning-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Machine Learning <sup><span style="font-size: 16px;">&beta;eta</span></sup></h2>
+                </div>
+            </a>
+            <p>
+                Train and deploy distributed machine learning models
+            </p>
+        </div>
+        <p style="margin:0;">&nbsp;</p>
+    </section>
+
+    <div id="comparison-matrix" class="section-heading">
+        <h2>HOW IGNITE COMPARES</h2>
+        <hr>
+    </div>
+    <section id="comparison-matrix-section" class="page-section" style="border: none">
+        <table class="comparison-matrix" name="comparison-matrix">
+            <thead>
+            <tr><th>Feature</th><th>RDBMS</th><th>NoSQL</th><th>IMDG</th><th>Ignite</th></tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td>Scalability</td>
+                <td><span class="cross-mark">&#x2717;</span> vertical</td>
+                <td><span class="check-mark">&#x2713;</span> horizontal</td>
+                <td><span class="check-mark">&#x2713;</span> horizontal</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> horizontal</b></td>
+            </tr>
+            <tr>
+                <td>Availability</td>
+                <td><span class="cross-mark">&#x2717;</span> failover only</td>
+                <td><span class="check-mark">&#x2713;</span> high</td>
+                <td><span class="check-mark">&#x2713;</span> high</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> high</b></td>
+            </tr>
+            <tr>
+                <td>Consistency</td>
+                <td><span class="check-mark">&#x2713;</span> strong</td>
+                <td><span class="cross-mark">&#x2717;</span> eventual</td>
+                <td><span class="check-mark">&#x2713;</span> strong</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> strong</b></td>
+            </tr>
+            <tr>
+                <td>In-Memory</td>
+                <td><span class="check-mark">&#x2713;</span> caching only</td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="check-mark">&#x2713;</span> in-memory store</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> in-memory store</b></td>
+            </tr>
+            <tr>
+                <td>Persistence</td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            <tr>
+                <td>SQL</td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            <tr>
+                <td>Key-Value</td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            <tr>
+                <td>Collocated Processing</td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <div id="screencast" class="section-heading">
+        <h2>SCREENCASTS</h2>
+        <hr>
+    </div>
+    <section id="screencast-section" class="page-section" style="border: none; padding-top: 120px;">
+        <div class="col-sm-12 col-md-4 col-xs-12 screencast-left" >
+            <div class="relative">
+                <!-- Trigger Modal -->
+                <a href="#sql-modal" data-toggle="modal"><img src="/images/video-screen-2.png" width="300" height="180">
+                    <p class="video-image-text">DISTRIBUTED SQL <br/>QUERIES </p></a>
+            </div>
+            <span class="screencast-duration">03:27</span>
+
+            <!-- Modal HTML -->
+            <div id="sql-modal" class="modal fade">
+                <div class="modal-dialog">
+                    <div class="modal-content video-modal-content" >
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                            <h4 class="modal-title">Apache Ignite Distributed SQL Queries</h4>
+                        </div>
+                        <div class="modal-body">
+                            <iframe id="sql" width="668" height="400" src="https://www.youtube.com/embed/eZUujozYt-g" frameborder="0" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-12 col-md-4 col-xs-12 screencast-center">
+            <div class="relative">
+                <!-- Trigger Modal -->
+                <a href="#data-grid-modal" data-toggle="modal"><img src="/images/video-screen-2.png" width="300" height="180">
+                    <p class="video-image-text">KEY-VALUE OPERATIONS AND ACID TRANSACTIONS </p></a>
+            </div>
+            <span class="screencast-duration">03:49</span>
+
+            <!-- Modal HTML -->
+            <div id="data-grid-modal" class="modal fade">
+                <div class="modal-dialog">
+                    <div class="modal-content video-modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                            <h4 class="modal-title">Apache Ignite Distributed Cache Operations and Transactions</h4>
+                        </div>
+                        <div class="modal-body">
+                            <iframe id="data-grid" width="668" height="400" src="https://www.youtube.com/embed/pFbDWpOiMOU" frameborder="0" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-12 col-md-4 col-xs-12 screencast-right">
+            <div class="relative">
+                <!-- Trigger Modal -->
+                <a href="#clustering-modal" data-toggle="modal"><img src="/images/video-screen-2.png" width="300" height="180">
+                    <p class="video-image-text">GETTING STARTED<br/> WITH COMPUTE GRID</p></a>
+            </div>
+            <span class="screencast-duration">03:50</span>
+            <!-- Modal HTML -->
+            <div id="clustering-modal" class="modal fade">
+                <div class="modal-dialog">
+                    <div class="modal-content video-modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                            <h4 class="modal-title">Apache Ignite Advanced Clustering</h4>
+                        </div>
+                        <div class="modal-body">
+                            <iframe id="clustering" width="668" height="400" src="https://www.youtube.com/embed/J775J77_-B8" frameborder="0" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <p>&nbsp;</p>
+    </section>
+    <div id="news"class="section-heading">
+        <h2>LATEST NEWS</h2>
+        <hr>
+    </div>
+    <section id="events-tweets" class="page-section">
+        <div class="col-sm-6 col-md-8 col-xs-12 social-media">
+            <h3><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;Upcoming Events</h3>
+            <div id="event1" class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Jun 06</div>
+                </div>
+
+                <div class="col-sm-6 col-md-10 col-xs-12">
+                    <a href="Turbocharge your SQL queries in-memory with Apache® Ignite™" target="_blank" class="event-link">
+                        Ignite & Spark: This is Where Fast Data Meets the IoT</a><br/>
+                    <span class="event-details">Meetup, Amsterdam, Netherlands, Speaker - Denis Magda</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">May 15</div>
+                </div>
+                <div class="col-sm-6 col-md-10 col-xs-12">
+                    <a href="Turbocharge your SQL queries in-memory with Apache® Ignite™" target="_blank" class="event-link">
+                        Getting Started With Apache Ignite (Part 2)</a><br/>
+                    <span class="event-details">Meetup, Speaker - Akmal Chaudhri</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Apr 24</div>
+                </div>
+                <div class="col-sm-6 col-md-10 col-xs-12">
+                    <a href="Turbocharge your SQL queries in-memory with Apache® Ignite™" target="_blank" class="event-link">
+                        Turbocharge your SQL queries in-memory with Apache® Ignite™</a><br/>
+                    <span class="event-details">Meetup, Amsterdam, Netherlands, Speaker - Denis Magda</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Jun 06</div>
+                </div>
+
+                <div class="col-sm-6 col-md-10 col-xs-12 ">
+                    <a href="Turbocharge your SQL queries in-memory with Apache® Ignite™" target="_blank" class="event-link">
+                        Ignite & Spark: This is Where Fast Data Meets the IoT</a><br/>
+                    <span class="event-details">Meetup, Amsterdam, Netherlands, Speaker - Denis Magda</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Jun 06</div>
+                </div>
+
+                <div class="col-sm-6 col-md-10 col-xs-12">
+                    <a href="Turbocharge your SQL queries in-memory with Apache® Ignite™" target="_blank" class="event-link">
+                        Ignite & Spark: This is Where Fast Data Meets the IoT</a><br/>
+                    <span class="event-details">Meetup, Amsterdam, Netherlands, Speaker - Denis Magda</span>
+                </div>
+            </div><br/>
+            <p><a href="/news.html">Read more</a></p>
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 social-media">
+            <h3><i class="fa fa-twitter" aria-hidden="true"></i>&nbsp;Tweets</h3>
+            <div class="pre-scrollable">
+                <a class="twitter-timeline timeline-Tweet-text" href="https://twitter.com/ApacheIgnite" data-chrome="noheader noborders" data-tweet-limit="6" data-cards="hidden">Tweets by ApacheIgnite</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+            </div>
+        </div>
+        <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+        <p>&nbsp;</p>
+    </section>
+</main>
+
+<!--#include virtual="/includes/footer.html" -->
+</div>
+<!--#include virtual="/includes/scripts.html" -->
+<!--
+<script type="text/javascript" src="js/jquery.main.js"></script>
+-->
+</body>
+</html>
\ No newline at end of file

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1802002&r1=1802001&r2=1802002&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Sat Jul 15 01:05:30 2017
@@ -70,6 +70,8 @@ div.toolbar {
 div, p, h1, h2, h3, span, body, html, ul, li {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 18px;
+    font-weight: 300;
+    letter-spacing: 0.2px;
 }
 
 .carousel {
@@ -92,12 +94,26 @@ div, p, h1, h2, h3, span, body, html, ul
 h3, .h3 {
     font-size: 22px;
     color: #333;
+    font-weight: 400;
+}
+
+h4, b {
+    font-weight: 400;
 }
 
 p {
     line-height: 1.2em;
     color: #333;
     font-size: 18px;
+    font-weight: 300;
+    letter-spacing: 0.2px;
+}
+
+a {
+  color: #f00;
+  text-decoration: none;
+  font-weight: 300;
+  letter-spacing: 0.2px;
 }
 
 sup, sub {
@@ -248,6 +264,7 @@ section.page-section {
         color: #333;
         padding: 0 0 15px 0;
         text-align: left;
+        font-weight: 400;
     }
     h1 {
         font-size: 32px;
@@ -282,7 +299,7 @@ section.page-section {
 
     div.page-heading {
         padding-top: 10px;
-        font-weight: 700;
+        font-weight: 400;
         padding-bottom: 10px;
     }
 
@@ -415,7 +432,7 @@ table.overview {
         & > th {
             color: #000;
             font-size: 21px !important;
-            font-weight: bold;
+            font-weight: 400;
             border: none !important;
             padding: 20px !important;
         }
@@ -437,7 +454,7 @@ table.overview {
             & > td {
                 border: none !important;
                 font-size: 18px !important;
-                font-weight: 400;
+
 
                 & > p {
                     margin-top :8px;
@@ -460,6 +477,8 @@ table.formatted {
     margin-bottom: 40px;
     position: relative;
 
+    letter-spacing: 0.2px;
+
     & > thead > tr {
         background: #cfcfcf;
         border: 1px solid #cfcfcf;
@@ -468,9 +487,11 @@ table.formatted {
             color: #000;
             font-weight: bold;
             border: none !important;
+            font-weight: 400;
         }
         & .left {
             padding-left: 20px !important;
+            font-weight: 400;
         }
     }
 
@@ -503,6 +524,7 @@ table.formatted {
             & .left {
                 font-weight: bold;
                 padding-left: 20px !important;
+                font-weight: 400;
             }
         }
 
@@ -783,7 +805,7 @@ tr.sub-heading {
         background: #cfcfcf !important;
         border: 1px solid #cfcfcf !important;
         color: #000;
-        font-weight: bold;
+        font-weight: 400;
     }
 }
 
@@ -803,7 +825,7 @@ tr.sub-heading {
 
 .features-left {
     padding-left: 20px !important;
-    font-weight: bold;
+    font-weight: 400;
     width :35%;
 }
 
@@ -1043,10 +1065,10 @@ section.page-subsection {
     }
 
     h2 {
-        font-size:27px;
-        line-height:27px;
+        font-size:30px;
+        line-height:30px;
         letter-spacing: 1.1px;
-        font-weight: 300;
+        font-weight: 400;
         margin: 0 0 15px;
         text-align: left;
         @media (max-width: $tablet) {
@@ -1061,7 +1083,7 @@ section.page-subsection {
 
         & > span {
             font-size:27px;
-            font-weight: 300;
+            font-weight: 400;
             @media (max-width: $tablet) {
                 font-size: 25px;
                 line-height: 25px;
@@ -1096,9 +1118,9 @@ section.page-subsection {
     }
 
     .main-image {
-        padding-top: 10px;
-        padding-left: 65px;
+        padding-left: 10px;
         padding-right: 0px;
+        margin-top: 10px;
         @media (max-width: $tablet) {
             text-align: center
         }
@@ -1141,7 +1163,7 @@ section.page-subsection {
 .feature-box {
     h2 {
         text-align: center !important;
-        font-weight: 300;
+        font-weight: 300 !important;
 
         &:hover {
             color: #e50000;
@@ -1240,27 +1262,39 @@ hr {
 }
 
 .banner-learn-more {
-    border: white solid 1px;
-    width : 120px;
+
+    width : 125px;
     text-align:center;
-    font-weight: 300;
+    border-radius: 2px;
+    background: #ef0000;
     letter-spacing: 1.1px;
-    margin-top:20px;
+    margin-top: 50px;
 
     p {
         color: #fff;
         font-size: 18px !important;
         margin-bottom: 0px;
         padding-bottom: 10px;
+        font-weight: 400;
     }
+    transition: background-color 0.2s linear;
+   -moz-transition: background-color 0.2s linear;
+   -webkit-transition: background-color 0.2s linear;
+   -ms-transition: background-color 0.2s linear;
+   -o-transition: background-color 0.2s linear;
 
     &:hover {
+        background-color: #941d15 !important;
+        color: white !important;
+    }
+    /*
+    &:hover {
         border: $red solid 1px;
 
         p {
             color: $red;
         }
-    }
+    }*/
 }
 
 table.comparison-matrix {
@@ -1291,6 +1325,7 @@ table.comparison-matrix {
             & > td {
                 border: none !important;
                 font-weight: 300;
+                letter-spacing: 0.2px;
 
                 & > p {
                     margin-top :8px;
@@ -1365,10 +1400,12 @@ table.comparison-matrix {
         color: #393939;
         margin-bottom: 0px;
         padding-top: 5px;
+        font-weight:400;
 
         & a {
             color: #393939;
             text-decoration: underline;
+            font-weight:400;
         }
      }
 }
@@ -1504,6 +1541,7 @@ a.timeline-Tweet-text {
          }
          h2 {
             color: #e50000;
+
          }
      }
  }