You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by dm...@apache.org on 2017/07/13 01:47:34 UTC
svn commit: r1801793 - in /ignite/site/trunk: ./ css/ images/ scss/
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;"> </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;">β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;"> </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">✗</span> vertical</td>
+ <td><span class="check-mark">✓</span> horizontal</td>
+ <td><span class="check-mark">✓</span> horizontal</td>
+- <td><b><span class="check-mark">✓</span> horizontal</b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> horizontal</b></td>
+ </tr>
+ <tr>
+ <td>Availability</td>
+@@ -182,7 +185,7 @@
+ <td><span class="cross-mark">✗</span> failover only</td>
+ <td><span class="check-mark">✓</span> high</td>
+ <td><span class="check-mark">✓</span> high</td>
+- <td><b><span class="check-mark">✓</span> high</b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> high</b></td>
+ </tr>
+ <tr>
+ <td>Consistency</td>
+@@ -189,7 +192,7 @@
+ <td><span class="check-mark">✓</span> strong</td>
+ <td><span class="cross-mark">✗</span> eventual</td>
+ <td><span class="check-mark">✓</span> strong</td>
+- <td><b><span class="check-mark">✓</span> strong</b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> strong</b></td>
+ </tr>
+ <tr>
+ <td>In-Memory</td>
+@@ -196,7 +199,7 @@
+ <td><span class="check-mark">✓</span> caching only</td>
+ <td><span class="cross-mark">✗</span></td>
+ <td><span class="check-mark">✓</span> in-memory store</td>
+- <td><b><span class="check-mark">✓</span> in-memory store</b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> in-memory store</b></td>
+ </tr>
+ <tr>
+ <td>Persistence</td>
+@@ -203,7 +206,7 @@
+ <td><span class="check-mark">✓</span></td>
+ <td><span class="check-mark">✓</span></td>
+ <td><span class="cross-mark">✗</span></td>
+- <td><b><span class="check-mark">✓</span></b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</span></b></td>
+ </tr>
+ <tr>
+ <td>SQL</td>
+@@ -210,7 +213,7 @@
+ <td><span class="check-mark">✓</span></td>
+ <td><span class="cross-mark">✗</span></td>
+ <td><span class="cross-mark">✗</span></td>
+- <td><b><span class="check-mark">✓</span></b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</span></b></td>
+ </tr>
+ <tr>
+ <td>Key-Value</td>
+@@ -217,7 +220,7 @@
+ <td><span class="cross-mark">✗</span></td>
+ <td><span class="check-mark">✓</span></td>
+ <td><span class="check-mark">✓</span></td>
+- <td><b><span class="check-mark">✓</span></b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</span></b></td>
+ </tr>
+ <tr>
+ <td>Collocated Processing</td>
+@@ -224,7 +227,7 @@
+ <td><span class="cross-mark">✗</span></td>
+ <td><span class="cross-mark">✗</span></td>
+ <td><span class="check-mark">✓</span></td>
+- <td><b><span class="check-mark">✓</span></b></td>
++ <td class="highlight-ignite-comparison"><span class="check-mark">✓</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> </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;
+ }
+}
+