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;
+ }
}
}
}
