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 2020/03/23 17:06:52 UTC

svn commit: r1875548 - in /ignite/site/branches/ignite-redisign: ./ arch/ community/ css/ features/ includes/ scss/ use-cases/

Author: dmagda
Date: Mon Mar 23 17:06:52 2020
New Revision: 1875548

URL: http://svn.apache.org/viewvc?rev=1875548&view=rev
Log:
merging Mauricio's changes

Modified:
    ignite/site/branches/ignite-redisign/arch/clustering.html
    ignite/site/branches/ignite-redisign/arch/multi-tier-storage.html
    ignite/site/branches/ignite-redisign/arch/persistence.html
    ignite/site/branches/ignite-redisign/community/resources.html
    ignite/site/branches/ignite-redisign/css/ignite-redesign.css
    ignite/site/branches/ignite-redisign/docs-and-apis.html
    ignite/site/branches/ignite-redisign/features/collocatedprocessing.html
    ignite/site/branches/ignite-redisign/features/machinelearning.html
    ignite/site/branches/ignite-redisign/features/multilanguage.html
    ignite/site/branches/ignite-redisign/features/rdbmsintegration.html
    ignite/site/branches/ignite-redisign/features/servicegrid.html
    ignite/site/branches/ignite-redisign/features/sql.html
    ignite/site/branches/ignite-redisign/features/streaming.html
    ignite/site/branches/ignite-redisign/features/tensorflow.html
    ignite/site/branches/ignite-redisign/features/transactions.html
    ignite/site/branches/ignite-redisign/includes/scripts.html
    ignite/site/branches/ignite-redisign/index.html
    ignite/site/branches/ignite-redisign/meetup-groups.html
    ignite/site/branches/ignite-redisign/scss/ignite-redesign.scss
    ignite/site/branches/ignite-redisign/use-cases/datagrid.html
    ignite/site/branches/ignite-redisign/use-cases/dih.html
    ignite/site/branches/ignite-redisign/use-cases/hadoop-acceleration.html
    ignite/site/branches/ignite-redisign/use-cases/hpc.html
    ignite/site/branches/ignite-redisign/use-cases/in-memory-cache.html
    ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html
    ignite/site/branches/ignite-redisign/use-cases/key-value-store.html
    ignite/site/branches/ignite-redisign/use-cases/spark-acceleration.html

Modified: ignite/site/branches/ignite-redisign/arch/clustering.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/arch/clustering.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/arch/clustering.html (original)
+++ ignite/site/branches/ignite-redisign/arch/clustering.html Mon Mar 23 17:06:52 2020
@@ -62,13 +62,14 @@ under the License.
     </header>
     <div class="container">
             
-        <img class="img-responsive diagram-right" src="/images/ignite-deploy.png" />
+        
         <p>
             Apache Ignite implements the shared-nothing architecture where all cluster nodes are equal
             and there is no single point of failure or bottleneck.
             Ignite does NOT have a component such as a master node or name node that is present in most
             distributed systems.
         </p>
+        <img class="img-responsive diagram-right" src="/images/ignite-deploy.png" />
         <p>
             Ignite nodes discover each other automatically in your environment, and the cluster can be
             scaled out or in easily.
@@ -111,16 +112,16 @@ under the License.
               <div class="title display-6">Learn More</div>
               <hr class="my-4">
               <div class="row">
-                <div class="col-6 col-xs-12">
+                <div class="col-sm-6">
                     <ul>
-                        <li><a href="https://apacheignite.readme.io/docs/clustering" target="docs"><b>Ignite Clustering <i class="fa fa-angle-double-right"></i></b></a></li>
-                        <li><a href="https://apacheignite.readme.io/docs/tcpip-discovery" target="docs"><b>Discovery SPI Configuration <i class="fa fa-angle-double-right"></i></b></a></li>
+                        <li><a href="https://apacheignite.readme.io/docs/clustering" target="docs">Ignite Clustering <i class="fa fa-angle-double-right"></i></a></li>
+                        <li><a href="https://apacheignite.readme.io/docs/tcpip-discovery" target="docs">Discovery SPI Configuration <i class="fa fa-angle-double-right"></i></a></li>
                     </ul>
                 </div>
-                <div class="col-6 col-xs-12">
+                <div class="col-sm-6">
                     <ul>
-                        <li><a href="https://apacheignite.readme.io/docs/network-config" target="docs"><b>Communication SPI Configuration <i class="fa fa-angle-double-right"></i></b></a></li>
-                        <li><a href="/features/multilanguage.html"><b>Multi-Language Support <i class="fa fa-angle-double-right"></i></b></a></li>
+                        <li><a href="https://apacheignite.readme.io/docs/network-config" target="docs">Communication SPI Configuration <i class="fa fa-angle-double-right"></i></a></li>
+                        <li><a href="/features/multilanguage.html">Multi-Language Support <i class="fa fa-angle-double-right"></i></a></li>
                     </ul>
                 </div>
             </div>

Modified: ignite/site/branches/ignite-redisign/arch/multi-tier-storage.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/arch/multi-tier-storage.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/arch/multi-tier-storage.html (original)
+++ ignite/site/branches/ignite-redisign/arch/multi-tier-storage.html Mon Mar 23 17:06:52 2020
@@ -194,7 +194,7 @@ under the License.
                   <div class="display-6 title">Learn More</div>
                   <hr class="my-4">
                   <div class="row">
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                       <ul>
                         <li>
                           <p><a href="https://cwiki.apache.org/confluence/display/IGNITE/Ignite+Durable+Memory+-+under+the+hood" target="docs">Multi-Tier Storage Implementation Details <i class="fa fa-angle-double-right"></i></a></p>
@@ -207,7 +207,7 @@ under the License.
                         </li>
                       </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                       <ul>
                         <li>
                           <p><a href="/use-cases/in-memory-database.html"> Ignite as an In-Memory Database <i class="fa fa-angle-double-right"></i></a></p>

Modified: ignite/site/branches/ignite-redisign/arch/persistence.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/arch/persistence.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/arch/persistence.html (original)
+++ ignite/site/branches/ignite-redisign/arch/persistence.html Mon Mar 23 17:06:52 2020
@@ -59,7 +59,7 @@ under the License.
         </div>
       </header>
       <div class="container">
-        <img class="img-responsive diagram-right" src="/images/native_persistence.png" alt="Apache Ignite Native Persistence"/></a>
+        
           <p>
             Even though Apache Ignite is broadly used as a caching layer on top of external databases, it
             comes with its native persistence - a distributed, ACID, and SQL-compliant disk-based
@@ -67,6 +67,7 @@ under the License.
             can be turned on to let Ignite store more data on disk than it can cache in memory and to enable
             fast cluster restarts.
         </p>
+        <img class="img-responsive diagram-right" src="/images/native_persistence.png" alt="Apache Ignite Native Persistence"/></a>
         <p>
             When the native persistence enabled, Ignite stores a superset of data on disk and caches as
             much as it can in memory. For example, if your application needs to store 200 records in an
@@ -125,7 +126,7 @@ under the License.
           <div class="display-6 title">Learn More</div>
           <hr class="my-4">
           <div class="row">
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <p><a href="/arch/multi-tier-storage.html">Multi-Tier Storage <i class="fa fa-angle-double-right"></i></a></p>
@@ -138,7 +139,7 @@ under the License.
                 </li>
               </ul>
             </div>
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <p><a href="/features/sql.html">Distributed SQL <i class="fa fa-angle-double-right"></i></a></p>

Modified: ignite/site/branches/ignite-redisign/community/resources.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/community/resources.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/community/resources.html (original)
+++ ignite/site/branches/ignite-redisign/community/resources.html Mon Mar 23 17:06:52 2020
@@ -152,7 +152,7 @@ under the License.
                     <p>
                         The table below summarizes <a href="http://people.apache.org/phonebook.html?pmc=ignite" >committers and PMC members</a> of Apache Ignite:
                     </p>
-                    <table class="formatted committers" name="Apache Ignite Community Committers">
+                    <table class="table table-bordered table-striped" name="Apache Ignite Community Committers">
                         <thead>
                         <tr><th>Name</th><th>Organization</th></tr>
                         </thead>

Modified: ignite/site/branches/ignite-redisign/css/ignite-redesign.css
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/css/ignite-redesign.css?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/css/ignite-redesign.css (original)
+++ ignite/site/branches/ignite-redisign/css/ignite-redesign.css Mon Mar 23 17:06:52 2020
@@ -56,7 +56,8 @@
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
-  --gray: #f2f2f2;
+  --gray: #e9e9e9;
+  --shadow-gray: #d5d5d5;
   --ignite-red: #f20025;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
@@ -1351,19 +1352,36 @@ pre {
 .table-gray,
 .table-gray > th,
 .table-gray > td {
-  background-color: #fbfbfb; }
+  background-color: #f9f9f9; }
 
 .table-gray th,
 .table-gray td,
 .table-gray thead th,
 .table-gray tbody + tbody {
-  border-color: #f8f8f8; }
+  border-color: #f4f4f4; }
 
 .table-hover .table-gray:hover {
-  background-color: #eeeeee; }
+  background-color: #ececec; }
   .table-hover .table-gray:hover > td,
   .table-hover .table-gray:hover > th {
-    background-color: #eeeeee; }
+    background-color: #ececec; }
+
+.table-shadow-gray,
+.table-shadow-gray > th,
+.table-shadow-gray > td {
+  background-color: #f3f3f3; }
+
+.table-shadow-gray th,
+.table-shadow-gray td,
+.table-shadow-gray thead th,
+.table-shadow-gray tbody + tbody {
+  border-color: #e9e9e9; }
+
+.table-hover .table-shadow-gray:hover {
+  background-color: #e6e6e6; }
+  .table-hover .table-shadow-gray:hover > td,
+  .table-hover .table-shadow-gray:hover > th {
+    background-color: #e6e6e6; }
 
 .table-ignite-red,
 .table-ignite-red > th,
@@ -2051,29 +2069,55 @@ fieldset:disabled a.btn {
 
 .btn-gray {
   color: #212529;
-  background-color: #f2f2f2;
-  border-color: #f2f2f2; }
+  background-color: #e9e9e9;
+  border-color: #e9e9e9; }
   .btn-gray:hover {
     color: #212529;
-    background-color: #dfdfdf;
-    border-color: #d9d9d9; }
+    background-color: #d6d6d6;
+    border-color: #d0d0d0; }
   .btn-gray:focus, .btn-gray.focus {
     color: #212529;
-    background-color: #dfdfdf;
-    border-color: #d9d9d9;
-    box-shadow: 0 0 0 0.2rem rgba(211, 211, 212, 0.5); }
+    background-color: #d6d6d6;
+    border-color: #d0d0d0;
+    box-shadow: 0 0 0 0.2rem rgba(203, 204, 204, 0.5); }
   .btn-gray.disabled, .btn-gray:disabled {
     color: #212529;
-    background-color: #f2f2f2;
-    border-color: #f2f2f2; }
+    background-color: #e9e9e9;
+    border-color: #e9e9e9; }
   .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
   .show > .btn-gray.dropdown-toggle {
     color: #212529;
-    background-color: #d9d9d9;
-    border-color: #d2d2d2; }
+    background-color: #d0d0d0;
+    border-color: #c9c9c9; }
     .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
     .show > .btn-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(211, 211, 212, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(203, 204, 204, 0.5); }
+
+.btn-shadow-gray {
+  color: #212529;
+  background-color: #d5d5d5;
+  border-color: #d5d5d5; }
+  .btn-shadow-gray:hover {
+    color: #212529;
+    background-color: #c2c2c2;
+    border-color: #bcbcbc; }
+  .btn-shadow-gray:focus, .btn-shadow-gray.focus {
+    color: #212529;
+    background-color: #c2c2c2;
+    border-color: #bcbcbc;
+    box-shadow: 0 0 0 0.2rem rgba(186, 187, 187, 0.5); }
+  .btn-shadow-gray.disabled, .btn-shadow-gray:disabled {
+    color: #212529;
+    background-color: #d5d5d5;
+    border-color: #d5d5d5; }
+  .btn-shadow-gray:not(:disabled):not(.disabled):active, .btn-shadow-gray:not(:disabled):not(.disabled).active,
+  .show > .btn-shadow-gray.dropdown-toggle {
+    color: #212529;
+    background-color: #bcbcbc;
+    border-color: #b5b5b5; }
+    .btn-shadow-gray:not(:disabled):not(.disabled):active:focus, .btn-shadow-gray:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-shadow-gray.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(186, 187, 187, 0.5); }
 
 .btn-ignite-red {
   color: #fff;
@@ -2270,25 +2314,46 @@ fieldset:disabled a.btn {
       box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
 
 .btn-outline-gray {
-  color: #f2f2f2;
-  border-color: #f2f2f2; }
+  color: #e9e9e9;
+  border-color: #e9e9e9; }
   .btn-outline-gray:hover {
     color: #212529;
-    background-color: #f2f2f2;
-    border-color: #f2f2f2; }
+    background-color: #e9e9e9;
+    border-color: #e9e9e9; }
   .btn-outline-gray:focus, .btn-outline-gray.focus {
-    box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(233, 233, 233, 0.5); }
   .btn-outline-gray.disabled, .btn-outline-gray:disabled {
-    color: #f2f2f2;
+    color: #e9e9e9;
     background-color: transparent; }
   .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active,
   .show > .btn-outline-gray.dropdown-toggle {
     color: #212529;
-    background-color: #f2f2f2;
-    border-color: #f2f2f2; }
+    background-color: #e9e9e9;
+    border-color: #e9e9e9; }
     .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
     .show > .btn-outline-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(233, 233, 233, 0.5); }
+
+.btn-outline-shadow-gray {
+  color: #d5d5d5;
+  border-color: #d5d5d5; }
+  .btn-outline-shadow-gray:hover {
+    color: #212529;
+    background-color: #d5d5d5;
+    border-color: #d5d5d5; }
+  .btn-outline-shadow-gray:focus, .btn-outline-shadow-gray.focus {
+    box-shadow: 0 0 0 0.2rem rgba(213, 213, 213, 0.5); }
+  .btn-outline-shadow-gray.disabled, .btn-outline-shadow-gray:disabled {
+    color: #d5d5d5;
+    background-color: transparent; }
+  .btn-outline-shadow-gray:not(:disabled):not(.disabled):active, .btn-outline-shadow-gray:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-shadow-gray.dropdown-toggle {
+    color: #212529;
+    background-color: #d5d5d5;
+    border-color: #d5d5d5; }
+    .btn-outline-shadow-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-shadow-gray:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-shadow-gray.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(213, 213, 213, 0.5); }
 
 .btn-outline-ignite-red {
   color: #f20025;
@@ -3827,13 +3892,23 @@ input[type="button"].btn-block {
 
 .badge-gray {
   color: #212529;
-  background-color: #f2f2f2; }
+  background-color: #e9e9e9; }
   a.badge-gray:hover, a.badge-gray:focus {
     color: #212529;
-    background-color: #d9d9d9; }
+    background-color: #d0d0d0; }
   a.badge-gray:focus, a.badge-gray.focus {
     outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(233, 233, 233, 0.5); }
+
+.badge-shadow-gray {
+  color: #212529;
+  background-color: #d5d5d5; }
+  a.badge-shadow-gray:hover, a.badge-shadow-gray:focus {
+    color: #212529;
+    background-color: #bcbcbc; }
+  a.badge-shadow-gray:focus, a.badge-shadow-gray.focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(213, 213, 213, 0.5); }
 
 .badge-ignite-red {
   color: #fff;
@@ -3954,13 +4029,22 @@ input[type="button"].btn-block {
     color: #040505; }
 
 .alert-gray {
-  color: #7e7e7e;
-  background-color: #fcfcfc;
-  border-color: #fbfbfb; }
+  color: #797979;
+  background-color: #fbfbfb;
+  border-color: #f9f9f9; }
   .alert-gray hr {
-    border-top-color: #eeeeee; }
+    border-top-color: #ececec; }
   .alert-gray .alert-link {
-    color: #656565; }
+    color: #606060; }
+
+.alert-shadow-gray {
+  color: #6f6f6f;
+  background-color: #f7f7f7;
+  border-color: #f3f3f3; }
+  .alert-shadow-gray hr {
+    border-top-color: #e6e6e6; }
+  .alert-shadow-gray .alert-link {
+    color: #565656; }
 
 .alert-ignite-red {
   color: #7e0013;
@@ -4250,15 +4334,26 @@ input[type="button"].btn-block {
     border-color: #1b1e21; }
 
 .list-group-item-gray {
-  color: #7e7e7e;
-  background-color: #fbfbfb; }
+  color: #797979;
+  background-color: #f9f9f9; }
   .list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus {
-    color: #7e7e7e;
-    background-color: #eeeeee; }
+    color: #797979;
+    background-color: #ececec; }
   .list-group-item-gray.list-group-item-action.active {
     color: #fff;
-    background-color: #7e7e7e;
-    border-color: #7e7e7e; }
+    background-color: #797979;
+    border-color: #797979; }
+
+.list-group-item-shadow-gray {
+  color: #6f6f6f;
+  background-color: #f3f3f3; }
+  .list-group-item-shadow-gray.list-group-item-action:hover, .list-group-item-shadow-gray.list-group-item-action:focus {
+    color: #6f6f6f;
+    background-color: #e6e6e6; }
+  .list-group-item-shadow-gray.list-group-item-action.active {
+    color: #fff;
+    background-color: #6f6f6f;
+    border-color: #6f6f6f; }
 
 .list-group-item-ignite-red {
   color: #7e0013;
@@ -4955,12 +5050,20 @@ button.bg-dark:focus {
   background-color: #1d2124 !important; }
 
 .bg-gray {
-  background-color: #f2f2f2 !important; }
+  background-color: #e9e9e9 !important; }
 
 a.bg-gray:hover, a.bg-gray:focus,
 button.bg-gray:hover,
 button.bg-gray:focus {
-  background-color: #d9d9d9 !important; }
+  background-color: #d0d0d0 !important; }
+
+.bg-shadow-gray {
+  background-color: #d5d5d5 !important; }
+
+a.bg-shadow-gray:hover, a.bg-shadow-gray:focus,
+button.bg-shadow-gray:hover,
+button.bg-shadow-gray:focus {
+  background-color: #bcbcbc !important; }
 
 .bg-ignite-red {
   background-color: #f20025 !important; }
@@ -5031,7 +5134,10 @@ button.bg-ignite-red:focus {
   border-color: #343a40 !important; }
 
 .border-gray {
-  border-color: #f2f2f2 !important; }
+  border-color: #e9e9e9 !important; }
+
+.border-shadow-gray {
+  border-color: #d5d5d5 !important; }
 
 .border-ignite-red {
   border-color: #f20025 !important; }
@@ -7288,10 +7394,16 @@ a.text-dark:hover, a.text-dark:focus {
   color: #121416 !important; }
 
 .text-gray {
-  color: #f2f2f2 !important; }
+  color: #e9e9e9 !important; }
 
 a.text-gray:hover, a.text-gray:focus {
-  color: #cccccc !important; }
+  color: #c3c3c3 !important; }
+
+.text-shadow-gray {
+  color: #d5d5d5 !important; }
+
+a.text-shadow-gray:hover, a.text-shadow-gray:focus {
+  color: #afafaf !important; }
 
 .text-ignite-red {
   color: #f20025 !important; }
@@ -7402,7 +7514,7 @@ strong {
   font-weight: 600; }
 
 .sticky-top {
-  box-shadow: 0px 4px 8px 0px #E5E2E5;
+  box-shadow: 0px 4px 8px 0px #d5d5d5;
   background-color: #ffffff; }
 
 /** start header */
@@ -7429,14 +7541,14 @@ strong {
       display: none; }
     #header #nav .navbar-nav li.nav-item ul.dropdown-menu {
       padding: 0.5em 0 0 1.3em;
-      box-shadow: 0px 5px 8px 0px #e5e5e5, 0px -5px 8px 0px #e5e5e5;
+      box-shadow: 0px 5px 8px 0px #d5d5d5, 0px -5px 8px 0px #d5d5d5;
       border-bottom: 5px solid #f20025;
       border-radius: 0; }
       #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-subtitle {
         font-weight: 400;
         font-size: 16px;
         margin-top: 0.6em;
-        border-bottom: 3px solid #f2f2f2;
+        border-bottom: 3px solid #e9e9e9;
         margin-bottom: 0.5em;
         padding-bottom: 0.5em; }
       #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-item {
@@ -7445,9 +7557,15 @@ strong {
           padding: 0.4em 1.5em 0.4em 1em;
           color: #000;
           font-size: 14px;
-          display: block; }
+          display: block;
+          transition: none; }
         #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-item a:hover {
           text-decoration: none; }
+      #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-item:hover {
+        background-color: #f6f6f6;
+        border-left: 3px solid #b02032; }
+        #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-item:hover a {
+          padding-left: calc(1em - 3px); }
       #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-item:active {
         background-color: #ffffff; }
       #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-item:last-child {
@@ -7467,7 +7585,7 @@ strong {
   width: 8rem !important; }
 
 #footer {
-  box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
+  box-shadow: inset 0px 15px 8px -10px #d5d5d5, inset 0px -15px 8px -10px #d5d5d5; }
   #footer .wrapper {
     background: #187ccc;
     background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 45%, rgba(242, 242, 242, 0) 45%);
@@ -7491,10 +7609,10 @@ strong {
 
 /** end header */
 .bg-gray-shadow {
-  background-color: #f2f2f2; }
+  background-color: #e9e9e9; }
 
 #main-banner {
-  box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
+  box-shadow: inset 0px 15px 8px -10px #d5d5d5, inset 0px -15px 8px -10px #d5d5d5; }
   #main-banner .wrapper {
     background: #187ccc;
     background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 14%, rgba(242, 242, 242, 0) 14%, rgba(242, 242, 242, 0) 80%, #0a5a9a 80%, #187ccc 100%);
@@ -7504,7 +7622,7 @@ strong {
     padding: 5em 0; }
   #main-banner h1 {
     font-weight: 300;
-    font-size: 30px;
+    font-size: 32px;
     line-height: 1.4em;
     text-align: center; }
     #main-banner h1 strong {
@@ -7525,7 +7643,8 @@ strong {
       margin-right: 8px;
       vertical-align: middle; }
   #main-banner .buttons {
-    text-align: center; }
+    text-align: center;
+    margin-top: 3rem; }
   #main-banner .btn-getting-started {
     background-color: #ffffff; }
     #main-banner .btn-getting-started i {
@@ -7533,7 +7652,7 @@ strong {
 
 #github-stats-bar {
   padding: 0.5rem 0 0.2rem;
-  background-color: #f2f2f2; }
+  background-color: #f6f6f6; }
   #github-stats-bar .github-stats .github-link .fa-github {
     color: #055799;
     font-size: 30px;
@@ -7544,26 +7663,24 @@ strong {
     top: 5px;
     right: 0; }
 
+#intro-text {
+  padding: 5rem 0 0;
+  box-shadow: inset 0px 15px 8px -10px #d5d5d5; }
+  #intro-text p {
+    border-radius: 5px;
+    padding: 0 10rem;
+    font-size: 24px;
+    text-align: center;
+    margin-bottom: 0;
+    font-weight: 300; }
+
 #home-deployment-options {
-  box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5;
-  padding: 2rem 0; }
+  box-shadow: inset 0px -15px 8px -10px #d5d5d5;
+  padding: 4rem 0 3rem;
+  background: #ffffff;
+  background: linear-gradient(180deg, #ffffff 0%, #e9e9e9 30%); }
   #home-deployment-options h2 {
-    margin-bottom: 0; }
-  #home-deployment-options #intro-text {
     margin-bottom: 3rem; }
-    #home-deployment-options #intro-text p {
-      border-radius: 5px;
-      padding: 45px 100px;
-      font-size: 22px;
-      text-align: center; }
-  #home-deployment-options #intro-text:after {
-    content: "";
-    width: 25vw;
-    height: 6px;
-    background-color: #f2f2f2;
-    display: block;
-    margin: 10px auto 10px;
-    border-radius: 5px; }
   #home-deployment-options .row {
     padding: 0 3rem; }
     #home-deployment-options .row .option {
@@ -7586,18 +7703,21 @@ strong {
       #home-deployment-options .row a svg {
         width: 100px;
         height: 100px;
-        fill: #b02032;
-        transition: all 0.5s ease-in-out;
-        background-color: #ffffff;
-        border-radius: 0px;
-        padding: 1.5em;
-        margin-top: 1em;
-        margin-bottom: 1em; }
+        fill: #ffffff;
+        transition: all 0.3s ease-in-out;
+        background-color: #b02032;
+        border-radius: 100px;
+        padding: 1.5rem;
+        margin-top: 1rem;
+        margin-bottom: 2rem; }
     #home-deployment-options .row a:hover {
       text-decoration: none; }
       #home-deployment-options .row a:hover svg {
-        background-color: #b02032;
-        fill: #ffffff; }
+        background-color: #055799;
+        fill: #ffffff;
+        width: 105px;
+        height: 105px;
+        margin-bottom: calc(2rem - 5px); }
 
 #home-use-cases {
   padding: 5rem 0;
@@ -7605,7 +7725,7 @@ strong {
   #home-use-cases #intro-text {
     margin-bottom: 50px; }
     #home-use-cases #intro-text p {
-      background-color: #f2f2f2;
+      background-color: #e9e9e9;
       border-radius: 5px;
       padding: 40px 90px;
       font-size: 18px;
@@ -7614,7 +7734,7 @@ strong {
     content: "";
     width: 25vw;
     height: 6px;
-    background-color: #f2f2f2;
+    background-color: #e9e9e9;
     display: block;
     margin: 40px auto 50px;
     border-radius: 5px; }
@@ -7662,7 +7782,7 @@ section.section-block h2 {
     font-weight: 900; }
 
 #home-features {
-  box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
+  box-shadow: inset 0px 15px 8px -10px #d5d5d5, inset 0px -15px 8px -10px #d5d5d5; }
   #home-features .wrapper {
     background: #187ccc;
     background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 95%, #0a5a9a 95%, #187ccc 100%);
@@ -7732,15 +7852,15 @@ section.section-block h2 {
           font-size: 20px;
           font-weight: 600; }
       #home-extras #home-links ul li a:hover {
-        background-color: #f2f2f2 !important;
+        background-color: #e9e9e9 !important;
         border-radius: 5px;
         text-decoration: none; }
         #home-extras #home-links ul li a:hover svg {
           background-color: #055799; }
   #home-extras #home-twitter .pre-scrollable {
     max-height: 430px;
-    border-top: 1px solid #f2f2f2;
-    border-bottom: 1px solid #f2f2f2; }
+    border-top: 1px solid #e9e9e9;
+    border-bottom: 1px solid #e9e9e9; }
   #home-extras #home-twitter .follow-widget {
     text-align: right;
     margin-top: 10px; }
@@ -7780,14 +7900,14 @@ section.section-block h2 {
         font-size: 16px;
         line-height: 1.6em;
         margin-bottom: 4em;
-        transition: all 0.25s ease-in-out; }
+        transition: all 0.4s ease-out; }
         .documentation .icons-list li a svg {
           margin: 0 auto;
           display: block;
           width: 3.5em;
-          min-height: 5em;
+          height: 5em;
           fill: #c8c8c8;
-          transition: all 0.25s ease-in-out; }
+          transition: all 0.4s ease-out; }
       .documentation .icons-list li a:after {
         content: "";
         border-right: 1px solid #cccccc;
@@ -7799,9 +7919,11 @@ section.section-block h2 {
         right: 0;
         top: calc(50% - 4em); }
       .documentation .icons-list li a:hover {
-        color: #ed1c24; }
-        .documentation .icons-list li a:hover svg {
-          fill: #ed1c24; }
+        color: #b02032;
+        text-decoration: none; }
+        .documentation .icons-list li a:hover > svg {
+          width: 4em;
+          fill: #b02032; }
     .documentation .icons-list li:last-child a:after, .documentation .icons-list li:nth-child(4n) a:after {
       display: none; }
 
@@ -7813,14 +7935,16 @@ article {
   font-size: 16px;
   line-height: 2em; }
   article header {
-    background: -moz-linear-gradient(45deg, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
-    background: -webkit-linear-gradient(45deg, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
-    background: linear-gradient(45deg, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+    background: -moz-linear-gradient(45deg, rgba(242, 242, 242, 0) 91%, #0a5a9a 91%, #187ccc 100%);
+    background: -webkit-linear-gradient(45deg, rgba(242, 242, 242, 0) 91%, #0a5a9a 91%, #187ccc 100%);
+    background: linear-gradient(45deg, rgba(242, 242, 242, 0) 91%, #0a5a9a 91%, #187ccc 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
-    background-color: #f2f2f2;
-    box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5;
-    padding: 2rem 0;
+    background-color: #e9e9e9;
+    box-shadow: 0px 14px 30px 10px #e9e9e9;
+    padding: 4rem 0 1rem;
     margin-bottom: 5rem; }
+    article header h1 {
+      color: #000000; }
   article h1, article h2 {
     font-size: 36px;
     font-weight: 300;
@@ -7884,7 +8008,7 @@ article {
     border-bottom: 2px #e1e1e1 dotted;
     padding-bottom: 2rem; }
     article #events .row-event .round-icon-block {
-      background-color: #f2f2f2;
+      background-color: #e9e9e9;
       border-radius: 10px;
       padding: 1rem; }
       article #events .row-event .round-icon-block img {
@@ -7903,7 +8027,7 @@ article {
       color: #666;
       margin-bottom: 10px; }
   article #meetups-groups #meetups-tabs .round-icon-block-tab {
-    background-color: #f2f2f2;
+    background-color: #e9e9e9;
     border-radius: 10px;
     padding: 5px;
     display: block;
@@ -7926,6 +8050,137 @@ article {
   article #meetups-groups .meet-groups ul {
     padding-bottom: 25px; }
 
+/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A750%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A-5%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A1%2Cb%3A9%7D%5D%7D */
+@-webkit-keyframes menuitemanimation {
+  0% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5, 0, 1); }
+  2.5% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.034, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.034, 0, 1); }
+  4.9% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.368, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.368, 0, 1); }
+  7.31% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.644, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.644, 0, 1); }
+  9.71% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.32, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.32, 0, 1); }
+  12.41% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.646, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.646, 0, 1); }
+  15.02% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.366, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.366, 0, 1); }
+  17.62% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.68, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.68, 0, 1); }
+  20.22% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.042, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.042, 0, 1); }
+  22.92% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.743, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.743, 0, 1); }
+  25.53% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.168, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.168, 0, 1); }
+  28.13% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.304, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.304, 0, 1); }
+  30.73% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.468, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.468, 0, 1); }
+  36.04% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1); }
+  41.34% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.21, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.21, 0, 1); }
+  51.85% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.095, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.095, 0, 1); }
+  62.36% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1); }
+  72.87% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.019, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.019, 0, 1); }
+  83.48% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); }
+  93.99% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.004, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.004, 0, 1); }
+  100% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
+
+@keyframes menuitemanimation {
+  0% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5, 0, 1); }
+  2.5% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.034, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.034, 0, 1); }
+  4.9% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.368, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.368, 0, 1); }
+  7.31% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.644, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.644, 0, 1); }
+  9.71% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.32, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.32, 0, 1); }
+  12.41% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.646, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.646, 0, 1); }
+  15.02% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.366, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.366, 0, 1); }
+  17.62% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.68, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.68, 0, 1); }
+  20.22% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.042, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.042, 0, 1); }
+  22.92% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.743, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.743, 0, 1); }
+  25.53% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.168, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.168, 0, 1); }
+  28.13% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.304, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.304, 0, 1); }
+  30.73% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.468, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.468, 0, 1); }
+  36.04% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.077, 0, 1); }
+  41.34% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.21, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.21, 0, 1); }
+  51.85% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.095, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.095, 0, 1); }
+  62.36% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1); }
+  72.87% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.019, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.019, 0, 1); }
+  83.48% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); }
+  93.99% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.004, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.004, 0, 1); }
+  100% {
+    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
+
 @media (max-width: 1400px) {
   #main-banner .wrapper {
     background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 9%, rgba(242, 242, 242, 0) 9%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
@@ -7946,6 +8201,8 @@ article {
     background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
     background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1); }
+  #intro-text p {
+    padding: 0; }
   #home-use-cases #use-cases-tabs {
     width: 85%; }
     #home-use-cases #use-cases-tabs .active:after {
@@ -7958,11 +8215,21 @@ article {
     font-size: 15px; } }
 
 @media (max-width: 991.98px) {
-  #home-deployment-options #intro-text p {
-    font-size: 20px;
-    padding: 30px 50px; }
+  #intro-text p {
+    font-size: 20px; }
+  article header {
+    padding-top: 3rem; }
+    article header h1 {
+      font-size: 32px; }
+  #home-deployment-options .row a svg {
+    width: 85px;
+    height: 85px; }
+  #home-deployment-options .row a h3 {
+    font-size: 18px; }
+  #home-deployment-options .row a p {
+    font-size: 14px; }
   #home-deployment-options .row .option {
-    padding: 0 25px; }
+    padding: 0 25px !important; }
   #header #nav .navbar-nav {
     position: relative; }
     #header #nav .navbar-nav li.nav-item a.btn {
@@ -7979,6 +8246,8 @@ article {
     width: 9rem; }
   #header #nav .navbar-toggler-icon i {
     font-size: 2rem; }
+  #header.shrink #nav .navbar-nav > li.nav-item {
+    width: 100%; }
   #home-use-cases #use-cases-tabs {
     width: 100%; }
     #home-use-cases #use-cases-tabs .active:after {
@@ -7996,11 +8265,25 @@ article {
     #home-features .feature a h3 {
       font-size: 18px; }
     #home-features .feature a p {
-      font-size: 14px; } }
+      font-size: 14px; }
+  .jumbotron {
+    margin-top: 80px;
+    padding: 1rem;
+    clear: both; }
+    .jumbotron > .container {
+      padding: 0; }
+    .jumbotron .title {
+      font-size: 22px; }
+    .jumbotron ul {
+      padding-inline-start: 1.5rem; } }
 
 @media (max-width: 767.98px) {
   .twitter-follow {
     display: none; }
+  article img.diagram-right {
+    max-width: 100%;
+    float: right;
+    margin: 1rem; }
   #main-banner .wrapper {
     background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 95%, #0a5a9a 95%, #187ccc 100%);
     background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 95%, #0a5a9a 95%, #187ccc 100%);
@@ -8049,4 +8332,35 @@ article {
   #home-extras #home-links ul {
     padding-left: 3em; }
   #home-features h2 strong, #home-use-cases h2 strong {
-    display: block; } }
+    display: block; }
+  article header {
+    margin-bottom: 2rem;
+    padding-top: 2.5rem; }
+    article header h1 {
+      font-size: 28px; }
+  article img.diagram-right {
+    float: none;
+    margin: 1rem auto;
+    max-width: 100% !important; }
+  article .jumbotron {
+    padding: 1rem; }
+    article .jumbotron .title {
+      font-size: 24px; }
+    article .jumbotron .my-4 {
+      margin-bottom: 1rem !important;
+      margin-top: 1rem !important; }
+  article .fact-question {
+    padding-bottom: 1rem; }
+    article .fact-question h3 {
+      font-size: 22px;
+      margin-top: 1rem; }
+  article .usecase-video iframe {
+    width: 100% !important; }
+  article .documentation h2 {
+    margin-top: 2em; }
+  article .documentation .icons-list li a {
+    margin-bottom: 2em; }
+  article .documentation .icons-list li:last-child a:after, article .documentation .icons-list li:nth-child(2n) a:after {
+    display: none; }
+  #footer nav ul {
+    flex-wrap: wrap; } }

Modified: ignite/site/branches/ignite-redisign/docs-and-apis.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/docs-and-apis.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/branches/ignite-redisign/features/collocatedprocessing.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/collocatedprocessing.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/features/collocatedprocessing.html (original)
+++ ignite/site/branches/ignite-redisign/features/collocatedprocessing.html Mon Mar 23 17:06:52 2020
@@ -64,12 +64,13 @@ under the License.
     </header>
     <div class="container">
            
-        <img class="diagram-right img-responsive" src="/images/collocated_processing.png" />
+        
         <p>
             Apache Ignite supports co-located processing technique for compute-intensive and data-intensive calculations
             as well as machine learning algorithms. This technique increases performance by eliminating the impact of
             network latency.
         </p>
+        <img class="diagram-right img-responsive" src="/images/collocated_processing.png" />
         <p>
             In traditional disk-based systems, such as relational or NoSQL databases, client applications
             usually bring data from servers, use the records for local calculations, and discard the data as
@@ -234,25 +235,16 @@ ignite.compute().affinityRun("City", new
                   <div class="title display-6">Learn More</div>
                   <hr class="my-4">
                   <div class="row">
-                    <div class="col-6 col-xs-12">
-                        <p>
-                            <a href="https://apacheignite.readme.io/docs/compute-grid" target="docs">
-                                <b>Compute APIs <i class="fa fa-angle-double-right"></i></b>
-                            </a>
-                        </p>
-                        <p>
-                            <a href="/features/machinelearning.html">
-                                <b>Machine and Deep Learning <i class="fa fa-angle-double-right"></i></b>
-                            </a>
-                        </p>
+                    <div class="col-sm-6">
+                        <ul>
+                            <li><a href="https://apacheignite.readme.io/docs/compute-grid" target="docs">Compute APIs <i class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/features/machinelearning.html">Machine and Deep Learning <i class="fa fa-angle-double-right"></i></a></li>
+                        </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
-                        <p>
-                            <a href="http://localhost/use-cases/hpc.html">
-                                <b>High Performance Computing with Apache Ignite <i class="fa fa-angle-double-right"></i></b>
-                            </a>
-                        </p>
-                        </div>
+                    <div class="col-sm-6">
+                        <ul>
+                            <li><a href="http://localhost/use-cases/hpc.html">High Performance Computing with Apache Ignite <i class="fa fa-angle-double-right"></i></a></li>
+                        </ul>
                     </div>
                 </div>
             </div>

Modified: ignite/site/branches/ignite-redisign/features/machinelearning.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/machinelearning.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/features/machinelearning.html (original)
+++ ignite/site/branches/ignite-redisign/features/machinelearning.html Mon Mar 23 17:06:52 2020
@@ -140,24 +140,16 @@ under the License.
                   <div class="title display-6">Learn More</div>
                   <hr class="my-4">
                   <div class="row">
-                    <div class="col-6 col-xs-12">
-                        <p>
-                            <a href="https://apacheignite.readme.io/docs/machine-learning" target="docs">
-                                <b>Ignite Machine Learning Documentation <i class="fa fa-angle-double-right"></i></b>
-                            </a>
-                        </p>
-                        <p>
-                            <a href="https://apacheignite.readme.io/docs/ml-partition-based-dataset" target="docs">
-                                <b>Partition-Based Data Sets <i class="fa fa-angle-double-right"></i></b>
-                            </a>
-                        </p>
+                    <div class="col-sm-6">
+                        <ul>
+                            <li><a href="https://apacheignite.readme.io/docs/machine-learning" target="docs">Ignite Machine Learning Documentation <i class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="https://apacheignite.readme.io/docs/ml-partition-based-dataset" target="docs">Partition-Based Data Sets <i class="fa fa-angle-double-right"></i></a></li>
+                        </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
-                        <p>
-                            <a href="/features/tensorflow.html">
-                                <b>Apache Ignite integration for TensorFlow <i class="fa fa-angle-double-right"></i></b>
-                            </a>
-                        </p>
+                    <div class="col-sm-6">
+                        <ul>
+                            <li><a href="/features/tensorflow.html">Apache Ignite integration for TensorFlow <i class="fa fa-angle-double-right"></i></a></li>
+                        </ul>
                     </div>
                 </div>
             </div>

Modified: ignite/site/branches/ignite-redisign/features/multilanguage.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/multilanguage.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/branches/ignite-redisign/features/rdbmsintegration.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/rdbmsintegration.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/features/rdbmsintegration.html (original)
+++ ignite/site/branches/ignite-redisign/features/rdbmsintegration.html Mon Mar 23 17:06:52 2020
@@ -53,12 +53,13 @@ under the License.
         </div>
     </header>
     <div class="container">
-        <a href="/images/domain-model.png"><img class="img-responsive diagram-right" src="/images/domain-model.png" /></a>
+        
         <p>
             Ignite provides support for integrating with a variety of persistence stores.
             It allows you to connect to the database, import schemas, configure indexed types, and automatically generate all the
             required XML OR-mapping configuration and Java domain model POJOs that you can easily download and copy into your project.
         </p>
+        <a href="/images/domain-model.png"><img class="img-responsive diagram-right" src="/images/domain-model.png" /></a>
         <p>Ignite can integrate with any relational database (RDBMS) that supports a JDBC driver - Oracle, PostgreSQL, Microsoft SQL Server, and MySQL.</p>
                     
         <h2>RDBMS Integration Wizard</h2>

Modified: ignite/site/branches/ignite-redisign/features/servicegrid.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/servicegrid.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/features/servicegrid.html (original)
+++ ignite/site/branches/ignite-redisign/features/servicegrid.html Mon Mar 23 17:06:52 2020
@@ -54,12 +54,13 @@ under the License.
     </header>
     <div class="container">
             
-    <img class="diagram-right img-responsive" src="/images/ignite_service_grid_v1.png" style="max-width: 35%;" />
+    
     <p>
         Ignite Service Grid allows for deployments of arbitrary user-defined services on the cluster.
         You can implement and deploy any service, such as custom counters, ID generators,
         hierarchical maps, etc.
     </p>
+    <img class="diagram-right img-responsive" src="/images/ignite_service_grid_v1.png" style="max-width: 35%;" />
     <p>
         The main use case of the service grid is ability to deploy various types of
         <b>singleton services in the cluster</b>. However, in case if you need multiple instances

Modified: ignite/site/branches/ignite-redisign/features/sql.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/sql.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/features/sql.html (original)
+++ ignite/site/branches/ignite-redisign/features/sql.html Mon Mar 23 17:06:52 2020
@@ -58,13 +58,13 @@ under the License.
     </header>
     <div class="container">
             
-        <img class="img-responsive diagram-right" alt="SQL Database diagram" src="/images/sql_database.png" />
+        
         <p>
             Apache Ignite comes with a ANSI-99 compliant, horizontally scalable, and fault-tolerant SQL engine
             that allows you to interact with Ignite as with a regular SQL database using JDBC, ODBC drivers, or
             native SQL APIs available for Java, C#, C++, Python, and other programming languages.
-
         </p>
+        <img class="img-responsive diagram-right" alt="SQL Database diagram" src="/images/sql_database.png" />
         <p>
             Ignite supports all DML commands, including SELECT, UPDATE, INSERT, and DELETE queries as well
             as a subset of DDL commands relevant for distributed systems.
@@ -118,7 +118,7 @@ under the License.
                   <div class="display-6 title">Learn More</div>
                   <hr class="my-4">
                   <div class="row">
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                       <ul>
                         <li>
                           <p><a href="https://apacheignite-sql.readme.io/docs/how-ignite-sql-works" target="docs">Ignite SQL implementation details <i class="fa fa-angle-double-right"></i></a></p>
@@ -131,7 +131,7 @@ under the License.
                         </li>
                       </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                       <ul>
                         <li>
                           <p><a href="/use-cases/spark-acceleration.html">Apache Ignite and Spark <i class="fa fa-angle-double-right"></i></a></p>

Modified: ignite/site/branches/ignite-redisign/features/streaming.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/streaming.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/features/streaming.html (original)
+++ ignite/site/branches/ignite-redisign/features/streaming.html Mon Mar 23 17:06:52 2020
@@ -54,13 +54,14 @@ under the License.
     </header>
     <div class="container">
                 
-        <img class="img-responsive diagram-right" src="/images/ignite-stream-query.png" />
+        
         <p>
             Ignite data loading and streaming capabilities allow ingesting large finite as well as
             never-ending volumes of data in a scalable and fault-tolerant way into the cluster.
             The rate at which data can be injected into Ignite is very high and easily exceeds millions
             of events per second on a moderately sized cluster.
         </p>
+        <img class="img-responsive diagram-right" src="/images/ignite-stream-query.png" />
         <p>
             Apache Ignite <a href="https://apacheignite-mix.readme.io/docs/overview" target="_blank" rel="noopener">
             integrates</a> with major streaming technologies and frameworks such as Kafka, Camel,

Modified: ignite/site/branches/ignite-redisign/features/tensorflow.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/tensorflow.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/branches/ignite-redisign/features/transactions.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/features/transactions.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/branches/ignite-redisign/includes/scripts.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/includes/scripts.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/includes/scripts.html (original)
+++ ignite/site/branches/ignite-redisign/includes/scripts.html Mon Mar 23 17:06:52 2020
@@ -32,8 +32,8 @@
     //     }
     // };
 
-    jQuery(window).scroll(onScroll);
-    jQuery(document).ready(onScroll);
+    //jQuery(window).scroll(onScroll);
+    // jQuery(document).ready(onScroll);
 </script>
 
 
@@ -89,10 +89,10 @@ $(document).ready(function() {
             icon:'ico-pdf.png?20191126'}
     ];
 
-    $("table").each(function (ix, tbl) {
+    $(".downloadable-table").each(function (ix, tbl) {
         var insert = '' +
             '<div class="btn-group btn-group-export" title="Export table content to selected format">\n' +
-            '    <button class="btn btn-default btn-export btn-sm dropdown-toggle fa fa-download" data-toggle="dropdown"> <i class="fa fa-caret-down"/></button>\n' +
+            '    <button class="btn btn-default btn-export btn-sm dropdown-toggle fa fa-download" data-toggle="dropdown"> </button>\n' +
             '    <ul class="dropdown-menu dropdown-menu-right" role="menu">\n';
 
         var id = this.id || 'table' + ix;

Modified: ignite/site/branches/ignite-redisign/index.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/index.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/index.html (original)
+++ ignite/site/branches/ignite-redisign/index.html Mon Mar 23 17:06:52 2020
@@ -146,12 +146,8 @@ under the License.
         <div class="wrapper">
             <div class="container">
                 <h1>Apache Ignite <strong>In-Memory Computing Platform</strong></h1>
-            </div>
-            </header>
-            <div class="container">
-
-                <p></p>
-
+            
+            
                 <div class="buttons">
                     <a href="https://apacheignite.readme.io/docs/getting-started"
                        onclick="ga('send', 'event', 'main_banner', 'homepage_click', 'getting-started');"
@@ -193,18 +189,21 @@ under the License.
         </div>
     </section>
 
+    <div id="intro-text" class="section-block">
+        <div class="container">
+        <p>
+            Apache Ignite&reg; is a horizontally scalable, fault-tolerant distributed in-memory
+            computing platform used to build real-time applications processing terabytes of data with in-memory
+            speed.
+        </p>
+        </div>
+    </div>
+
     <section id="home-deployment-options" class="section-block">
 
-        <div id="intro-text" class="container">
-            <p>
-                Apache Ignite&reg; is a horizontally scalable, fault-tolerant distributed in-memory
-                computing platform used to build real-time applications processing terabytes of data with in-memory
-                speed.
-            </p>
-        </div>
 
         <div class="container">
-            <h2>apache ignite <strong>is</strong></h2>
+            <h2>apache ignite <strong>is...</strong></h2>
             <div class="row">
                 <div class="col-md-4 option">
                     <a aria-label="Apache Ignite In-Memory Cache"

Modified: ignite/site/branches/ignite-redisign/meetup-groups.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/meetup-groups.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/branches/ignite-redisign/scss/ignite-redesign.scss
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/scss/ignite-redesign.scss?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/branches/ignite-redisign/use-cases/datagrid.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/datagrid.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/datagrid.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/datagrid.html Mon Mar 23 17:06:52 2020
@@ -121,7 +121,7 @@ under the License.
           <div class="display-6 title">Learn More</div>
           <hr class="my-4">
           <div class="row">
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <a href="/features/sql.html">
@@ -141,7 +141,7 @@ under the License.
                 </a></li>
               </ul>
             </div>
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <a href="/arch/persistence.html">

Modified: ignite/site/branches/ignite-redisign/use-cases/dih.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/dih.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/dih.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/dih.html Mon Mar 23 17:06:52 2020
@@ -54,13 +54,14 @@ under the License.
            <h1>Building Digital Integration Hub <strong>With Apache Ignite</strong></h1>
     </div></header>
     <div class="container">
-            <img class="diagram-right img-fluid" src="/images/digital-hub.png"/>
+            
                     <p>
                         Apache Ignite is used as a low-latency and shared store of your digital integration hub
                         architecture that caches and persists data sets scattered across many disjointed back-end databases
                         and systems. A digital integration hub (DIH) is an advanced platform architecture that aggregates multiple
                         back-end systems and databases into a low-latency and shared data store.
                     </p>
+                    <img class="diagram-right img-fluid" src="/images/digital-hub.png"/>
 
                     <p>
                         Applications typically access Ignite via an API service layer and get substantial performance
@@ -107,7 +108,7 @@ under the License.
           <div class="title display-6">Learn More</div>
           <hr class="my-4">
           <div class="row">
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <a href="https://apacheignite-mix.readme.io/docs/overview" target="docs">
@@ -126,7 +127,7 @@ under the License.
 				  </li>
               </ul>
             </div>
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <a href="http://localhost/features/collocatedprocessing.html">

Modified: ignite/site/branches/ignite-redisign/use-cases/hadoop-acceleration.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/hadoop-acceleration.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/hadoop-acceleration.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/hadoop-acceleration.html Mon Mar 23 17:06:52 2020
@@ -58,13 +58,14 @@ under the License.
   </header>
 <div class="container">					
         
-      <img class="diagram-right img-fluid" src="/images/hadoop-acceleration.png"/>
+      
       <p>
           Apache Ignite enables real-time analytics across operational and historical silos for
           existing Apache Hadoop deployments by serving as an in-memory computing platform designated for
           low-latency and high-throughput operations while Hadoop continues to be used for long-running
           OLAP workloads.
       </p>
+      <img class="diagram-right img-fluid" src="/images/hadoop-acceleration.png"/>
       
       <p>
           As the architecture diagram on the right suggests, you can achieve the performance acceleration
@@ -143,7 +144,7 @@ under the License.
           <div class="title display-6">Learn More</div>
           <hr class="my-4">
           <div class="row">
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                    <a href="/features/sql.html">
@@ -163,7 +164,7 @@ under the License.
                 </a></li>
               </ul>
             </div>
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <a href="/features/machinelearning.html">

Modified: ignite/site/branches/ignite-redisign/use-cases/hpc.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/hpc.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/hpc.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/hpc.html Mon Mar 23 17:06:52 2020
@@ -111,7 +111,7 @@ under the License.
                 <div class="title display-6">Learn More</div>
                 <hr class="my-4">
                 <div class="row">
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
                             <li>
                                 <a href="http://localhost/features/collocatedprocessing.html">
@@ -125,7 +125,7 @@ under the License.
                             </li>
                         </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
                             <li>
                                 <a href="/features/machinelearning.html">

Modified: ignite/site/branches/ignite-redisign/use-cases/in-memory-cache.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/in-memory-cache.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/in-memory-cache.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/in-memory-cache.html Mon Mar 23 17:06:52 2020
@@ -130,7 +130,7 @@ under the License.
                 <div class="display-6 title">Learn More</div>
                 <hr class="my-4">
                 <div class="row">
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
                             <li>
                                 <p><a href="/features/sql.html">
@@ -150,7 +150,7 @@ under the License.
                             </a></p></li>
                         </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
                             <li>
                                 <p><a href="/features/machinelearning.html">

Modified: ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html Mon Mar 23 17:06:52 2020
@@ -52,18 +52,20 @@ under the License.
 
 <!--#include virtual="/includes/header.html" -->
 <article>
+    <header>
+        <div class="container">
+            <h1>In-Memory Database <strong>With Multi-Tier Storage</strong></h1>
+        </div>
+    </header>
     <div class="container">
-        <h1>In-Memory Database <strong>With Multi-Tier Storage</strong></h1>
-</div>
-</header>
-<div class="container">
-        <img class="diagram-right img-responsive" src="/images/sql_database.png" width="400px" style="float:right;"/>
+        
         <p>
             Apache Ignite is used as a distributed in-memory database that scales horizontally across memory and disk
             tiers and supports ACID transactions, ANSI SQL, key-value, compute, machine learning, and other data
             processing APIs. As a database, Ignite uses memory, disk or Intel Optane as active storage tiers with
             no need for caching of all the data and memory warm-ups.
         </p>
+        <img class="diagram-right img-responsive" src="/images/sql_database.png" />
 
 
         <h2>Multi-Tier Storage</h2>
@@ -126,30 +128,30 @@ under the License.
                 <div class="title display-6">Learn More</div>
                 <hr class="my-4">
                 <div class="row">
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
-                            <li><a href="/arch/multi-tier-storage.html"><b>Multi-Tier Storage <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/arch/persistence.html"><b>Native Persistence <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/features/collocatedprocessing.html"><b>Co-located Processing <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/features/sql.html"><b>Distributed SQL <i class="fa fa-angle-double-right"></i></b></a>
+                            <li><a href="/arch/multi-tier-storage.html">Multi-Tier Storage <i
+                                    class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/arch/persistence.html">Native Persistence <i
+                                    class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/features/collocatedprocessing.html">Co-located Processing <i
+                                    class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/features/sql.html">Distributed SQL <i class="fa fa-angle-double-right"></i></a>
                             </li>
-                            <li><a href="/features/transactions.html"><b>ACID Transactions <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
+                            <li><a href="/features/transactions.html">ACID Transactions <i
+                                    class="fa fa-angle-double-right"></i></a></li>
                         </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
-                            <li><a href="/features/machinelearning.html"><b>Machine and Deep Learning <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/features/datagrid.html"><b>Ignite as an In-Memory Data Grid <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/use-cases/in-memory-cache.html"><b>Ignite as an In-Memory Cache <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/use-cases/dih.html"><b>Ignite as a Digital Integration Hub <i
-                                    class="fa fa-angle-double-right"></i></b></a></li>
+                            <li><a href="/features/machinelearning.html">Machine and Deep Learning <i
+                                    class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/features/datagrid.html">Ignite as an In-Memory Data Grid <i
+                                    class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/use-cases/in-memory-cache.html">Ignite as an In-Memory Cache <i
+                                    class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/use-cases/dih.html">Ignite as a Digital Integration Hub <i
+                                    class="fa fa-angle-double-right"></i></a></li>
                         </ul>
                     </div>
                 </div>

Modified: ignite/site/branches/ignite-redisign/use-cases/key-value-store.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/key-value-store.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/key-value-store.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/key-value-store.html Mon Mar 23 17:06:52 2020
@@ -58,7 +58,7 @@ under the License.
     </header>
     <div class="container">
             
-            <img class="img-responsive diagram-right" src="/images/data_grid.png"  />
+            
             <p>
                 Apache Ignite can operate as a distributed key-value store that stores data both in memory
                 and on disk. In this deployment mode, Ignite functions as a distributed partitioned
@@ -67,7 +67,9 @@ under the License.
                 advantage of APIs available exclusively in Ignite - distributed ACID transactions, SQL,
                 co-located computations, and machine learning.
             </p>
-                
+            
+            <img class="img-responsive diagram-right" src="/images/data_grid.png"  />
+            
             <h2>JCache and Extended Key-Value APIs</h2>
             <p>
                 Ignite key-value APIs comply with JCache (JSR 107) specification supporting the following:
@@ -129,18 +131,18 @@ under the License.
                   <div class="title display-6">Learn More</div>
                   <hr class="my-4">
                   <div class="row">
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
-                            <li><a href="/arch/multi-tier-storage.html"><b>Multi-Tier Storage <i class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/arch/persistence.html"><b>Native Persistence <i class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/features/transactions.html"><b>ACID Transactions <i class="fa fa-angle-double-right"></i></b></a></li>
+                            <li><a href="/arch/multi-tier-storage.html">Multi-Tier Storage <i class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/arch/persistence.html">Native Persistence <i class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/features/transactions.html">ACID Transactions <i class="fa fa-angle-double-right"></i></a></li>
                         </ul>
                     </div>
-                    <div class="col-6 col-xs-12">
+                    <div class="col-sm-6">
                         <ul>
-                            <li><a href="/features/collocatedprocessing.html"><b>Co-located Processing <i class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/features/sql.html"><b>Distributed SQL <i class="fa fa-angle-double-right"></i></b></a></li>
-                            <li><a href="/features/machinelearning.html"><b>Machine and Deep Learning <i class="fa fa-angle-double-right"></i></b></a></li>
+                            <li><a href="/features/collocatedprocessing.html">Co-located Processing <i class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/features/sql.html">Distributed SQL <i class="fa fa-angle-double-right"></i></a></li>
+                            <li><a href="/features/machinelearning.html">Machine and Deep Learning <i class="fa fa-angle-double-right"></i></a></li>
                         </ul>
                     </div>
                 </div>

Modified: ignite/site/branches/ignite-redisign/use-cases/spark-acceleration.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/spark-acceleration.html?rev=1875548&r1=1875547&r2=1875548&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/spark-acceleration.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/spark-acceleration.html Mon Mar 23 17:06:52 2020
@@ -56,7 +56,7 @@ under the License.
 </header>
 <div class="container">
             
-           <img class="img-fluid diagram-right" src="/images/spark_integration.png" />
+          
            <p>
                 Apache Ignite integrates with Apache Spark to accelerate the performance of Spark applications
                 and APIs by keeping data in a shared in-memory cluster. Spark users can use Ignite as a data
@@ -64,6 +64,7 @@ under the License.
                 it as a data source for Spark workers, and keep using Spark RDDs or DataFrames APIs or gain
                 even more speed by running Ignite SQL or compute APIs directly.
             </p>
+            <img class="img-fluid diagram-right" src="/images/spark_integration.png" />
 
             <p>
                 In addition to the performance acceleration of Spark applications, Ignite is used as a shared
@@ -120,7 +121,7 @@ under the License.
           <div class="title display-6">Learn More</div>
           <hr class="my-4">
           <div class="row">
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <a href="https://apacheignite-fs.readme.io/docs/installation-deployment" target="docs">
@@ -134,7 +135,7 @@ under the License.
                 </li>
               </ul>
             </div>
-            <div class="col-6 col-xs-12">
+            <div class="col-sm-6">
               <ul>
                 <li>
                   <a href="https://apacheignite-fs.readme.io/docs/ignite-data-frame" target="docs">