ignite-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From niva...@apache.org
Subject svn commit: r1656953 - in /incubator/ignite/site/branches/sidenav: css/all.css features.html index.html scss/ignite.scss
Date Wed, 04 Feb 2015 00:03:46 GMT
Author: nivanov
Date: Wed Feb  4 00:03:45 2015
New Revision: 1656953

URL: http://svn.apache.org/r1656953
Log:
WIP on features page.

Modified:
    incubator/ignite/site/branches/sidenav/css/all.css
    incubator/ignite/site/branches/sidenav/features.html
    incubator/ignite/site/branches/sidenav/index.html
    incubator/ignite/site/branches/sidenav/scss/ignite.scss

Modified: incubator/ignite/site/branches/sidenav/css/all.css
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/all.css?rev=1656953&r1=1656952&r2=1656953&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Wed Feb  4 00:03:45 2015
@@ -8179,13 +8179,105 @@ div#banner1 p {
 }
 .key-features #features table {
   margin: 40px 0;
-  border: 1px dotted #ccc;
+  border: none;
+  border-spacing: 10px;
+  border-collapse: separate;
 }
 .key-features #features table tbody > tr > td,
 .key-features #features table tbody > tr > td:first-child {
   padding: 25px 25px;
   text-align: center;
   vertical-align: middle;
-  border: 1px dotted #ccc;
-  font-weight: 700;
+  font-weight: 400;
+  width: 100px;
+}
+.key-features #features table td.datagrid {
+  background: #1bc4a3;
+  border: 2px solid #16a085;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.datagrid > a {
+  color: #fff;
+}
+.key-features #features table td.computegrid {
+  background: #eb6d60;
+  border: 2px solid #E74C3C;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.computegrid > a {
+  color: #fff;
+}
+.key-features #features table td.servicegrid {
+  background: #f3cd36;
+  border: 2px solid #F1C40F;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.servicegrid > a {
+  color: #000;
+}
+.key-features #features table td.streaming {
+  background: #57aae1;
+  border: 2px solid #3498db;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.streaming > a {
+  color: #fff;
+}
+.key-features #features table td.hadoop {
+  background: #ac75c2;
+  border: 2px solid #9b59b6;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.hadoop > a {
+  color: #fff;
+}
+.key-features #features table td.filesystem {
+  background: #ea9347;
+  border: 2px solid #E67E22;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.filesystem > a {
+  color: #fff;
+}
+.key-features #features table td.clustering {
+  background: #435d78;
+  border: 2px solid #34495e;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.clustering > a {
+  color: #fff;
+}
+.key-features #features table td.events {
+  background: #d44e40;
+  border: 2px solid #C0392B;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.events > a {
+  color: #fff;
+}
+.key-features #features table td.messaging {
+  background: #1fe0ba;
+  border: 2px solid #1abc9c;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.messaging > a {
+  color: #fff;
+}
+.key-features #features table td.datastructures {
+  background: #959fa0;
+  border: 2px solid #7F8C8D;
+  border-radius: 6px;
+  margin: 5px;
+}
+.key-features #features table td.datastructures > a {
+  color: #fff;
 }

Modified: incubator/ignite/site/branches/sidenav/features.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/features.html?rev=1656953&r1=1656952&r2=1656953&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/features.html (original)
+++ incubator/ignite/site/branches/sidenav/features.html Wed Feb  4 00:03:45 2015
@@ -62,8 +62,8 @@ under the License.
                             <div class="collapse navbar-collapse" id="navbar">
                                 <ul class="nav navbar-nav">
                                     <li><a href="index.html#overview">Overview</a></li>
-                                    <li><a href="index.html#documentation">Documentation</a></li>
                                     <li><a href="features.html">Features</a></li>
+                                    <li><a href="index.html#documentation">Documentation</a></li>
                                     <li><a href="index.html#community">Community</a></li>
                                     <li><a href="index.html#download">Download</a></li>
                                 </ul>
@@ -76,7 +76,7 @@ under the License.
     </header>
     <main id="main" role="main" class="container key-features">
         <section id="features">
-            <h2>Key In-Memory Features</h2>
+            <h2>Key Fabric Features</h2>
             <p align="center">
                 Apache Ignite In-Memory Data Fabric is a high-performance,
                 integrated and distributed in-memory platform for computing
@@ -84,21 +84,21 @@ under the License.
                 of magnitude faster than possible with traditional disk-based
                 or flash technologies.
             </p>
-            <table>
+            <table cellspacing="5px" cellpadding="5px">
                 <tbody>
                     <tr>
-                        <td><a href="#clustering">Advanced Clustering</a></td>
-                        <td><a href="#computegrid">Compute Grid</a></td>
-                        <td><a href="#clustering">Data Grid</a></td>
-                        <td><a href="#clustering">Streaming</a></td>
-                        <td><a href="#clustering">Distributed Data Structures</a></td>
+                        <td class="datagrid"><a href="#datagrid">Data Grid</a></td>
+                        <td class="computegrid"><a href="#computegrid">Compute
Grid</a></td>
+                        <td class="servicegrid"><a href="#servicegrid">Service
Grid</a></td>
+                        <td class="streaming"><a href="#streaming">Streaming</a></td>
+                        <td class="hadoop"><a href="#hadoop">Hadoop Acceleration</a></td>
                     </tr>
                     <tr>
-                        <td><a href="#messaging">Distributed Messaging</a></td>
-                        <td><a href="#clustering">Distributed Events</a></td>
-                        <td><a href="#clustering">Managed Services</a></td>
-                        <td><a href="#clustering">Distributed File System</a></td>
-                        <td><a href="#clustering">Hadoop Acceleration</a></td>
+                        <td class="filesystem"><a href="#clustering">Distributed
File System</a></td>
+                        <td class="clustering"><a href="#clustering">Advanced
Clustering</a></td>
+                        <td class="messaging"><a href="#messaging">Distributed
Messaging</a></td>
+                        <td class="events"><a href="#clustering">Distributed
Events</a></td>
+                        <td class="datastructures"><a href="#clustering">Distributed
Data Structures</a></td>
                     </tr>
                 </tbody>
             </table>

Modified: incubator/ignite/site/branches/sidenav/index.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/index.html?rev=1656953&r1=1656952&r2=1656953&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/index.html (original)
+++ incubator/ignite/site/branches/sidenav/index.html Wed Feb  4 00:03:45 2015
@@ -60,8 +60,8 @@ under the License.
                                 <div class="collapse navbar-collapse" id="navbar">
                                     <ul class="nav navbar-nav">
                                         <li><a href="#overview">Overview</a></li>
-                                        <li><a href="#documentation">Documentation</a></li>
                                         <li><a href="features.html">Features</a></li>
+                                        <li><a href="#documentation">Documentation</a></li>
                                         <li><a href="#community">Community</a></li>
                                         <li><a href="#download">Download</a></li>
                                     </ul>

Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1656953&r1=1656952&r2=1656953&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Wed Feb  4 00:03:45 2015
@@ -352,15 +352,119 @@ div#banner1 {
 
         table {
             margin: 40px 0;
-            border: 1px dotted #ccc;
+            border: none;
+            border-spacing: 10px;
+            border-collapse: separate;
 
             tbody > tr > td,
             tbody > tr > td:first-child {
                 padding: 25px 25px;
                 text-align: center;
                 vertical-align: middle;
-                border: 1px dotted #ccc;
-                font-weight: 700;
+                font-weight: 400;
+                width: 100px;
+
+            }
+
+            td.datagrid {
+                background: lighten(#16a085, 8%);
+                border: 2px solid #16a085;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.computegrid {
+                background: lighten(#E74C3C, 8%);
+                border: 2px solid #E74C3C;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.servicegrid {
+                background: lighten(#F1C40F, 8%);
+                border: 2px solid #F1C40F;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #000;
+                }
+            }
+            td.streaming {
+                background: lighten(#3498db, 8%);
+                border: 2px solid #3498db;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.hadoop {
+                background: lighten(#9b59b6, 8%);
+                border: 2px solid #9b59b6;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.filesystem {
+                background: lighten(#E67E22, 8%);
+                border: 2px solid #E67E22;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.clustering {
+                background: lighten(#34495e, 8%);
+                border: 2px solid #34495e;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.events {
+                background: lighten(#C0392B, 8%);
+                border: 2px solid #C0392B;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.messaging {
+                background: lighten(#1abc9c, 8%);
+                border: 2px solid #1abc9c;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
+            }
+            td.datastructures {
+                background: lighten(#7F8C8D, 8%);
+                border: 2px solid #7F8C8D;
+                border-radius: 6px;
+                margin: 5px;
+
+                & > a {
+                    color: #fff;
+                }
             }
         }
     }



Mime
View raw message