ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dma...@apache.org
Subject svn commit: r1801793 - in /ignite/site/trunk: ./ css/ images/ scss/
Date Thu, 13 Jul 2017 01:47:34 GMT
Author: dmagda
Date: Thu Jul 13 01:47:34 2017
New Revision: 1801793

URL: http://svn.apache.org/viewvc?rev=1801793&view=rev
Log:
updated the site

Added:
    ignite/site/trunk/images/acid_transactions_red_icon.svg
    ignite/site/trunk/images/collocated_processing_red_icon.svg
    ignite/site/trunk/images/distributed_sql_red_icon.svg
    ignite/site/trunk/images/durable_memory_red_icon.svg
    ignite/site/trunk/images/key_value_red_icon.svg
    ignite/site/trunk/images/machine_learning_red_icon.svg
    ignite/site/trunk/images/main-page-ver5-6.patch
Modified:
    ignite/site/trunk/css/all.css
    ignite/site/trunk/download.html
    ignite/site/trunk/index-5.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=1801793&r1=1801792&r2=1801793&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Thu Jul 13 01:47:34 2017
@@ -7842,7 +7842,7 @@ section.page-section table.twosides td {
 section.page-section h1, section.page-section h2 {
   font-size: 26px;
   color: #333;
-  padding: 0 0 20px 0;
+  padding: 0 0 15px 0;
   text-align: left;
 }
 section.page-section h1 {
@@ -8482,10 +8482,6 @@ section.page-subsection {
   padding-left: 20px;
 }
 
-a.github-icon {
-  color: white;
-}
-
 .screencast-center {
   padding-right: 10px;
   padding-left: 10px;
@@ -8576,11 +8572,6 @@ a.github-icon {
   padding: 50px 0 0;
   margin-left: 15px;
 }
-@media (max-width: 992px) {
-  .main-banner .banner {
-    padding: 20px 0 0;
-  }
-}
 .main-banner h2 {
   font: 27px/27px "harabara", Arial, sans-serif;
   letter-spacing: 2.3px;
@@ -8589,20 +8580,26 @@ a.github-icon {
 }
 @media (max-width: 992px) {
   .main-banner h2 {
-    font-size: 70px;
-    line-height: 70px;
+    font-size: 25px;
+    line-height: 25px;
+    text-align: center;
   }
 }
 @media (max-width: 767px) {
   .main-banner h2 {
-    font-size: 42px;
-    line-height: 42px;
     margin: 0 0 5px;
+    text-align: center;
   }
 }
 .main-banner h2 > span {
   font: 27px/27px "harabara", Arial, sans-serif;
 }
+@media (max-width: 992px) {
+  .main-banner h2 > span {
+    font-size: 25px;
+    line-height: 25px;
+  }
+}
 .main-banner ul.banner-list {
   padding-left: 5px;
   list-style-type: square;
@@ -8617,7 +8614,7 @@ a.github-icon {
   font-size: 22px;
   padding-left: 10px;
 }
-.main-banner span {
+.main-banner ul.banner-list > li > p > span {
   font-size: 22px;
 }
 .main-banner p {
@@ -8639,6 +8636,16 @@ a.github-icon {
   margin: 0 10px 10px;
 }
 
+.main-image {
+  padding-top: 10px;
+  padding-left: 35px;
+}
+@media (max-width: 992px) {
+  .main-image {
+    text-align: center;
+  }
+}
+
 .section-heading {
   height: 75px;
   text-align: center;
@@ -8651,22 +8658,38 @@ a.github-icon {
   letter-spacing: 5px;
 }
 
-.feature-box {
-  padding-right: 20px;
-  padding-left: 0px;
-}
 .feature-box h2 {
   text-align: center !important;
   font-weight: 300;
 }
+.feature-box h2:hover {
+  color: #e50000;
+}
 .feature-box p {
   text-align: center;
   Line-height: 24px;
   font-weight: 300 !important;
 }
-.feature-box:last-child {
+.feature-box hr {
+  border-top: none !important;
+  border-bottom: 1px solid #d7d7d7 !important;
+  padding-top: 5px;
+  width: 90px;
+}
+
+.feature-box-left {
   padding-right: 20px;
-  margin-right: 0px;
+  padding-left: 0px;
+}
+
+.feature-box-center {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+
+.feature-box-right {
+  padding-right: 0px;
+  padding-left: 20px;
 }
 
 .cross-mark {
@@ -8724,9 +8747,10 @@ a.github-icon {
   margin: auto;
   width: 70px;
   height: 70px;
+  border: none !important;
 }
 .feature-icon:hover {
-  background: #E50000;
+  background: #e50000;
 }
 
 .circular-feature-icon {
@@ -8739,12 +8763,6 @@ hr {
   border-bottom: 1px solid #d7d7d7;
   max-width: 250px;
   height: 5px;
-  text-align: center;
-}
-
-.main-image {
-  padding-top: 10px;
-  padding-left: 35px;
 }
 
 .learn-more {
@@ -8756,6 +8774,12 @@ hr {
   padding-bottom: 10px;
   margin-top: 20px;
 }
+.learn-more a {
+  color: white;
+}
+.learn-more a:hover {
+  color: #f00;
+}
 
 table.comparison-matrix {
   border: none !important;
@@ -8770,7 +8794,7 @@ table.comparison-matrix > thead > tr {
 table.comparison-matrix > thead > tr > th {
   color: white;
   font-size: 20px !important;
-  font-weight: bold;
+  font-weight: 400;
   border: none !important;
 }
 table.comparison-matrix > thead > tr .left {
@@ -8781,6 +8805,7 @@ table.comparison-matrix > tbody > tr {
 }
 table.comparison-matrix > tbody > tr > td {
   border: none !important;
+  font-weight: 300;
 }
 table.comparison-matrix > tbody > tr > td > p {
   margin-top: 8px;
@@ -8889,30 +8914,94 @@ p.timeline-Tweet-text {
   font-size: 15px !important;
 }
 
-a.timeline-Tweet {
-  /* Buttonish */
-  display: inline-block;
-  padding: 6px 12px 6px 30px;
-  margin: 10px 0;
-  border: #ccc solid 1px;
-  border-radius: 3px;
-  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2Mw
 LDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
-  background-size: 1em 1em;
-  /* Text */
-  font: normal 12px/18px Helvetica, Arial, sans-serif;
-  color: #333;
-  white-space: nowrap;
+.highlight-ignite-comparison {
+  background: #fce0e0;
+  border-bottom: 1px solid #ebebeb !important;
 }
 
-a.timeline-Tweet:hover,
-a.timeline-Tweet:focus {
-  background-color: #dedede;
+.durable-memory-icon {
+  background-image: url("/images/durable_memory_icon.svg");
+  height: 50px;
+  width: 50px;
+  display: block;
+  margin-left: 120px;
+}
+.durable-memory-icon:hover {
+  background-image: url("/images/durable_memory_red_icon.svg");
 }
 
-/* Color Highlight for keyboard navigation */
-a.timeline-Tweet:focus {
-  outline: none;
-  border-color: #0089cb;
+.distributed-sql-icon {
+  background-image: url("/images/distributed_sql_icon.svg");
+  height: 50px;
+  width: 50px;
+  display: block;
+  margin-left: 120px;
+}
+.distributed-sql-icon:hover {
+  background-image: url("/images/distributed_sql_red_icon.svg");
+}
+
+.acid-transactions-icon {
+  background-image: url("/images/acid_transactions_icon.svg");
+  height: 50px;
+  width: 50px;
+  display: block;
+  margin-left: 120px;
+}
+.acid-transactions-icon:hover {
+  background-image: url("/images/acid_transactions_red_icon.svg");
+}
+
+.collocated-prcessing-icon {
+  background-image: url("/images/collocated_processing_icon.svg");
+  height: 50px;
+  width: 50px;
+  display: block;
+  margin-left: 120px;
+}
+.collocated-prcessing-icon:hover {
+  background-image: url("/images/collocated_processing_red_icon.svg");
+}
+
+.key-value-icon {
+  background-image: url("/images/key_value_icon.svg");
+  height: 50px;
+  width: 50px;
+  display: block;
+  margin-left: 120px;
+}
+.key-value-icon:hover {
+  background-image: url("/images/key_value_red_icon.svg");
+}
+
+.machine-learning-icon {
+  background-image: url("/images/machine_learning_icon.svg");
+  height: 50px;
+  width: 50px;
+  display: block;
+  margin-left: 120px;
+}
+.machine-learning-icon:hover {
+  background-image: url("/images/machine_learning_red_icon.svg");
+}
+
+.relative {
+  position: relative;
+}
+
+.video-image-text {
+  position: absolute;
+  bottom: 45px;
+  color: #ffab40 !important;
+  width: 100%;
+  text-align: center;
+  font-size: 20px !important;
+  font-weight: 300;
+  letter-spacing: 2px;
+  padding-left: 10px;
+}
+.video-image-text:hover {
+  text-decoration: underline;
 }
 
 .btn-transparent {

Modified: ignite/site/trunk/download.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/download.html?rev=1801793&r1=1801792&r2=1801793&view=diff
==============================================================================
--- ignite/site/trunk/download.html (original)
+++ ignite/site/trunk/download.html Thu Jul 13 01:47:34 2017
@@ -278,7 +278,7 @@ under the License.
             </div>
             <div class="col-sm-6 col-md-6 col-xs-12 first">
                 <p style="text-align: right;">
-                    <a class="github-icon" href=" https://github.com/apache/ignite"><i class="fa fa-github fa-2x github-image" aria-hidden="true" ></i></a>
+                    <a style="color: black;" 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>
 

Added: ignite/site/trunk/images/acid_transactions_red_icon.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/acid_transactions_red_icon.svg?rev=1801793&view=auto
==============================================================================
--- ignite/site/trunk/images/acid_transactions_red_icon.svg (added)
+++ ignite/site/trunk/images/acid_transactions_red_icon.svg Thu Jul 13 01:47:34 2017
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Icon1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#e50000;}
+</style>
+<g>
+	<path class="st0" d="M10.7,26.7v32H8.2c-0.8,0-1.5,0.3-2,0.8s-0.9,1.2-0.9,1.9v0.1h69.3v-0.1c0-0.7-0.3-1.3-0.9-1.9s-1.2-0.8-2-0.8
+		h-2.5v-32h-2.7v32H53.3v-32h-2.7v32H29.4v-32h-2.7v32H13.5v-32H10.7z"/>
+	<path class="st0" d="M40,0L0,16v5.3h5.3c0,0.7,0.3,1.3,0.9,1.9s1.2,0.8,2,0.8h63.6c0.8,0,1.5-0.3,2-0.8s0.9-1.2,0.9-1.9H80V16L40,0
+		z M77.3,18.7l-3.6,0c0,0.6-0.2,1.6-0.7,2c-0.5,0.4-1,0.6-1.6,0.6H9.6c-0.6,0-1.2-0.2-1.6-0.6c-0.5-0.4-0.7-1.5-0.7-2H2.7V17L40,2.7
+		L77.3,17V18.7z"/>
+	<path class="st0" d="M77.1,64.1H2.9c-0.8,0-1.5,0.3-2,0.8C0.3,65.5,0,66.1,0,66.8l0,0h80l0,0c0-0.7-0.3-1.3-0.9-1.9
+		C78.6,64.4,77.9,64.1,77.1,64.1z"/>
+</g>
+</svg>

Added: ignite/site/trunk/images/collocated_processing_red_icon.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/collocated_processing_red_icon.svg?rev=1801793&view=auto
==============================================================================
--- ignite/site/trunk/images/collocated_processing_red_icon.svg (added)
+++ ignite/site/trunk/images/collocated_processing_red_icon.svg Thu Jul 13 01:47:34 2017
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Icon5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#e50000;}
+</style>
+<path class="st0" d="M61.8,45c-6.4,0-12.1,3.6-14.9,9l-14-7.6c0.4-1.5,0.7-3.1,0.7-4.8c0-2.1-0.4-4.1-1.1-5.9l15.1-8.3
+	c3,4.6,8.2,7.7,14.1,7.7c9.3,0,16.8-7.6,16.8-16.8c0-9.3-7.6-16.8-16.8-16.8S45,9,45,18.2c0,2.3,0.5,4.5,1.3,6.4l-15,8.3
+	c-2.9-4.9-8.3-8.2-14.4-8.2C7.6,24.7,0,32.3,0,41.6c0,9.3,7.6,16.8,16.8,16.8c6.6,0,12.2-3.8,15-9.3l13.9,7.6
+	C45.3,58.3,45,60,45,61.8c0,9.3,7.6,16.8,16.8,16.8s16.8-7.6,16.8-16.8C78.7,52.5,71.1,45,61.8,45z M61.8,4.4
+	c7.6,0,13.8,6.2,13.8,13.8c0,7.6-6.2,13.8-13.8,13.8S48,25.9,48,18.2C48,10.6,54.2,4.4,61.8,4.4z M16.8,55.4C9.2,55.4,3,49.2,3,41.6
+	c0-7.6,6.2-13.8,13.8-13.8s13.8,6.2,13.8,13.8C30.7,49.2,24.5,55.4,16.8,55.4z M61.8,75.6c-7.6,0-13.8-6.2-13.8-13.8
+	C48,54.2,54.2,48,61.8,48s13.8,6.2,13.8,13.8C75.7,69.4,69.5,75.6,61.8,75.6z"/>
+</svg>
\ No newline at end of file

Added: ignite/site/trunk/images/distributed_sql_red_icon.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/distributed_sql_red_icon.svg?rev=1801793&view=auto
==============================================================================
--- ignite/site/trunk/images/distributed_sql_red_icon.svg (added)
+++ ignite/site/trunk/images/distributed_sql_red_icon.svg Thu Jul 13 01:47:34 2017
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Icon2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#e50000;}
+</style>
+<g id="Page-1">
+	<g id="icon-111-search">
+		<path id="search" class="st0" d="M49.5,56.8c-5.1,3.6-11.4,5.8-18.2,5.8C14,62.6,0,48.6,0,31.3S14,0,31.3,0s31.3,14,31.3,31.3
+			c0,8.6-3.5,16.5-9.2,22.1l22.1,22.1c1,1,1,2.6,0,3.7c-1,1-2.7,1-3.7,0L49.5,56.8L49.5,56.8z M31.3,59C46.6,59,59,46.6,59,31.3
+			S46.6,3.7,31.3,3.7S3.7,16.1,3.7,31.3S16.1,59,31.3,59L31.3,59z"/>
+	</g>
+</g>
+</svg>

Added: ignite/site/trunk/images/durable_memory_red_icon.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/durable_memory_red_icon.svg?rev=1801793&view=auto
==============================================================================
--- ignite/site/trunk/images/durable_memory_red_icon.svg (added)
+++ ignite/site/trunk/images/durable_memory_red_icon.svg Thu Jul 13 01:47:34 2017
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Icon1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#e50000;}
+</style>
+<path class="st0" d="M62,22.3h15.2V10.9H62V22.3z M80,10.9v11.4c0,0.8-0.3,1.4-0.8,2s-1.2,0.8-2,0.8H2.9c-0.8,0-1.4-0.3-2-0.8
+	S0,23.1,0,22.3V10.9c0-0.8,0.3-1.4,0.8-2S2.1,8,2.9,8h74.3c0.8,0,1.4,0.3,2,0.8S80,10.1,80,10.9z"/>
+<path class="st0" d="M28.6,45.2h48.6V33.7H28.6V45.2z M80,33.7v11.4c0,0.8-0.3,1.4-0.8,2s-1.2,0.8-2,0.8H2.9c-0.8,0-1.4-0.3-2-0.8
+	S0,45.9,0,45.1V33.7c0-0.8,0.3-1.4,0.8-2s1.2-0.8,2-0.8h74.3c0.8,0,1.4,0.3,2,0.8S80,32.9,80,33.7z"/>
+<path class="st0" d="M45.7,68h31.4V56.6H45.7V68z M80,56.6V68c0,0.8-0.3,1.4-0.8,2s-1.2,0.8-2,0.8H2.9c-0.8,0-1.4-0.3-2-0.8
+	S0,68.8,0,68V56.6c0-0.8,0.3-1.4,0.8-2s1.2-0.8,2-0.8h74.3c0.8,0,1.4,0.3,2,0.8S80,55.8,80,56.6z"/>
+</svg>

Added: ignite/site/trunk/images/key_value_red_icon.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/key_value_red_icon.svg?rev=1801793&view=auto
==============================================================================
--- ignite/site/trunk/images/key_value_red_icon.svg (added)
+++ ignite/site/trunk/images/key_value_red_icon.svg Thu Jul 13 01:47:34 2017
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Icon4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#e50000;}
+</style>
+<g id="Expanded">
+	<g>
+		<g>
+			<path class="st0" d="M40,32.7c-20.4,0-36.4-7.2-36.4-16.4S19.6,0,40,0s36.4,7.2,36.4,16.4S60.4,32.7,40,32.7z M40,3.6
+				C24.5,3.6,7.3,8.9,7.3,16.4S24.5,29.1,40,29.1s32.7-5.2,32.7-12.7S55.5,3.6,40,3.6z"/>
+		</g>
+		<g>
+			<path class="st0" d="M40,47.3c-20.4,0-36.4-7.2-36.4-16.4V16.4c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v14.5
+				c0,7.5,17.2,12.7,32.7,12.7s32.7-5.2,32.7-12.7V16.4c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v14.5C76.4,40.1,60.4,47.3,40,47.3z"/>
+		</g>
+		<g>
+			<path class="st0" d="M40,63.6c-20.4,0-36.4-7.2-36.4-16.4V30.9c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v16.4C7.3,54.8,24.5,60,40,60
+				s32.7-5.2,32.7-12.7V30.9c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v16.4C76.4,56.4,60.4,63.6,40,63.6z"/>
+		</g>
+		<g>
+			<path class="st0" d="M40,80C19.6,80,3.6,72.8,3.6,63.6V47.3c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v16.4c0,7.5,17.2,12.7,32.7,12.7
+				s32.7-5.2,32.7-12.7V47.3c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v16.4C76.4,72.8,60.4,80,40,80z"/>
+		</g>
+	</g>
+</g>
+</svg>

Added: ignite/site/trunk/images/machine_learning_red_icon.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/machine_learning_red_icon.svg?rev=1801793&view=auto
==============================================================================
--- ignite/site/trunk/images/machine_learning_red_icon.svg (added)
+++ ignite/site/trunk/images/machine_learning_red_icon.svg Thu Jul 13 01:47:34 2017
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Icon6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#e50000;}
+</style>
+<g>
+	<path class="st0" d="M74.2,49.7c2-1.7,3.2-4.3,3.2-7c0-2.9-1.3-5.5-3.4-7.2c0.5-1.1,0.8-2.2,0.8-3.4c0-2.8-1.4-5.3-3.7-6.7
+		c0.7-1.2,1.1-2.6,1.1-3.9c0-3.4-2.2-6.4-5.3-7.5c0-0.2,0-0.3,0-0.5c0-4.4-3.6-8-8-8c-1.1,0-2.1,0.2-3.1,0.6c-1.1-3.5-4.4-6-8.2-6
+		c-5.6,0-8.1,5.1-8.6,7.7c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1v62.6c-0.3,3.8-3.5,6.7-7.3,6.7c-3.8,0-7-3-7.3-6.8
+		c-0.1-0.7-0.7-1.2-1.4-1.2c-0.4,0-0.8,0.2-1.1,0.5c-1,1.4-2.6,2.1-4.3,2.1c-2.9,0-5.3-2.4-5.3-5.3c0-1.2,0.4-2.4,1.2-3.3
+		c0.4-0.4,0.4-1.1,0.1-1.5c-0.3-0.5-0.9-0.7-1.4-0.6c-0.4,0.1-0.8,0.2-1.2,0.2c-2.9,0-5.3-2.4-5.3-5.3c0-2.2,1.4-4.2,3.5-5
+		c0.5-0.2,0.8-0.6,0.9-1.2c0-0.5-0.3-1-0.7-1.3c-2.2-1.2-3.6-3.4-3.6-5.9c0-2.4,1.2-4.5,3.2-5.7c0.3-0.2,0.5-0.5,0.6-0.9
+		c0.1-0.4,0-0.7-0.2-1c-0.6-0.9-1-2-1-3.1c0-2.2,1.4-4.2,3.5-5c0.4-0.2,0.7-0.5,0.8-0.9c0.1-0.4,0-0.9-0.3-1.2
+		c-0.9-1-1.4-2.2-1.4-3.5c0-2.6,1.9-4.8,4.4-5.2c0.4-0.1,0.7-0.3,0.9-0.6c0.2-0.3,0.3-0.7,0.2-1C16,14.1,16,13.7,16,13.3
+		c0-2.9,2.4-5.3,5.3-5.3c1.2,0,2.3,0.4,3.2,1.1c0.4,0.3,0.9,0.4,1.4,0.2c0.4-0.2,0.7-0.6,0.8-1.1c0.3-3.1,2.9-5.5,6-5.5
+		c1.5,0,2.7,0.5,3.8,1.5c0.5,0.5,1.4,0.5,1.9-0.1c0.5-0.5,0.5-1.4-0.1-1.9C36.7,0.7,34.8,0,32.7,0c-3.8,0-7.1,2.5-8.2,6
+		c-1-0.4-2-0.6-3.1-0.6c-4.4,0-8,3.6-8,8c0,0.2,0,0.3,0,0.5C10.2,14.9,8,17.9,8,21.3c0,1.4,0.4,2.7,1.1,3.9c-2.3,1.4-3.7,4-3.7,6.7
+		c0,1.2,0.3,2.4,0.8,3.4c-2.2,1.8-3.4,4.4-3.4,7.2c0,2.7,1.2,5.2,3.2,7c-1.9,1.5-3.2,3.8-3.2,6.3c0,4.1,3.1,7.5,7.2,8
+		c-0.3,0.9-0.5,1.8-0.5,2.7c0,4.4,3.6,8,8,8c1.7,0,3.2-0.5,4.6-1.4c1.4,3.9,5.1,6.8,9.4,6.8c5.2,0,9.6-4.1,10-9.2c0,0,0,0,0-0.1
+		c0,0,0,0,0-0.1V8.1c0.2-0.8,1.5-5.5,6-5.5c3.1,0,5.7,2.4,6,5.5c0,0.5,0.3,0.9,0.8,1.1c0.4,0.2,1,0.1,1.4-0.2c1-0.7,2.1-1.1,3.2-1.1
+		c2.9,0,5.3,2.4,5.3,5.3c0,0.4,0,0.7-0.1,1.2c-0.1,0.4,0,0.7,0.2,1c0.2,0.3,0.5,0.5,0.9,0.6c2.5,0.5,4.4,2.7,4.4,5.2
+		c0,1.3-0.5,2.5-1.4,3.5c-0.3,0.3-0.4,0.8-0.3,1.2c0.1,0.4,0.4,0.8,0.8,0.9c2.1,0.8,3.5,2.8,3.5,5c0,1.1-0.3,2.1-1,3.1
+		c-0.2,0.3-0.3,0.7-0.2,1c0.1,0.4,0.3,0.7,0.6,0.9c2,1.2,3.2,3.4,3.2,5.7c0,2.5-1.4,4.8-3.6,5.9c-0.5,0.2-0.7,0.7-0.7,1.3
+		c0,0.5,0.4,1,0.9,1.2c2.1,0.8,3.5,2.8,3.5,5c0,2.9-2.4,5.3-5.3,5.3c-0.4,0-0.8-0.1-1.2-0.2c-0.6-0.1-1.1,0.1-1.4,0.6
+		c-0.3,0.5-0.3,1.1,0.1,1.5c0.8,1,1.2,2.1,1.2,3.3c0,2.9-2.4,5.3-5.3,5.3c-1.7,0-3.2-0.8-4.3-2.2c-0.3-0.5-0.9-0.6-1.5-0.5
+		c-0.2,0.1-0.4,0.2-0.5,0.3c-0.2,0.2-0.4,0.5-0.4,0.9c-0.3,3.8-3.5,6.8-7.3,6.8c-1.7,0-3.3-0.6-4.6-1.6c-0.6-0.5-1.4-0.4-1.9,0.2
+		c-0.5,0.6-0.4,1.4,0.2,1.9c1.8,1.4,4,2.2,6.2,2.2c4.3,0,8.1-2.8,9.4-6.8c1.3,0.9,2.9,1.4,4.6,1.4c4.4,0,8-3.6,8-8
+		c0-0.9-0.2-1.8-0.5-2.7c4-0.4,7.2-3.8,7.2-8C77.3,53.5,76.1,51.1,74.2,49.7z"/>
+	<path class="st0" d="M26.9,24c0.6,1.5,2,2.7,3.8,2.7c2.2,0,4-1.8,4-4c0-1.7-1.1-3.2-2.7-3.8v-4.2c0-0.7-0.6-1.3-1.3-1.3
+		c-0.7,0-1.3,0.6-1.3,1.3v4.2c-1.1,0.4-2,1.3-2.4,2.4H20c-0.7,0-1.3,0.6-1.3,1.3v9.6c-1.5,0.6-2.7,2-2.7,3.8c0,2.2,1.8,4,4,4
+		c1.7,0,3.2-1.1,3.8-2.7h3.2c0.4,1.1,1.3,2,2.4,2.4v16.5c-0.7,0.3-1.4,0.7-1.8,1.4l-3.9-3.9c0,0,0,0,0,0c0.3-0.5,0.4-1.1,0.4-1.7
+		c0-2.2-1.8-4-4-4s-4,1.8-4,4s1.8,4,4,4c0.6,0,1.2-0.2,1.7-0.4c0,0,0,0,0,0l5,5c0.2,1.5,1.2,2.7,2.6,3.1V68c0,0.7,0.6,1.3,1.3,1.3
+		c0.7,0,1.3-0.6,1.3-1.3v-4.2c1.5-0.6,2.7-2,2.7-3.8s-1.1-3.2-2.7-3.8V39.8c1.5-0.6,2.7-2,2.7-3.8c0-2.2-1.8-4-4-4
+		c-1.7,0-3.2,1.1-3.8,2.7h-3.2c-0.4-1.1-1.3-2-2.4-2.4V24H26.9z M30.7,21.3c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3
+		c-0.7,0-1.3-0.6-1.3-1.3C29.3,21.9,29.9,21.3,30.7,21.3z M20,53.3c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3
+		S20.7,53.3,20,53.3z M30.7,61.3c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3S31.4,61.3,30.7,61.3z M30.7,34.7
+		c0.7,0,1.3,0.6,1.3,1.3s-0.6,1.3-1.3,1.3c-0.7,0-1.3-0.6-1.3-1.3S29.9,34.7,30.7,34.7z M20,37.3c-0.7,0-1.3-0.6-1.3-1.3
+		s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S20.7,37.3,20,37.3z"/>
+	<path class="st0" d="M53.1,60.1c-0.6-1.5-2-2.7-3.8-2.7c-2.2,0-4,1.8-4,4c0,1.7,1.1,3.2,2.7,3.8v4.2c0,0.7,0.6,1.3,1.3,1.3
+		c0.7,0,1.3-0.6,1.3-1.3v-4.2c1.1-0.4,2-1.3,2.4-2.4H60c0.7,0,1.3-0.6,1.3-1.3v-9.6c1.5-0.6,2.7-2,2.7-3.8c0-2.2-1.8-4-4-4
+		c-1.7,0-3.2,1.1-3.8,2.7h-3.2c-0.4-1.1-1.3-2-2.4-2.4V27.9c0.7-0.3,1.4-0.7,1.8-1.4l3.9,3.9c0,0,0,0,0,0c-0.3,0.5-0.4,1.1-0.4,1.7
+		c0,2.2,1.8,4,4,4s4-1.8,4-4c0-2.2-1.8-4-4-4c-0.6,0-1.2,0.2-1.7,0.4c0,0,0,0,0,0l-5-5c-0.2-1.5-1.2-2.7-2.6-3.1v-4.2
+		c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v4.2c-1.5,0.6-2.7,2-2.7,3.8c0,1.7,1.1,3.2,2.7,3.8v16.5c-1.5,0.6-2.7,2-2.7,3.8
+		c0,2.2,1.8,4,4,4c1.7,0,3.2-1.1,3.8-2.7h3.2c0.4,1.1,1.3,2,2.4,2.4v8.2H53.1z M49.3,62.8c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3
+		c0.7,0,1.3,0.6,1.3,1.3S50.1,62.8,49.3,62.8z M60,30.8c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3
+		C58.7,31.4,59.3,30.8,60,30.8z M49.3,22.8c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3c-0.7,0-1.3-0.6-1.3-1.3
+		C48,23.4,48.6,22.8,49.3,22.8z M49.3,49.5c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3
+		C50.7,48.9,50.1,49.5,49.3,49.5z M60,46.8c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3
+		C58.7,47.4,59.3,46.8,60,46.8z"/>
+</g>
+</svg>

Added: ignite/site/trunk/images/main-page-ver5-6.patch
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/main-page-ver5-6.patch?rev=1801793&view=auto
==============================================================================
--- ignite/site/trunk/images/main-page-ver5-6.patch (added)
+++ ignite/site/trunk/images/main-page-ver5-6.patch Thu Jul 13 01:47:34 2017
@@ -0,0 +1,954 @@
+Index: css/all.css
+===================================================================
+--- css/all.css	(revision 1801790)
++++ css/all.css	(working copy)
+@@ -7842,7 +7842,7 @@
+ section.page-section h1, section.page-section h2 {
+   font-size: 26px;
+   color: #333;
+-  padding: 0 0 20px 0;
++  padding: 0 0 15px 0;
+   text-align: left;
+ }
+ section.page-section h1 {
+@@ -8482,10 +8482,6 @@
+   padding-left: 20px;
+ }
+ 
+-a.github-icon {
+-  color: white;
+-}
+-
+ .screencast-center {
+   padding-right: 10px;
+   padding-left: 10px;
+@@ -8576,11 +8572,6 @@
+   padding: 50px 0 0;
+   margin-left: 15px;
+ }
+-@media (max-width: 992px) {
+-  .main-banner .banner {
+-    padding: 20px 0 0;
+-  }
+-}
+ .main-banner h2 {
+   font: 27px/27px "harabara", Arial, sans-serif;
+   letter-spacing: 2.3px;
+@@ -8589,20 +8580,26 @@
+ }
+ @media (max-width: 992px) {
+   .main-banner h2 {
+-    font-size: 70px;
+-    line-height: 70px;
++    font-size: 25px;
++    line-height: 25px;
++    text-align: center;
+   }
+ }
+ @media (max-width: 767px) {
+   .main-banner h2 {
+-    font-size: 42px;
+-    line-height: 42px;
+     margin: 0 0 5px;
++    text-align: center;
+   }
+ }
+ .main-banner h2 > span {
+   font: 27px/27px "harabara", Arial, sans-serif;
+ }
++@media (max-width: 992px) {
++  .main-banner h2 > span {
++    font-size: 25px;
++    line-height: 25px;
++  }
++}
+ .main-banner ul.banner-list {
+   padding-left: 5px;
+   list-style-type: square;
+@@ -8617,7 +8614,7 @@
+   font-size: 22px;
+   padding-left: 10px;
+ }
+-.main-banner span {
++.main-banner ul.banner-list > li > p > span {
+   font-size: 22px;
+ }
+ .main-banner p {
+@@ -8639,6 +8636,16 @@
+   margin: 0 10px 10px;
+ }
+ 
++.main-image {
++  padding-top: 10px;
++  padding-left: 35px;
++}
++@media (max-width: 992px) {
++  .main-image {
++    text-align: center;
++  }
++}
++
+ .section-heading {
+   height: 75px;
+   text-align: center;
+@@ -8651,24 +8658,40 @@
+   letter-spacing: 5px;
+ }
+ 
+-.feature-box {
+-  padding-right: 20px;
+-  padding-left: 0px;
+-}
+ .feature-box h2 {
+   text-align: center !important;
+   font-weight: 300;
+ }
++.feature-box h2:hover {
++  color: #e50000;
++}
+ .feature-box p {
+   text-align: center;
+   Line-height: 24px;
+   font-weight: 300 !important;
+ }
+-.feature-box:last-child {
++.feature-box hr {
++  border-top: none !important;
++  border-bottom: 1px solid #d7d7d7 !important;
++  padding-top: 5px;
++  width: 90px;
++}
++
++.feature-box-left {
+   padding-right: 20px;
+-  margin-right: 0px;
++  padding-left: 0px;
+ }
+ 
++.feature-box-center {
++  padding-right: 20px;
++  padding-left: 20px;
++}
++
++.feature-box-right {
++  padding-right: 0px;
++  padding-left: 20px;
++}
++
+ .cross-mark {
+   color: red;
+ }
+@@ -8724,9 +8747,10 @@
+   margin: auto;
+   width: 70px;
+   height: 70px;
++  border: none !important;
+ }
+ .feature-icon:hover {
+-  background: #E50000;
++  background: #e50000;
+ }
+ 
+ .circular-feature-icon {
+@@ -8739,14 +8763,8 @@
+   border-bottom: 1px solid #d7d7d7;
+   max-width: 250px;
+   height: 5px;
+-  text-align: center;
+ }
+ 
+-.main-image {
+-  padding-top: 10px;
+-  padding-left: 35px;
+-}
+-
+ .learn-more {
+   border: white solid 1px;
+   width: 125px;
+@@ -8756,6 +8774,12 @@
+   padding-bottom: 10px;
+   margin-top: 20px;
+ }
++.learn-more a {
++  color: white;
++}
++.learn-more a:hover {
++  color: #f00;
++}
+ 
+ table.comparison-matrix {
+   border: none !important;
+@@ -8770,7 +8794,7 @@
+ table.comparison-matrix > thead > tr > th {
+   color: white;
+   font-size: 20px !important;
+-  font-weight: bold;
++  font-weight: 400;
+   border: none !important;
+ }
+ table.comparison-matrix > thead > tr .left {
+@@ -8781,6 +8805,7 @@
+ }
+ table.comparison-matrix > tbody > tr > td {
+   border: none !important;
++  font-weight: 300;
+ }
+ table.comparison-matrix > tbody > tr > td > p {
+   margin-top: 8px;
+@@ -8889,32 +8914,96 @@
+   font-size: 15px !important;
+ }
+ 
+-a.timeline-Tweet {
+-  /* Buttonish */
+-  display: inline-block;
+-  padding: 6px 12px 6px 30px;
+-  margin: 10px 0;
+-  border: #ccc solid 1px;
+-  border-radius: 3px;
+-  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2M
 wLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
+-  background-size: 1em 1em;
+-  /* Text */
+-  font: normal 12px/18px Helvetica, Arial, sans-serif;
+-  color: #333;
+-  white-space: nowrap;
++.highlight-ignite-comparison {
++  background: #fce0e0;
++  border-bottom: 1px solid #ebebeb !important;
+ }
+ 
+-a.timeline-Tweet:hover,
+-a.timeline-Tweet:focus {
+-  background-color: #dedede;
++.durable-memory-icon {
++  background-image: url("/images/durable_memory_icon.svg");
++  height: 50px;
++  width: 50px;
++  display: block;
++  margin-left: 120px;
+ }
++.durable-memory-icon:hover {
++  background-image: url("/images/durable_memory_red_icon.svg");
++}
+ 
+-/* Color Highlight for keyboard navigation */
+-a.timeline-Tweet:focus {
+-  outline: none;
+-  border-color: #0089cb;
++.distributed-sql-icon {
++  background-image: url("/images/distributed_sql_icon.svg");
++  height: 50px;
++  width: 50px;
++  display: block;
++  margin-left: 120px;
+ }
++.distributed-sql-icon:hover {
++  background-image: url("/images/distributed_sql_red_icon.svg");
++}
+ 
++.acid-transactions-icon {
++  background-image: url("/images/acid_transactions_icon.svg");
++  height: 50px;
++  width: 50px;
++  display: block;
++  margin-left: 120px;
++}
++.acid-transactions-icon:hover {
++  background-image: url("/images/acid_transactions_red_icon.svg");
++}
++
++.collocated-prcessing-icon {
++  background-image: url("/images/collocated_processing_icon.svg");
++  height: 50px;
++  width: 50px;
++  display: block;
++  margin-left: 120px;
++}
++.collocated-prcessing-icon:hover {
++  background-image: url("/images/collocated_processing_red_icon.svg");
++}
++
++.key-value-icon {
++  background-image: url("/images/key_value_icon.svg");
++  height: 50px;
++  width: 50px;
++  display: block;
++  margin-left: 120px;
++}
++.key-value-icon:hover {
++  background-image: url("/images/key_value_red_icon.svg");
++}
++
++.machine-learning-icon {
++  background-image: url("/images/machine_learning_icon.svg");
++  height: 50px;
++  width: 50px;
++  display: block;
++  margin-left: 120px;
++}
++.machine-learning-icon:hover {
++  background-image: url("/images/machine_learning_red_icon.svg");
++}
++
++.relative {
++  position: relative;
++}
++
++.video-image-text {
++  position: absolute;
++  bottom: 45px;
++  color: #ffab40 !important;
++  width: 100%;
++  text-align: center;
++  font-size: 20px !important;
++  font-weight: 300;
++  letter-spacing: 2px;
++  padding-left: 10px;
++}
++.video-image-text:hover {
++  text-decoration: underline;
++}
++
+ .btn-transparent {
+   color: #fff;
+   background-color: transparent;
+Index: download.html
+===================================================================
+--- download.html	(revision 1801790)
++++ download.html	(working copy)
+@@ -278,7 +278,7 @@
+             </div>
+             <div class="col-sm-6 col-md-6 col-xs-12 first">
+                 <p style="text-align: right;">
+-                    <a class="github-icon" href=" https://github.com/apache/ignite"><i class="fa fa-github fa-2x github-image" aria-hidden="true" ></i></a>
++                    <a style="color: black;" 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>
+ 
+Index: index-5.html
+===================================================================
+--- index-5.html	(revision 1801790)
++++ index-5.html	(working copy)
+@@ -54,7 +54,7 @@
+         <div class="container">
+             <div class="row">
+                 <div id="banner" class="banner">
+-                    <div class="col-md-6 col-sm-6 col-xs-6">
++                    <div class="col-md-6 col-sm-12 col-xs-12 banner-text">
+                         <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>
+@@ -62,9 +62,9 @@
+                             <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>
+-                        <p class="learn-more">Read more</p>
++                        <p class="learn-more"><a href="">Read more</a></p>
+                     </div>
+-                    <div class="col-md-6 col-sm-6 col-xs-6 main-image">
++                    <div class="col-md-6 col-sm-12 col-xs-12 main-image">
+                         <div><a href="/index.html"><img src="/images/Main-Ignite-Diagram-Memory-And-Disk-Trimmed_mod2_final.png"  width="410" height="220"  alt="ApacheIgnite"></a></div>
+                     </div>
+                 </div>
+@@ -78,7 +78,7 @@
+     <div class="container" style="text-align: center;">
+         <div class="row">
+             <div class="col-sm-12 col-md-6 col-xs-12" >
+-                <a class="github-icon" href=" https://github.com/apache/ignite"><i class="fa fa-github fa-2x github-image" aria-hidden="true"></i></a>
++                <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>
+ 
+@@ -107,54 +107,57 @@
+         <hr>
+     </div>
+ 
+-    <section id="features" class="page-section" style="border:none">
++    <section id="features" class="page-section" style=" border: none;">
+ 
+-        <div class="col-sm-4 col-md-4 col-xs-12 feature-box">
+-            <a href="" title="Apache Ignite is Memory-Centric"><img src="images/durable_memory_icon.svg" class="feature-icon circular-feature-icon" /><br/>
+-                <h2>Durable Memory</h2></a>
++        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-left">
++            <a href="" title="Apache Ignite is Memory-Centric" class="durable-memory-icon"></a></br>
++            <a href=""><h2>Durable Memory</h2></a>
+             <p>
+-                Store and process distributed data in RAM and disk using the new memory-centric architecture.
++                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">
+-            <a href="/features/sql.html" title="IMDB Capabilities with the Apache Ignite In-Memory SQL Grid"><img src="images/distributed_sql_icon.svg" class="feature-icon circular-feature-icon" /></i><br/>
+-                <h2>Distributed SQL</h2></a>
++        <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" class="distributed-sql-icon"></a><br/>
++            <a href=""><h2>Distributed SQL</h2></a>
+             <p class="features-text">
+-                Benefit from distributed SQL database capabilities with ANSI-99 queries, DML, DDL and indexing.
++                SQL database with support for distributed joins
+             </p>
++            <hr>
+         </div>
+-        <div class="col-sm-4 col-md-4 col-xs-12 feature-box">
+-            <a href="https://apacheignite.readme.io/docs/transactions" title="ACID compliant transactions ensuring guaranteed consistency" target="_blank"><img src="images/acid_transactions_icon.svg" class="feature-icon circular-feature-icon" /><br/>
+-                <h2>ACID Transactions</h2></a>
++        <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" class="acid-transactions-icon"></a><br/>
++            <a href=""><h2>ACID Transactions</h2></a>
+             <p>
+-                Use fully ACID compliant distributed transactions ensuring strong data consistency at all times.
++                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:100px;">
++    <section id="features-2" class="page-section" style="border:none; padding-top:120px;">
+ 
+-        <div class="col-sm-4 col-md-4 col-xs-12 feature-box">
+-            <a href="/use-cases/caching/key-value-store.html" title="Apache Ignite is an In-Memory Key Value Store"><img src="images/key_value_icon.svg" class="feature-icon circular-feature-icon" /><br/>
+-                <h2>Key-Value</h2></a>
++        <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" class="key-value-icon"></a><br/>
++            <a href=""><h2>Key-Value</h2></a>
+             <p>
+-                Read and write partitioned data distributed over the data grid cluster.
++                Read, write, and transact on a partitioned data grid
+ 
+                 <!--Read and write partitioned data sliced over the cluster nearly instantaneously.-->
+             </p>
+         </div>
+-        <div class="col-sm-4 col-md-4 col-xs-12 feature-box">
+-            <a href="" title=""><img src="images/collocated_processing_icon.svg" class="feature-icon circular-feature-icon" /><br/>
+-                <h2>Collocated Processing</h2></a>
++        <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" class="collocated-prcessing-icon"></a><br/>
++            <a href=""><h2>Collocated Processing</h2></a>
+             <p>
+-                Avoid data movement across the network by sending computations to cluster nodes.
++                Avoid data noise by sending computations to cluster nodes
+             </p>
+         </div>
+-        <div class="col-sm-4 col-md-4 col-xs-12 feature-box">
+-            <a href="" title=""><img src="images/machine_learning_icon.svg" class="feature-icon circular-feature-icon" /><br/>
+-                <h2>Machine Learning</h2></a>
++        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-right">
++            <a href="" title="" class="machine-learning-icon"></a><br/>
++            <a href=""><h2>Machine Learning <sup><span style="font-size: 16px;">&beta;eta</span></sup></h2></a>
+             <p>
+-                Train and deploy machine learning models in cluster to resolve some of the most sophisticated tasks.
++                Train and deploy distributed machine learning models
+             </p>
+         </div>
+         <p style="margin:0;">&nbsp;</p>
+@@ -164,7 +167,7 @@
+         <h2>HOW IGNITE COMPARES</h2>
+         <hr>
+     </div>
+-    <section id="comparison-matrix" class="page-section" style="border : none">
++    <section id="comparison-matrix" 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>
+@@ -175,7 +178,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span> horizontal</b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> horizontal</b></td>
+             </tr>
+             <tr>
+                 <td>Availability</td>
+@@ -182,7 +185,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span> high</b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> high</b></td>
+             </tr>
+             <tr>
+                 <td>Consistency</td>
+@@ -189,7 +192,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span> strong</b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> strong</b></td>
+             </tr>
+             <tr>
+                 <td>In-Memory</td>
+@@ -196,7 +199,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span> in-memory store</b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> in-memory store</b></td>
+             </tr>
+             <tr>
+                 <td>Persistence</td>
+@@ -203,7 +206,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span></b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+             </tr>
+             <tr>
+                 <td>SQL</td>
+@@ -210,7 +213,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span></b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+             </tr>
+             <tr>
+                 <td>Key-Value</td>
+@@ -217,7 +220,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span></b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+             </tr>
+             <tr>
+                 <td>Collocated Processing</td>
+@@ -224,7 +227,7 @@
+                 <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><b><span class="check-mark">&#x2713;</span></b></td>
++                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+             </tr>
+             </tbody>
+         </table>
+@@ -231,6 +234,84 @@
+     </section>
+ 
+     <div class="section-heading">
++        <h2>SCREENCASTS</h2>
++        <hr>
++    </div>
++        <section id="screencast" 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.png" width="300" height="180">
++                        <p class="video-image-text">DISTRIBUTED SQL 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.png" width="300" height="180">
++                        <p class="video-image-text">KEY-VALUE AND<br/> 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">
++
++                <!-- Trigger Modal -->
++                <div class="relative">
++                    <!-- Trigger Modal -->
++                    <a href="#clustering-modal" data-toggle="modal"><img src="/images/video-screen.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 class="section-heading">
+         <h2>LATEST NEWS</h2>
+         <hr>
+     </div>
+Index: scss/ignite.scss
+===================================================================
+--- scss/ignite.scss	(revision 1801790)
++++ scss/ignite.scss	(working copy)
+@@ -246,7 +246,7 @@
+     h1, h2 {
+         font-size: 26px;
+         color: #333;
+-        padding: 0 0 20px 0;
++        padding: 0 0 15px 0;
+         text-align: left;
+     }
+     h1 {
+@@ -960,10 +960,6 @@
+     padding-left: 20px;
+ }
+ 
+-a.github-icon {
+-    color: white;
+-}
+-
+ .screencast-center {
+     padding-right: 10px;
+     padding-left: 10px;
+@@ -1046,10 +1042,6 @@
+     .banner {
+         padding: 50px 0 0;
+         margin-left: 15px;
+-
+-        @media (max-width: $tablet) {
+-            padding: 20px 0 0;
+-        }
+     }
+ 
+     h2 {
+@@ -1058,18 +1050,22 @@
+         margin: 0 0 15px;
+         text-align: left;
+         @media (max-width: $tablet) {
+-            font-size: 70px;
+-            line-height: 70px;
++            font-size: 25px;
++            line-height: 25px;
++            text-align: center
+         }
+         @media (max-width: $mobile) {
+-            font-size: 42px;
+-            line-height: 42px;
+             margin: 0 0 5px;
++            text-align: center
+         }
+ 
+         & > span {
+-                font: 27px/27px $alt-font-harabara;
++            font: 27px/27px $alt-font-harabara;
++            @media (max-width: $tablet) {
++                font-size: 25px;
++                line-height: 25px;
+             }
++        }
+     }
+ 
+     ul.banner-list {
+@@ -1087,19 +1083,20 @@
+                 margin-bottom: 10px;
+                 font-size: 22px;
+                 padding-left: 10px;
++
++                & > span {
++                    font-size: 22px;
++                }
+             }
+         }
++    }
+ 
+-
+-    }
+-    span {
+-        font-size: 22px;
+-    }
+     p {
+         padding-top: 10px;
+         font-size: 24px;
+         color: $white;
+     }
++
+     .buttons {
+         margin: 0 0 12px;
+         letter-spacing: -4px;
+@@ -1115,6 +1112,15 @@
+     }
+ }
+ 
++.main-image {
++    padding-top: 10px;
++    padding-left: 35px;
++
++    @media (max-width: $tablet) {
++        text-align: center
++    }
++}
++
+ .section-heading {
+     height: 75px;
+     text-align: center;
+@@ -1129,12 +1135,13 @@
+ }
+ 
+ .feature-box {
+-    padding-right: 20px;
+-    padding-left: 0px;
+-
+     h2 {
+         text-align: center !important;
+         font-weight: 300;
++
++        &:hover {
++            color: #e50000;
++        }
+     }
+ 
+     p {
+@@ -1143,12 +1150,29 @@
+         font-weight: 300 !important;
+     }
+ 
+-    &:last-child {
+-        padding-right:20px;
+-        margin-right:0px;
++    hr {
++        border-top: none !important;
++        border-bottom: 1px solid #d7d7d7 !important;
++        padding-top: 5px;
++        width: 90px;
+     }
+ }
+ 
++.feature-box-left {
++    padding-right: 20px;
++    padding-left: 0px;
++}
++
++.feature-box-center {
++    padding-right: 20px;
++    padding-left: 20px;
++}
++
++.feature-box-right {
++    padding-right: 0px;
++    padding-left: 20px;
++}
++
+ .cross-mark {
+     color:red;
+ }
+@@ -1209,31 +1233,25 @@
+     margin: auto;
+     width: 70px;
+     height: 70px;
++    border: none !important;
+ 
+     &:hover {
+-        background: #E50000;
++        background: #e50000;
+     }
+ }
+ 
+ .circular-feature-icon {
+-  border-radius: 50%;
++    border-radius: 50%;
+ }
+ 
+ hr {
+-
+     border: 0;
+     border-top: 1px solid #d7d7d7;
+     border-bottom: 1px solid #d7d7d7;
+     max-width: 250px;
+     height: 5px;
+-    text-align: center;
+ }
+ 
+-.main-image {
+-    padding-top: 10px;
+-    padding-left: 35px;
+-}
+-
+ .learn-more {
+     border: white solid 1px;
+     width : 125px;
+@@ -1242,6 +1260,13 @@
+     font-size: 18px !important;
+     padding-bottom: 10px;
+     margin-top:20px;
++
++    a {
++        color: white;
++        &:hover {
++         color: #f00;
++        }
++     }
+ }
+ 
+ table.comparison-matrix {
+@@ -1257,7 +1282,7 @@
+         & > th {
+             color: white;
+             font-size: 20px !important;
+-            font-weight: bold;
++            font-weight: 400;
+             border: none !important;
+         }
+         & .left {
+@@ -1271,6 +1296,7 @@
+             border-bottom: 1px solid #d7d7d7;
+             & > td {
+                 border: none !important;
++                font-weight: 300;
+ 
+                 & > p {
+                     margin-top :8px;
+@@ -1389,30 +1415,99 @@
+     font-size: 15px!important;
+ }
+ 
+-a.timeline-Tweet {
+-  /* Buttonish */
+-  display: inline-block;
+-  padding: 6px 12px 6px 30px;
+-  margin: 10px 0;
+-  border: #ccc solid 1px;
+-  border-radius: 3px;
+-  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2M
 wLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
+-  background-size: 1em 1em;
++.highlight-ignite-comparison {
++    background: #fce0e0;
++    border-bottom: 1px solid #ebebeb !important;
++}
+ 
+-  /* Text */
+-  font: normal 12px/18px Helvetica, Arial, sans-serif;
+-  color: #333;
+-  white-space: nowrap;
++.durable-memory-icon {
++    background-image: url("/images/durable_memory_icon.svg");
++    height: 50px;
++    width: 50px;
++    display: block;
++    margin-left: 120px;
++
++    &:hover {
++        background-image: url("/images/durable_memory_red_icon.svg");
++    }
+ }
+ 
+-a.timeline-Tweet:hover,
+-a.timeline-Tweet:focus {
+-  background-color: #dedede;
++.distributed-sql-icon {
++    background-image: url("/images/distributed_sql_icon.svg");
++    height: 50px;
++    width: 50px;
++    display: block;
++    margin-left: 120px;
++
++    &:hover {
++        background-image: url("/images/distributed_sql_red_icon.svg");
++    }
+ }
+ 
+-/* Color Highlight for keyboard navigation */
++.acid-transactions-icon {
++    background-image: url("/images/acid_transactions_icon.svg");
++    height: 50px;
++    width: 50px;
++    display: block;
++    margin-left: 120px;
+ 
+-a.timeline-Tweet:focus {
+-  outline: none;
+-  border-color: #0089cb;
+-}
+\ No newline at end of file
++    &:hover {
++        background-image: url("/images/acid_transactions_red_icon.svg");
++    }
++}
++
++.collocated-prcessing-icon {
++    background-image: url("/images/collocated_processing_icon.svg");
++    height: 50px;
++    width: 50px;
++    display: block;
++    margin-left: 120px;
++
++    &:hover {
++        background-image: url("/images/collocated_processing_red_icon.svg");
++    }
++}
++
++.key-value-icon {
++    background-image: url("/images/key_value_icon.svg");
++    height: 50px;
++    width: 50px;
++    display: block;
++    margin-left: 120px;
++
++    &:hover {
++        background-image: url("/images/key_value_red_icon.svg");
++    }
++}
++
++.machine-learning-icon {
++    background-image: url("/images/machine_learning_icon.svg");
++    height: 50px;
++    width: 50px;
++    display: block;
++    margin-left: 120px;
++
++    &:hover {
++        background-image: url("/images/machine_learning_red_icon.svg");
++    }
++}
++
++.relative {
++    position:relative;
++}
++.video-image-text{
++    position: absolute;
++    bottom: 45px;
++    color: #ffab40 !important;
++    width: 100%;
++    text-align: center;
++    font-size: 20px !important;
++    font-weight: 300;
++    letter-spacing: 2px;
++    padding-left: 10px;
++
++    &:hover {
++    text-decoration: underline;
++    }
++}
++

Modified: ignite/site/trunk/index-5.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index-5.html?rev=1801793&r1=1801792&r2=1801793&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1801793&r1=1801792&r2=1801793&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Thu Jul 13 01:47:34 2017
@@ -246,7 +246,7 @@ section.page-section {
     h1, h2 {
         font-size: 26px;
         color: #333;
-        padding: 0 0 20px 0;
+        padding: 0 0 15px 0;
         text-align: left;
     }
     h1 {
@@ -960,10 +960,6 @@ section.page-subsection {
     padding-left: 20px;
 }
 
-a.github-icon {
-    color: white;
-}
-
 .screencast-center {
     padding-right: 10px;
     padding-left: 10px;
@@ -1046,10 +1042,6 @@ a.github-icon {
     .banner {
         padding: 50px 0 0;
         margin-left: 15px;
-
-        @media (max-width: $tablet) {
-            padding: 20px 0 0;
-        }
     }
 
     h2 {
@@ -1058,18 +1050,22 @@ a.github-icon {
         margin: 0 0 15px;
         text-align: left;
         @media (max-width: $tablet) {
-            font-size: 70px;
-            line-height: 70px;
+            font-size: 25px;
+            line-height: 25px;
+            text-align: center
         }
         @media (max-width: $mobile) {
-            font-size: 42px;
-            line-height: 42px;
             margin: 0 0 5px;
+            text-align: center
         }
 
         & > span {
-                font: 27px/27px $alt-font-harabara;
+            font: 27px/27px $alt-font-harabara;
+            @media (max-width: $tablet) {
+                font-size: 25px;
+                line-height: 25px;
             }
+        }
     }
 
     ul.banner-list {
@@ -1087,19 +1083,20 @@ a.github-icon {
                 margin-bottom: 10px;
                 font-size: 22px;
                 padding-left: 10px;
+
+                & > span {
+                    font-size: 22px;
+                }
             }
         }
-
-
-    }
-    span {
-        font-size: 22px;
     }
+
     p {
         padding-top: 10px;
         font-size: 24px;
         color: $white;
     }
+
     .buttons {
         margin: 0 0 12px;
         letter-spacing: -4px;
@@ -1115,6 +1112,15 @@ a.github-icon {
     }
 }
 
+.main-image {
+    padding-top: 10px;
+    padding-left: 35px;
+
+    @media (max-width: $tablet) {
+        text-align: center
+    }
+}
+
 .section-heading {
     height: 75px;
     text-align: center;
@@ -1129,12 +1135,13 @@ a.github-icon {
 }
 
 .feature-box {
-    padding-right: 20px;
-    padding-left: 0px;
-
     h2 {
         text-align: center !important;
         font-weight: 300;
+
+        &:hover {
+            color: #e50000;
+        }
     }
 
     p {
@@ -1143,12 +1150,29 @@ a.github-icon {
         font-weight: 300 !important;
     }
 
-    &:last-child {
-        padding-right:20px;
-        margin-right:0px;
+    hr {
+        border-top: none !important;
+        border-bottom: 1px solid #d7d7d7 !important;
+        padding-top: 5px;
+        width: 90px;
     }
 }
 
+.feature-box-left {
+    padding-right: 20px;
+    padding-left: 0px;
+}
+
+.feature-box-center {
+    padding-right: 20px;
+    padding-left: 20px;
+}
+
+.feature-box-right {
+    padding-right: 0px;
+    padding-left: 20px;
+}
+
 .cross-mark {
     color:red;
 }
@@ -1209,29 +1233,23 @@ a.github-icon {
     margin: auto;
     width: 70px;
     height: 70px;
+    border: none !important;
 
     &:hover {
-        background: #E50000;
+        background: #e50000;
     }
 }
 
 .circular-feature-icon {
-  border-radius: 50%;
+    border-radius: 50%;
 }
 
 hr {
-
     border: 0;
     border-top: 1px solid #d7d7d7;
     border-bottom: 1px solid #d7d7d7;
     max-width: 250px;
     height: 5px;
-    text-align: center;
-}
-
-.main-image {
-    padding-top: 10px;
-    padding-left: 35px;
 }
 
 .learn-more {
@@ -1242,6 +1260,13 @@ hr {
     font-size: 18px !important;
     padding-bottom: 10px;
     margin-top:20px;
+
+    a {
+        color: white;
+        &:hover {
+         color: #f00;
+        }
+     }
 }
 
 table.comparison-matrix {
@@ -1257,7 +1282,7 @@ table.comparison-matrix {
         & > th {
             color: white;
             font-size: 20px !important;
-            font-weight: bold;
+            font-weight: 400;
             border: none !important;
         }
         & .left {
@@ -1271,6 +1296,7 @@ table.comparison-matrix {
             border-bottom: 1px solid #d7d7d7;
             & > td {
                 border: none !important;
+                font-weight: 300;
 
                 & > p {
                     margin-top :8px;
@@ -1389,30 +1415,99 @@ p.timeline-Tweet-text {
     font-size: 15px!important;
 }
 
-a.timeline-Tweet {
-  /* Buttonish */
-  display: inline-block;
-  padding: 6px 12px 6px 30px;
-  margin: 10px 0;
-  border: #ccc solid 1px;
-  border-radius: 3px;
-  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2Mw
 LDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
-  background-size: 1em 1em;
-
-  /* Text */
-  font: normal 12px/18px Helvetica, Arial, sans-serif;
-  color: #333;
-  white-space: nowrap;
-}
-
-a.timeline-Tweet:hover,
-a.timeline-Tweet:focus {
-  background-color: #dedede;
-}
-
-/* Color Highlight for keyboard navigation */
-
-a.timeline-Tweet:focus {
-  outline: none;
-  border-color: #0089cb;
-}
\ No newline at end of file
+.highlight-ignite-comparison {
+    background: #fce0e0;
+    border-bottom: 1px solid #ebebeb !important;
+}
+
+.durable-memory-icon {
+    background-image: url("/images/durable_memory_icon.svg");
+    height: 50px;
+    width: 50px;
+    display: block;
+    margin-left: 120px;
+
+    &:hover {
+        background-image: url("/images/durable_memory_red_icon.svg");
+    }
+}
+
+.distributed-sql-icon {
+    background-image: url("/images/distributed_sql_icon.svg");
+    height: 50px;
+    width: 50px;
+    display: block;
+    margin-left: 120px;
+
+    &:hover {
+        background-image: url("/images/distributed_sql_red_icon.svg");
+    }
+}
+
+.acid-transactions-icon {
+    background-image: url("/images/acid_transactions_icon.svg");
+    height: 50px;
+    width: 50px;
+    display: block;
+    margin-left: 120px;
+
+    &:hover {
+        background-image: url("/images/acid_transactions_red_icon.svg");
+    }
+}
+
+.collocated-prcessing-icon {
+    background-image: url("/images/collocated_processing_icon.svg");
+    height: 50px;
+    width: 50px;
+    display: block;
+    margin-left: 120px;
+
+    &:hover {
+        background-image: url("/images/collocated_processing_red_icon.svg");
+    }
+}
+
+.key-value-icon {
+    background-image: url("/images/key_value_icon.svg");
+    height: 50px;
+    width: 50px;
+    display: block;
+    margin-left: 120px;
+
+    &:hover {
+        background-image: url("/images/key_value_red_icon.svg");
+    }
+}
+
+.machine-learning-icon {
+    background-image: url("/images/machine_learning_icon.svg");
+    height: 50px;
+    width: 50px;
+    display: block;
+    margin-left: 120px;
+
+    &:hover {
+        background-image: url("/images/machine_learning_red_icon.svg");
+    }
+}
+
+.relative {
+    position:relative;
+}
+.video-image-text{
+    position: absolute;
+    bottom: 45px;
+    color: #ffab40 !important;
+    width: 100%;
+    text-align: center;
+    font-size: 20px !important;
+    font-weight: 300;
+    letter-spacing: 2px;
+    padding-left: 10px;
+
+    &:hover {
+    text-decoration: underline;
+    }
+}
+



Mime
View raw message