You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by dm...@apache.org on 2020/03/10 23:44:22 UTC

svn commit: r1875067 - in /ignite/site/branches/ignite-redisign: css/ignite-redesign.css index.html use-cases/in-memory-database.html

Author: dmagda
Date: Tue Mar 10 23:44:22 2020
New Revision: 1875067

URL: http://svn.apache.org/viewvc?rev=1875067&view=rev
Log:
updated front page structure and css

Modified:
    ignite/site/branches/ignite-redisign/css/ignite-redesign.css
    ignite/site/branches/ignite-redisign/index.html
    ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html

Modified: ignite/site/branches/ignite-redisign/css/ignite-redesign.css
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/css/ignite-redesign.css?rev=1875067&r1=1875066&r2=1875067&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/css/ignite-redesign.css (original)
+++ ignite/site/branches/ignite-redisign/css/ignite-redesign.css Tue Mar 10 23:44:22 2020
@@ -7544,22 +7544,6 @@ strong {
   padding: 4rem 0;
   background-color: #ffffff;
   box-shadow: inset 0px 15px 8px -10px #e5e5e5; }
-  #home-use-cases #intro-text {
-    margin-bottom: 50px; }
-    #home-use-cases #intro-text p {
-      background-color: #f2f2f2;
-      border-radius: 5px;
-      padding: 40px 90px;
-      font-size: 18px;
-      line-height: 2em; }
-  #home-use-cases #intro-text:after {
-    content: "";
-    width: 25vw;
-    height: 6px;
-    background-color: #f2f2f2;
-    display: block;
-    margin: 40px auto 50px;
-    border-radius: 5px; }
   #home-use-cases .container .row {
     margin-bottom: 25px; }
   #home-use-cases .container h2 {
@@ -7598,7 +7582,7 @@ section.section-block h2 {
   text-align: center;
   font-size: 32px;
   text-transform: uppercase;
-  margin-bottom: 1em; }
+  margin-bottom: 5px; }
   section.section-block h2 strong {
     color: #055799;
     font-weight: 900; }
@@ -7647,6 +7631,63 @@ section.section-block h2 {
         background-color: #b02032;
         fill: #ffffff; }
 
+#home-deployment-options {
+  box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
+
+  #home-deployment-options #intro-text {
+    margin-bottom: 50px; }
+
+  #home-deployment-options #intro-text p {
+      border-radius: 5px;
+      padding: 30px 90px;
+      font-size: 18px;
+      text-align: center;
+      line-height: 2em; }
+
+  #home-deployment-options #intro-text:after {
+    content: "";
+    width: 25vw;
+    height: 6px;
+    background-color: #f2f2f2;
+    display: block;
+    margin: 10px auto 10px;
+    border-radius: 5px; }
+
+  #home-deployment-options .row {
+    padding: 0 3rem; }
+  #home-deployment-options .option {
+    padding: 0 40px; }
+    #home-deployment-options .option a {
+      display: block;
+      text-align: center;
+      color: #000;
+      margin-bottom: 3em; }
+      #home-deployment-options .option a h3 {
+        font-size: 20px;
+        line-height: 1.5em;
+        font-weight: 600; }
+        #home-deployment-options .option a h3 span {
+          display: block; }
+      #home-deployment-options .option a p {
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 1.6em; }
+      #home-deployment-options .option a svg {
+        width: 100px;
+        height: 100px;
+        fill: #b02032;
+        transition: all 0.5s ease-in-out;
+        background-color: #ffffff;
+        border-radius: 0px;
+        padding: 1.5em;
+        margin-top: 2em;
+        margin-bottom: 1em; }
+    #home-deployment-options .option a:hover {
+      text-decoration: none; }
+      #home-deployment-options .option a:hover svg {
+        background-color: #b02032;
+        fill: #ffffff; }
+
 #home-extras {
   padding: 4rem 0; }
   #home-extras #home-links ul {

Modified: ignite/site/branches/ignite-redisign/index.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/index.html?rev=1875067&r1=1875066&r2=1875067&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/index.html (original)
+++ ignite/site/branches/ignite-redisign/index.html Tue Mar 10 23:44:22 2020
@@ -145,9 +145,10 @@ under the License.
     <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></h1>
-                <p>that delivers in-memory speeds at petabyte scale</p>
-                
+                <h1>Apache Ignite<small>&reg;</small> <strong>In-Memory Computing Platform</strong></h1>
+
+                <p></p>
+
                 <div class="buttons">
                     <a href="https://apacheignite.readme.io/docs/getting-started"
                        onclick="ga('send', 'event', 'main_banner', 'homepage_click', 'getting-started');"
@@ -193,18 +194,66 @@ under the License.
         </div>
     </section>
 
-    <section id="home-use-cases" class="section-block">
+    <section id="home-deployment-options" class="section-block">
 
         <div id="intro-text" class="container">
-
             <p>
-                Apache Ignite<small>&reg;</small> is an in-memory computing platform for transactional, analytical, and
-                streaming workloads with key-value and ANSI SQL APIs, ACID transactions, and built-in machine learning
-                libraries. Ignite is deployed as an in-memory data grid across several data silos or an
-                in-memory database with multi-tier storage.
+                Apache Ignite<small>&reg;</small> is a distributed in-memory computing platform for transactional,
+                analytical, and streaming workloads with support for ANSI SQL, ACID transactions, and
+                built-in machine learning libraries.
             </p>
         </div>
 
+            <div class="container">
+                <h2>Apache Ignite <strong>deployed as</strong></h2>
+                <div class="row">
+                    <div class="col-sm-6 col-md-4 option">
+                        <a href="/use-cases/in-memory-cache.html"
+                           onclick="ga('send', 'event', 'apache_ignite_dep_options', 'homepage_click', 'in-memory-cache');"
+                           title="Apache Ignite In-Memory Cache"
+                           aria-label="Apache Ignite In-Memory Cache">
+                            <svg>
+                                <use xlink:href="#index-icons--Distributed-IMDataStore"></use>
+                            </svg>
+                            <h3>In-Memory Cache</h3>
+                            <p>
+                                Deploy Ignite as a low-latency and high-performant in-memory cache with ANSI SQL
+                                support.
+                            </p>
+                        </a>
+                    </div>
+                    <div class="col-sm-6 col-md-4 option">
+                        <a href="/use-cases/datagrid.html"
+                           onclick="ga('send', 'event', 'apache_ignite_dep_options', 'homepage_click', 'data_grid');"
+                           title="" aria-label="">
+                            <svg>
+                                <use xlink:href="#index-icons--Database"></use>
+                            </svg>
+                            <h3>In-Memory Data Grid</h3>
+                            <p>
+                                Accelerate access to data by deploying Ignite as an
+                                in-memory data grid on top of RDBMS, Hadoop or another store.
+                            </p>
+                        </a>
+                    </div>
+                    <div class="col-sm-6 col-md-4 option">
+                        <a href="/use-cases/in-memory-database.html"
+                           onclick="ga('send', 'event', 'apache_ignite_dep_options', 'homepage_click', 'database');"
+                           title="" aria-label="">
+                            <svg>
+                                <use xlink:href="#index-icons--Multi-Model"></use>
+                            </svg>
+                            <h3>In-Memory Database</span></h3>
+                            <p>
+                                Scale out and up across memory and disk tiers with Ignite multi-tier storage.
+                            </p>
+                        </a>
+                    </div>
+                </div>
+            </div>
+    </section>
+
+    <section id="home-use-cases" class="section-block">
 
         <h2>Apache Ignite <strong>Use Cases</strong></h2>
 
@@ -216,7 +265,7 @@ under the License.
                     
                     
                     <div class="txt-wrapper">
-                        <h3>In-Memory Data Grid and Cache</h3>
+                        <h3>Applications Acceleration</h3>
 
                         <p>
                             Accelerate existing services and databases with Apache Ignite deployed as an
@@ -226,23 +275,23 @@ under the License.
 
                         <a href="/use-cases/datagrid.html" class="btn btn-primary"
                             onclick="ga('send', 'event', 'apache_ignite_use_cases', 'homepage_click', 'data_grid');">
-                            Learn About In-Memory Data Grid</a>
+                            Learn More</a>
                     </div>
                 </div>
                 <div class="col-md-6">
-                    <a href="#"  class="simplified-img-a" data-target="#diagramModal" data-toggle="modal" data-diagram="data-grid"><img src="/images/svg-diagrams/in-memory-data-grid--simplified.svg"/></a>
+                    <a href="#"  class="simplified-img-a" data-target="#diagramModal" data-toggle="modal" data-diagram="data-grid"><img src="/images/svg-diagrams/in-memory-data-grid.svg"/></a>
                 </div>
                         
             </div>
 
             <div class="row">
                 <div class="col-md-6 order-last order-md-first">
-                    <a href="#" class="simplified-img-a" data-target="#diagramModal" data-toggle="modal" data-diagram="database"><img src="/images/svg-diagrams/in-memory-database--simplified.svg"/></a>
+                    <a href="#" class="simplified-img-a" data-target="#diagramModal" data-toggle="modal" data-diagram="database"><img src="/images/svg-diagrams/in-memory-database.svg"/></a>
                 </div>
                 <div class="col-md-6 order-first order-md-last">
                     
                     <div class="txt-wrapper">
-                        <h3>In-Memory Database</h3>
+                        <h3>Digital Integration Hub</h3>
 
                         <p>
                             Combine advantages of in-memory and disk-based systems deploying Apache Ignite
@@ -254,7 +303,7 @@ under the License.
 
                         <a href="/use-cases/in-memory-database.html" class="btn btn-primary"
                             onclick="ga('send', 'event', 'apache_ignite_use_cases', 'homepage_click', 'database');">
-                            Learn About In-Memory Database</a>
+                            Learn More</a>
                     </div>
                 </div>
 

Modified: ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html?rev=1875067&r1=1875066&r2=1875067&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html (original)
+++ ignite/site/branches/ignite-redisign/use-cases/in-memory-database.html Tue Mar 10 23:44:22 2020
@@ -54,7 +54,7 @@ under the License.
 
     <main id="main" role="main" class="container">
         <section id="key-value-store" class="page-section">
-            <h1 class="first">In-Memory Database With Native Persistence</h1>
+            <h1 class="first">In-Memory Database With Multi-Tier Storage</h1>
             <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0 0 10px 0;">
                 <div class="col-sm-6 col-md-6 col-xs-12" style="padding-left:0; padding-right:0">
                     <p>