merging latest changes by Mauricio
git-svn-id: https://svn.apache.org/repos/asf/ignite/site/branches/ignite-redisign@1874853 13f79535-47bb-0310-9956-ffa450edef68
diff --git a/css/ignite-redesign.css b/css/ignite-redesign.css
index 37964df..5019400 100644
--- a/css/ignite-redesign.css
+++ b/css/ignite-redesign.css
@@ -7496,23 +7496,23 @@
box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
#main-banner .wrapper {
background: #187ccc;
- background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 80%, #0a5a9a 80%, #187ccc 100%);
- background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 80%, #0a5a9a 80%, #187ccc 100%);
- background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 80%, #0a5a9a 80%, #187ccc 100%);
+ background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 12%, rgba(242, 242, 242, 0) 12%, rgba(242, 242, 242, 0) 80%, #0a5a9a 80%, #187ccc 100%);
+ background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 12%, rgba(242, 242, 242, 0) 12%, rgba(242, 242, 242, 0) 80%, #0a5a9a 80%, #187ccc 100%);
+ background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 12%, rgba(242, 242, 242, 0) 12%, rgba(242, 242, 242, 0) 80%, #0a5a9a 80%, #187ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
padding: 3em 0; }
#main-banner h1 {
font-weight: 300;
font-size: 30px;
- line-height: 1.4em;
- margin-bottom: 1.5em; }
+ line-height: 1.4em; }
#main-banner h1 strong {
display: block; }
#main-banner p {
- font-size: 16px;
+ font-size: 24px;
+ font-weight: 300;
width: 80%;
- line-height: 2em;
- margin-bottom: 0.5em; }
+ line-height: 1.5em;
+ margin-bottom: 1.5em; }
#main-banner .btn {
font-size: 18px;
line-height: 1.5em;
@@ -7747,11 +7747,25 @@
section.internal-page .icons-list li:last-child a:after, section.internal-page .icons-list li:nth-child(4n) a:after {
display: none; }
+@media (max-width: 1400px) {
+ #main-banner .wrapper {
+ background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 9%, rgba(242, 242, 242, 0) 9%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 9%, rgba(242, 242, 242, 0) 9%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 9%, rgba(242, 242, 242, 0) 9%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1); } }
+
+@media (max-width: 1280px) {
+ #main-banner .wrapper {
+ background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1); } }
+
@media (max-width: 1199.98px) {
#main-banner .wrapper {
- background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
- background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
- background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 7%, rgba(242, 242, 242, 0) 7%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1); }
#home-use-cases #use-cases-tabs {
width: 85%; }
diff --git a/index.html b/index.html
index bd7f1f7..5ff5962 100644
--- a/index.html
+++ b/index.html
@@ -145,9 +145,8 @@
<div id="main-banner" class="wrapper-main-banner bg-gray-shadow">
<div class="wrapper">
<div class="container">
- <h1>Apache Ignite® <strong>In-Memory Computing Platform</strong> for in-memory speeds at petabyte
- scale
- </h1>
+ <h1>Apache Ignite <strong>In-Memory Computing Platform</strong></h1>
+ <p>A high-performance data access layer with in-memory speeds at petabyte scale</p>
<div class="buttons">
<a href="https://apacheignite.readme.io/docs/getting-started"
@@ -198,9 +197,7 @@
<div id="intro-text" class="container">
- <p>Apache Ignite® is an in-memory computing platform for transactional, analytical, and streaming workloads
-delivering in-memory speeds at petabyte scale. Can be deployed as an in-memory data grid or an
-in-memory database for transactional, analytical, hybrid transactional/analytical, and streaming workloads.</p>
+ <p>Apache Ignite<small>®</small> is an in-memory computing platform for transactional, analytical, hybrid transactional/analytical and streaming workloads. Ignite can be deployed as an in-memory data grid or an in-memory database with key-value and ANSI-99 SQL APIs, ACID transactions, and built-in machine and deep learning libraries. Ignite delivers in-memory performance, petabyte scalability, and high-performance data access for applications across multiple RDBMS, NoSQL, Hadoop and streaming data sources.</p>
</div>
@@ -218,7 +215,7 @@
<h3>In-Memory Data Grid and Cache</h3>
<p>
- Accelerate existing services and databases with Apache Ignite® deployed as an
+ Accelerate existing services and databases with Apache Ignite deployed as an
in-memory data grid or cache that keeps your underlying stores in sync and supports
ANSI SQL, ACID transactions, co-located computations with machine learning.
</p>
@@ -244,7 +241,7 @@
<h3>In-Memory Database</h3>
<p>
- Combine advantages of in-memory and disk-based systems deploying Apache Ignite®
+ Combine advantages of in-memory and disk-based systems deploying Apache Ignite
as an in-memory database that treats disk as an active storage layer. Cache a
subset of the data in memory, execute advanced queries including SQL over both
in-memory and disk-only records, and skip time-consuming memory warm-ups on
diff --git a/scss/ignite-redesign.scss b/scss/ignite-redesign.scss
index 4c95fc2..db9ada5 100644
--- a/scss/ignite-redesign.scss
+++ b/scss/ignite-redesign.scss
@@ -233,9 +233,9 @@
.wrapper {
background: rgb(24,124,204);
- background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 80%, rgba(10,90,154,1) 80%, rgba(24,124,204,1) 100%);
- background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 80%, rgba(10,90,154,1) 80%, rgba(24,124,204,1) 100%);
- background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 80%, rgba(10,90,154,1) 80%, rgba(24,124,204,1) 100%);
+ background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 12%, rgba(242,242,242,0) 12%, rgba(242,242,242,0) 80%, rgba(10,90,154,1) 80%, rgba(24,124,204,1) 100%);
+ background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 12%, rgba(242,242,242,0) 12%, rgba(242,242,242,0) 80%, rgba(10,90,154,1) 80%, rgba(24,124,204,1) 100%);
+ background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 12%, rgba(242,242,242,0) 12%, rgba(242,242,242,0) 80%, rgba(10,90,154,1) 80%, rgba(24,124,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
// background: rgb(24,124,204);
@@ -252,17 +252,18 @@
font-weight: 300;
font-size: 30px;
line-height: 1.4em;
- margin-bottom: 1.5em;
+
strong {
display: block;
}
}
p {
- font-size: 16px;
+ font-size: 24px;
+ font-weight: 300;
width: 80%;
- line-height: 2em;
- margin-bottom: 0.5em;
+ line-height: 1.5em;
+ margin-bottom: 1.5em;
}
.btn {
font-size: 18px;
@@ -638,6 +639,36 @@
}
+@media (max-width: 1400px) {
+ #main-banner {
+
+
+ .wrapper {
+
+ background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 9%, rgba(242,242,242,0) 9%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 9%, rgba(242,242,242,0) 9%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 9%, rgba(242,242,242,0) 9%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
+ }
+ }
+
+}
+
+@media (max-width: 1280px) {
+ #main-banner {
+
+
+ .wrapper {
+
+ background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 7%, rgba(242,242,242,0) 7%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 7%, rgba(242,242,242,0) 7%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 7%, rgba(242,242,242,0) 7%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
+ }
+ }
+
+}
+
// Large devices (desktops, less than 1200px)
// @media (max-width: 1199.98px) { ... }
@include media-breakpoint-down(lg) {
@@ -646,9 +677,9 @@
.wrapper {
- background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
- background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
- background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 7%, rgba(242,242,242,0) 7%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 7%, rgba(242,242,242,0) 7%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
+ background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 7%, rgba(242,242,242,0) 7%, rgba(242,242,242,0) 90%, rgba(10,90,154,1) 90%, rgba(24,124,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
}
}
