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/08/18 20:44:41 UTC

svn commit: r1805468 - in /ignite/site/trunk: css/all.css features.html features/sql.html memorycentric.html scss/ignite.scss

Author: dmagda
Date: Fri Aug 18 20:44:41 2017
New Revision: 1805468

URL: http://svn.apache.org/viewvc?rev=1805468&view=rev
Log:
updated memory-centric page

Modified:
    ignite/site/trunk/css/all.css
    ignite/site/trunk/features.html
    ignite/site/trunk/features/sql.html
    ignite/site/trunk/memorycentric.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=1805468&r1=1805467&r2=1805468&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Fri Aug 18 20:44:41 2017
@@ -9250,120 +9250,6 @@ div.square {
   background-color: black;
 }
 
-table.common-table {
-  border: none !important;
-  margin-bottom: 20px;
-  position: relative;
-}
-table.common-table > thead > tr {
-  background: #e50000;
-  border: 1px solid #e50000;
-}
-table.common-table > thead > tr > th {
-  color: white;
-  font-size: 20px !important;
-  font-weight: 400;
-  border: none !important;
-}
-table.common-table > thead > tr .left {
-  padding-left: 20px !important;
-}
-table.common-table > tbody > tr {
-  border-bottom: 1px solid #d7d7d7;
-}
-table.common-table > tbody > tr > td {
-  border: none !important;
-  font-weight: 300;
-  letter-spacing: 0.2px;
-  padding-right: 0px !important;
-  line-height: 1.5em;
-}
-table.common-table > tbody > tr > td > p {
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-@media (max-width: 767px) {
-  table.common-table > tbody > tr > td > p {
-    margin-top: 0px;
-    margin-right: 5px;
-    padding-right: 5px;
-  }
-}
-@media (max-width: 767px) {
-  table.common-table > tbody > tr > td {
-    white-space: normal !important;
-  }
-}
-table.common-table > tbody > tr .left {
-  font-weight: bold;
-  padding-left: 20px !important;
-}
-@media (max-width: 767px) {
-  table.common-table > tbody {
-    border: none !important;
-  }
-}
-@media (max-width: 767px) {
-  table.common-table {
-    display: none !important;
-  }
-}
-
-table.common-table-mobile {
-  display: none;
-}
-@media (max-width: 767px) {
-  table.common-table-mobile {
-    border: none !important;
-    padding-bottom: 20px;
-    position: relative;
-  }
-  table.common-table-mobile > thead {
-    display: block !important;
-  }
-  table.common-table-mobile > thead > tr {
-    background: #e50000;
-    border: 1px solid #e50000;
-    height: 40px;
-  }
-  table.common-table-mobile > thead > tr > th {
-    color: white;
-    font-size: 20px !important;
-    font-weight: 400;
-    border: none !important;
-    display: block !important;
-    text-align: center;
-    padding: 10px !important;
-  }
-  table.common-table-mobile > tbody > tr {
-    border-bottom: 1px solid #d7d7d7;
-  }
-  table.common-table-mobile > tbody > tr > td {
-    border: none !important;
-    font-weight: 300;
-    letter-spacing: 0.2px;
-    vertical-align: middle;
-    line-height: 1.5em;
-    text-align: center;
-  }
-  table.common-table-mobile > tbody > tr > td > span {
-    padding: 0px !important;
-  }
-  table.common-table-mobile > tbody > tr > td .right {
-    float: right;
-    width: 50%;
-    margin-left: 10px;
-  }
-  table.common-table-mobile > tbody > tr.ignite {
-    background: #eee;
-  }
-}
-@media (max-width: 767px) and (max-width: 767px) {
-  table.common-table-mobile > tbody {
-    border: none !important;
-  }
-}
-
 .btn-transparent {
   color: #fff;
   background-color: transparent;

Modified: ignite/site/trunk/features.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features.html?rev=1805468&r1=1805467&r2=1805468&view=diff
==============================================================================
--- ignite/site/trunk/features.html (original)
+++ ignite/site/trunk/features.html Fri Aug 18 20:44:41 2017
@@ -320,6 +320,22 @@ under the License.
                         </td>
                     </tr>
                     <tr class="sub-heading">
+                        <th colspan="2" class="left">Tooling</th>
+                    </tr>
+                    <tr></tr> <!-- this empty row is required to change the background color-->
+                    <tr>
+                        <td class="features-left">SQL Tooling</td>
+                            <td>
+                                <p>
+                                    You can process data stored in the Ignite cluster using a SQL tool of your choice -
+                                    <b>DBeaver</b>, <b>Pentaho</b>, <b>Tableau</b>, <b>Web Console</b>, <b>Apache Zeppelin</b>.
+                                </p>
+                                <div class="page-links">
+                                    <a href="https://apacheignite.readme.io/docs/sql-tooling" target="docs">Docs for this Feature <i class="fa fa-angle-double-right"></i></a>
+                                </div>
+                            </td>
+                    </tr>
+                    <tr class="sub-heading">
                         <th colspan="2" class="left">STANDARDS</th>
                     </tr>
                     <tr></tr> <!-- this empty row is required to change the background color-->
@@ -334,6 +350,7 @@ under the License.
                     <tr class="sub-heading">
                         <th colspan="2" class="left">INTEGRATIONS</th>
                     </tr>
+                    <tr></tr> <!-- this empty row is required to change the background color-->
                     <tr>
                         <td class="features-left">Apache Zeppelin</td>
                         <td>

Modified: ignite/site/trunk/features/sql.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/sql.html?rev=1805468&r1=1805467&r2=1805468&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/trunk/memorycentric.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/memorycentric.html?rev=1805468&r1=1805467&r2=1805468&view=diff
==============================================================================
--- ignite/site/trunk/memorycentric.html (original)
+++ ignite/site/trunk/memorycentric.html Fri Aug 18 20:44:41 2017
@@ -53,69 +53,33 @@ under the License.
     <main id="main" role="main" class="container">
         <section id="memory-centric" class="page-section">
             <h1 class="first">What is Memory-Centric?</h1>
-
-            <p>
-                Apache Ignite is a <b>memory-centric</b> data platform that combines the performance and scale of
-                in-memory computing together with the disk durability and strong consistency in one system.
-            </p>
-            <div class="row">
-                <div class="col-sm-6 col-md-2 col-xs-12">
-                </div>
-                <div class="col-sm-6 col-md-8 col-xs-12">
-                    <table id="mc" class="common-table" name="memory-centric">
-                        <thead>
-                        <tr><th>Memory-Centric</th><th>Disk-Centric</th></tr>
-                        </thead>
-                        <tbody>
-                        <tr>
-                            <td>Memory as a Main Storage</td>
-                            <td>Memory as Caching Layer</td>
-
-                        </tr>
-                        <tr style="background-color: #eee;">
-                            <td>Collocated and Client-Server Processing</td>
-                            <td>Client-Server Processing</td>
-                        </tr>
-                        </tbody>
-                    </table>
-
-                    <table id="mc-mobile" class="common-table-mobile" name="memory-centric">
-                        <thead>
-                            <tr><th>Memory-Centric</th><th>Disk-Centric</th></tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td>Memory as a Main Storage</td></tr>
-                                <tr><td>Collocated and Client-Server Processing</td>
-                            </tr>
-                        </tbody>
-                        <thead>
-                            <tr><th>Disk-Centric</th></tr>
-                        </thead>
-                        <tbody>
-                            <tr><td>Memory as Caching Layer</td></tr>
-                            <tr><td>Client-Server Processing</td></tr>
-                        </tbody>
-                    </table>
+            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0 0 20px 0;">
+                <div class="col-sm-6 col-md-6 col-xs-12" style="padding-left:0; padding-right:0">
+                    <p>
+                        Apache Ignite is a <b>memory-centric</b> data platform that combines the performance and scale of
+                        in-memory computing together with the disk durability and strong consistency in one system.
+                    </p>
+                    <p>
+                        The main difference between the memory-centric approach and the traditional disk-centric approach is that
+                        the memory is treated as a fully functional storage, not just as a caching layer, like most databases do.
+                        For example, Apache Ignite can function in a pure in-memory mode, in which case it can be treated as an
+                        In-Memory Database (IMDB) and In-Memory Data Grid (IMDG) in one.
+                    </p>
                 </div>
-                <div class="col-sm-6 col-md-2 col-xs-12">&nbsp;
+                <div class="col-sm-6 col-md-6 col-xs-12" style="padding-right:0">
+                    <img class="img-responsive" src="/images/memory-centric.png" width="440px" style="float: right; margin-top: -25px;"/>
                 </div>
             </div>
-            <p>
-                The main difference between the memory-centric approach and the traditional disk-centric approach is that
-                the memory is treated as a fully functional storage, not just as a caching layer, like most databases do.
-                For example, Apache Ignite can function in a pure in-memory mode, in which case it can be treated as an
-                In-Memory Database (IMDB) and In-Memory Data Grid (IMDG) in one.
-            </p>
+
             <p>
                 On the other hand, when persistence is turned on, Ignite begins to function as a memory-centric system
                 where most of the processing happens in memory, but the data and indexes get persisted to disk. The main
                 difference here from the traditional disk-centric RDBMS or NoSQL system is that Ignite is strongly consistent,
                 horizontally scalable, and supports both SQL and key-value processing APIs.
-
             </p>
-
-            <h3>Collocated vs Client-Server Processing</h3>
+            <br/>
+            <br/>
+            <h2>Collocated vs Client-Server Processing</h2>
             <p>
                 The disk-centric systems, like RDBMS or NoSQL, generally utilize the classic client-server approach, where
                 the data is brought from the server to the client side where it gets processed and then is usually discarded.

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1805468&r1=1805467&r2=1805468&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Fri Aug 18 20:44:41 2017
@@ -1808,133 +1808,3 @@ div.square {
 .wrapper-main-banner {
     background-color: rgb(0, 0, 0);
 }
-
-table.common-table {
-    border: none !important;
-    margin-bottom: 20px;
-    position: relative;
-
-    & > thead > tr {
-        background: #e50000;
-        border: 1px solid #e50000;
-
-        & > th {
-            color: white;
-            font-size: 20px !important;
-            font-weight: 400;
-            border: none !important;
-        }
-        & .left {
-            padding-left: 20px !important;
-        }
-    }
-
-    & > tbody {
-
-        & > tr {
-            border-bottom: 1px solid #d7d7d7;
-            & > td {
-                border: none !important;
-                font-weight: 300;
-                letter-spacing: 0.2px;
-                padding-right: 0px !important;
-                line-height: 1.5em;
-
-                & > p {
-                    margin-top : 8px;
-                    margin-bottom : 8px;
-
-
-                    @media (max-width: $mobile) {
-                        margin-top : 0px;
-                        margin-right : 5px;
-                        padding-right: 5px;
-                    }
-                }
-
-                @media (max-width: $mobile) {
-                    white-space: normal !important;
-                }
-            }
-
-            & .left {
-                font-weight: bold;
-                padding-left: 20px !important;
-            }
-        }
-
-        @media (max-width: $mobile) {
-            border: none !important;
-        }
-    }
-
-    @media (max-width: $mobile) {
-        display: none !important;
-    }
-}
-
-table.common-table-mobile {
-    display: none;
-    @media (max-width: $mobile) {
-        border: none !important;
-        padding-bottom: 20px;
-        position: relative;
-
-        & > thead {
-            display: block !important;
-            & > tr {
-                background: #e50000;
-                border: 1px solid #e50000;
-                height: 40px;
-                & > th {
-                    color: white;
-                    font-size: 20px !important;
-                    font-weight: 400;
-                    border: none !important;
-                    display: block !important;
-                    text-align: center;
-                    padding : 10px !important;
-                }
-
-            }
-        }
-
-        & > tbody {
-
-            & > tr {
-                border-bottom: 1px solid #d7d7d7;
-
-                & > td {
-                    border: none !important;
-                    font-weight: 300;
-                    letter-spacing: 0.2px;
-                    vertical-align: middle;
-                    line-height: 1.5em;
-                    text-align: center;
-
-                    & > span {
-                        padding: 0px !important;
-                    }
-
-                    & .right {
-                        float: right;
-                        width: 50%;
-                        margin-left: 10px;
-                    }
-
-                    & .left {
-
-                    }
-                }
-
-                &.ignite {
-                    background: #eee;
-                }
-            }
-
-            @media (max-width: $mobile) {
-                border: none !important;
-            }
-        }
-    }
-}
\ No newline at end of file