Author: nivanov
Date: Mon Feb 2 23:16:52 2015
New Revision: 1656603
URL: http://svn.apache.org/r1656603
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/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=1656603&r1=1656602&r2=1656603&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Mon Feb 2 23:16:52 2015
@@ -8137,15 +8137,45 @@ div#banner1 p {
top: 0;
}
-#features {
+.key-features h2 {
+ font-size: 28px;
+ color: #333;
+ padding: 35px 0 20px 0;
+ text-align: center;
+}
+.key-features .main-caps {
+ font-weight: 700;
+ padding-bottom: 10px;
+}
+.key-features ul {
+ padding-left: 20px;
+}
+.key-features ul > li {
+ padding-bottom: 4px;
+}
+.key-features .feature-links {
+ margin-top: 20px;
+ font-size: 14px;
+}
+.key-features .feature-links > a:last-child {
+ padding-left: 10px;
+}
+.key-features section.feature-section {
+ padding-bottom: 30px;
+ border-bottom: 1px dotted #ddd;
+}
+.key-features section.feature-section:last-child {
+ border-bottom: none;
+}
+.key-features #features {
padding-top: 100px;
}
-#features table {
+.key-features #features table {
margin: 40px 0;
border: 1px dotted #ddd;
}
-#features table tbody > tr > td,
-#features table tbody > tr > td:first-child {
+.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;
Modified: incubator/ignite/site/branches/sidenav/features.html
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/features.html?rev=1656603&r1=1656602&r2=1656603&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/features.html (original)
+++ incubator/ignite/site/branches/sidenav/features.html Mon Feb 2 23:16:52
2015
@@ -36,6 +36,7 @@ under the License.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Apache Ignite - Features</title>
<link media="all" rel="stylesheet" href="css/all.css">
+ <link
href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css";
rel="stylesheet">
<link
href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
rel='stylesheet' type='text/css'>
</head>
<body>
@@ -44,7 +45,7 @@ under the License.
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-8">
- <div class="logo"><a href="#wrapper"><img
src="images/logo.png" alt="ApacheIgnite"></a></div>
+ <div class="logo"><a href="index.html"><img
src="images/logo.png" alt="ApacheIgnite"></a></div>
</div>
<div class="col-md-9 col-sm-9 col-xs-4">
<nav id="nav" class="navbar navbar-default"
role="navigation">
@@ -72,7 +73,7 @@ under the License.
</div>
</div>
</header>
- <main id="main" role="main" class="container">
+ <main id="main" role="main" class="container key-features">
<section id="features">
<h2>Key Features</h2>
<p align="center">
@@ -86,64 +87,64 @@ under the License.
<tbody>
<tr>
<td><a href="#clustering">Advanced Clustering</a></td>
- <td><a href="#clustering">Distributed
Messaging</a></td>
- <td><a href="#clustering">Distributed Events</a></td>
- <td><a href="#clustering">Managed Services</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>
</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">Compute Grid</a></td>
- <td><a href="#clustering">Data Grid</a></td>
- <td><a href="#clustering">Streaming</a></td>
<td><a href="#clustering">Hadoop Acceleration</a></td>
</tr>
</tbody>
</table>
<p align="center">
- <img src="images/fabric.jpg" alt="image description"
class="img-responsive" width="550px" style="padding-top: 40px">
+ <img src="images/fabric.jpg" alt="image description"
class="img-responsive" width="550px" style="padding-top: 30px">
</p>
</section>
- <section id="cluster-compute">
- <div class="feature-block">
- <h2>Clustering & Compute</h2>
- <div class="inside-feature-block-1">
- <div>
- <div class="feature-header">Key features:</div>
- <ul>
- <li>Dynamic Clustering</li>
- <li>Fork-Join & MapReduce Processing</li>
- <li>Distributed Closure Execution</li>
- <li>Load Balancing and Fault Tolerance</li>
- <li>Distributed Messaging and Events</li>
- <li>Linear Scalability</li>
- </ul>
- </div>
- <img src="images/in_memory_compute.png"/>
- </div>
+ <section id="computegrid" class="feature-section">
+ <h2>Compute Grid</h2>
+ <p>
+ Compute Grid provides the means for parallel processing of CPU
+ or otherwise resource intensive tasks including traditional
High Performance Computing (HPC) and
+ Massively Parallel Processing (MPP).
+ </p>
+ <div class="main-caps">Features:</div>
+ <ul>
+ <li>Dynamic Clustering</li>
+ <li>Fork-Join & MapReduce Processing</li>
+ <li>Distributed Closure Execution</li>
+ <li>Load Balancing and Fault Tolerance</li>
+ <li>Distributed Messaging and Events</li>
+ <li>Linear Scalability</li>
+ </ul>
+ <div class="feature-links">
+ <a target=wiki
href="http://doc.gridgain.org/latest/Distributed+Computations";>Learn More <i
class="fa fa-angle-double-right"></i></a>
+ <a href="#features">Top <i class="fa
fa-angle-double-up"></i></a>
</div>
</section>
- <section id="data-grid">
- <div class="feature-block">
- <h2>In-Memory Caching & Data Grid</h2>
- <div class="inside-feature-block-2">
- <div>
- <div class="feature-header">Key features:</div>
- <ul>
- <li>Distributed In-Memory Caching</li>
- <li>Elastic Scalability</li>
- <li>Lightning Fast Performance</li>
- <li>Distributed In-Memory Transactions</li>
- <li>Distributed In-Memory Data Structures</li>
- <li>Web Session Clustering</li>
- <li>Hibernate L2 Cache Integration</li>
- <li>Distributed SQL Queries & Joins</li>
- </ul>
- </div>
- <img src="images/in_memory_data.png"/>
- </div>
+ <section id="messaging" class="feature-section">
+ <h2>Distributed Messaging</h2>
+ <p>
+ Apache Ignite provides high-performance cluster-wide messaging
functionality to exchange data
+ via publish-subscribe and direct point-to-point communication
models.
+ </p>
+ <div class="main-caps">Features:</div>
+ <ul>
+ <li>Support for topic-based publish-subscribe model</li>
+ <li>Support for direct point-to-point communication</li>
+ <li>Pluggable communication transport layer</li>
+ <li>Support for message ordering</li>
+ <li>Cluster-aware message listener auto-deployment </li>
+ </ul>
+ <div class="feature-links">
+ <a target=wiki
href="http://doc.gridgain.org/latest/Distributed+Computations";>Learn More <i
class="fa fa-angle-double-right"></i></a>
+ <a href="#features">Top <i class="fa
fa-angle-double-up"></i></a>
</div>
</section>
</main>
Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1656603&r1=1656602&r2=1656603&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Mon Feb 2 23:16:52
2015
@@ -297,21 +297,60 @@ div#banner1 {
top: 0;
}
-#features {
- //margin: -38px 0 0;
- padding-top: 100px;
-
- table {
- margin: 40px 0;
- border: 1px dotted #ddd;
-
- tbody > tr > td,
- tbody > tr > td:first-child {
- padding: 25px 25px;
- text-align: center;
- vertical-align: middle;
+.key-features {
+ h2 {
+ font-size: 28px;
+ color: #333;
+ padding: 35px 0 20px 0;
+ text-align: center;
+ }
+
+ .main-caps {
+ font-weight: 700;
+ padding-bottom: 10px;
+ }
+
+ ul {
+ padding-left: 20px;
+
+ & > li {
+ padding-bottom: 4px;
+ }
+ }
+
+ .feature-links {
+ margin-top: 20px;
+ font-size: 14px;
+
+ & > a:last-child {
+ padding-left: 10px;
+ }
+ }
+
+ section.feature-section {
+ padding-bottom: 30px;
+ border-bottom: 1px dotted #ddd;
+
+ &:last-child {
+ border-bottom: none
+ }
+ }
+
+ #features {
+ padding-top: 100px;
+
+ table {
+ margin: 40px 0;
border: 1px dotted #ddd;
- font-weight: 700;
+
+ tbody > tr > td,
+ tbody > tr > td:first-child {
+ padding: 25px 25px;
+ text-align: center;
+ vertical-align: middle;
+ border: 1px dotted #ddd;
+ font-weight: 700;
+ }
}
}
}
