Author: nivanov
Date: Fri Jan 30 19:25:40 2015
New Revision: 1656099
URL: http://svn.apache.org/r1656099
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=1656099&r1=1656098&r2=1656099&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Fri Jan 30 19:25:40 2015
@@ -7927,7 +7927,8 @@ div, p, h1, h2, h3, span, body, html, ul
#documentation h2,
#download h2,
#community h2,
-#data-grid h2 {
+#data-grid h2,
+#features h2 {
font-size: 28px;
color: #333;
padding: 5px 0 20px 0;
@@ -8081,7 +8082,7 @@ div#banner1 p {
#documentation table > tbody > tr > th,
#download table > tbody > tr > th {
text-align: center;
- background-color: #3d566e;
+ background-color: #34495e;
color: #fff;
}
#documentation table, #documentation table > tbody > tr > tr, #documentation
table > tbody > tr > th, #documentation table > tbody > tr > td,
@@ -8089,7 +8090,7 @@ div#banner1 p {
#download table > tbody > tr > tr,
#download table > tbody > tr > th,
#download table > tbody > tr > td {
- border: 1px solid #4f6f8f;
+ border: 1px solid #34495e;
}
#documentation table ul#javadoc,
#documentation table ul#docs,
@@ -8135,3 +8136,19 @@ div#banner1 p {
background: rgba(54, 54, 54, 0.95);
top: 0;
}
+
+#features {
+ padding-top: 100px;
+}
+#features table {
+ margin: 40px 0;
+ border: 1px dotted #ddd;
+}
+#features table tbody > tr > td,
+#features table tbody > tr > td:first-child {
+ padding: 25px 25px;
+ text-align: center;
+ vertical-align: middle;
+ border: 1px dotted #ddd;
+ font-weight: 700;
+}
Modified: incubator/ignite/site/branches/sidenav/features.html
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/features.html?rev=1656099&r1=1656098&r2=1656099&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/features.html (original)
+++ incubator/ignite/site/branches/sidenav/features.html Fri Jan 30 19:25:40
2015
@@ -72,67 +72,36 @@ under the License.
</div>
</div>
</header>
- <!--<div id="carousel" class="carousel slide" data-ride="carousel"
data-interval="5000">-->
- <!--<div class="container">-->
- <!--<div class="carousel-inner" role="listbox">-->
- <!--<!– Carousel items –>-->
- <!--<div class="item active">-->
- <!--<div id="banner1">-->
- <!--<h1>Apache Ignite</h1>-->
- <!--<p>In-Memory Data Fabric</p>-->
- <!--<ul class="buttons list-unstyled">-->
- <!--<li><a href="#download" class="btn
btn-danger">Download</a></li>-->
- <!--<li><a href="#overview" class="btn
btn-default">Learn More</a></li>-->
- <!--</ul>-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="item cloud">-->
- <!--<div class="img-holder">-->
- <!--<a href="#data-grid">-->
- <!--<img style="margin-left: 20%; margin-top:
35px" src="images/img1.png">-->
- <!--</a>-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="item cloud">-->
- <!--<div class="img-holder">-->
- <!--<a href="#cluster-compute">-->
- <!--<img style="margin-left: 20%; margin-top:
35px" src="images/compute_grid.png">-->
- <!--</a>-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="item cloud">-->
- <!--<div class="img-holder">-->
- <!--<a href="#streaming">-->
- <!--<img style="margin-left: 15%; margin-top:
35px" src="images/streaming.png">-->
- <!--</a>-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
- <!--</div>-->
- <!--<!– Carousel nav –>-->
- <!--<a class="carousel-control left" href="#carousel" role="button"
data-slide="prev">-->
- <!--<span class="glyphicon glyphicon-chevron-left"></span>-->
- <!--</a>-->
- <!--<a class="carousel-control right" href="#carousel" role="button"
data-slide="next">-->
- <!--<span class="glyphicon glyphicon-chevron-right"></span>-->
- <!--</a>-->
- <!--</div>-->
<main id="main" role="main" class="container">
- <section class="overview" id="overview">
- <h2>Overview</h2>
- <p>
+ <section id="features">
+ <h2>Key Features</h2>
+ <p align="center">
Apache Ignite In-Memory Data Fabric is a high-performance,
integrated and distributed in-memory platform for computing
and transacting on large-scale data sets in real-time, orders
of magnitude faster than possible with traditional disk-based
or flash technologies.
- <img src="images/fabric.jpg" alt="image description"
class="img-responsive" style="padding-top: 40px">
</p>
- <p>
- Apache Ignite In-Memory Data Fabric is designed to deliver
- uncompromised performance for a wide set of in-memory computing
- use cases from high performance computing, to the industry most
- advanced data grid and streaming.
+ <table>
+ <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="#clustering">Distributed Data
Structures</a></td>
+ </tr>
+ <tr>
+ <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">
</p>
</section>
@@ -177,130 +146,6 @@ under the License.
</div>
</div>
</section>
-
- <section id="streaming">
- <div class="feature-block">
- <h2>In-Memory Streaming</h2>
- <div class="inside-feature-block-1">
- <div>
- <div class="feature-header">Key features:</div>
- <ul>
- <li>Programmatic Querying</li>
- <li>Customizable Event Workflow</li>
- <li>At-Least-Once Guarantee</li>
- <li>Sliding Windows</li>
- <li>Data Indexing</li>
- <li>Distributed Streamer Queries</li>
- <li>Co-Location With In-Memory Data Grid</li>
- </ul>
- </div>
- <img src="images/in_memory_streaming.png" width="500px"/>
- </div>
- </div>
- </section>
-
- <section id="documentation">
- <div class="feature-block">
- <h2>Documentation</h2>
- <p>
- We are currently in process of moving GridGain Open Source
edition
- to Apache Ignite. Until this migration is complete, please
refer to the
- GridGain In-Memory Data Fabric documentation.
- </p>
- <table>
- <tr>
- <th>In-Memory Data Fabric</th>
- <th>APIs</th>
- <th>Videos</th>
- </tr>
- <tr>
- <td>
- <ul id="docs">
- <li><a target=wiki
href="http://doc.gridgain.org/";>Open Source Documentation</a></li>
- </ul>
- </td>
- <td>
- <ul id="javadoc">
- <li><a target=javadoc
href="http://javadoc.gridgain.org/";>Javadoc APIs</a></li>
- <li><a target=scaladoc
href="http://scaladoc.gridgain.org/";>Scaladoc APIs</a></li>
- </ul>
- </td>
- <td>
- <ul id="videos">
- <li><a target=vimeo
href="https://vimeo.com/107643054?width=1024&height=576";>
- <nobr>Video: In-Memory Data Grid</nobr></a>
- </li>
- <li><a target=vimeo
href="https://vimeo.com/107641014?width=1024&height=576";>
- <nobr>Video: Clustering With Apache
Ignite</nobr></a>
- </li>
- <li><a target=vimeo
href="https://vimeo.com/107644353?width=1024&height=576";>
- <nobr>Video: Distributed
Messaging</nobr></a>
- </li>
- <li><a target=vimeo
href="https://vimeo.com/107645729?width=1024&height=576";>
- <nobr>Video: Distributed Events</nobr></a>
- </li>
- <li><a target=vimeo
href="https://vimeo.com/107648158?width=1024&height=576";>
- <nobr>Video: Distributed Managed
Services</nobr></a>
- </li>
- <li><a target=vimeo
href="https://vimeo.com/107646721?width=1024&height=576";>
- <nobr>Video: Distributed Cache
Queries</nobr></a>
- </li>
- </ul>
- </td>
- </tr>
- </table>
- </div>
- </section>
-
- <section id="community">
- <div class="feature-block">
- <h2>Community</h2>
- <p>
- We are very excited to grow our community. If you are
interested in
- becoming a contributor, please subscribe to
- <a
href="mailto:dev-subscr...@ignite.incubator.apache.org";>dev@list</a>
- and let us know how you'd like to help.
- </p>
- <center>
- Mailing lists & archives:
- <ul id="lists">
- <li><a
href="mailto:dev-subscr...@ignite.incubator.apache.org";>d...@ignite.incubator.apache.org</a></li>
- <li><a
href="mailto:commits-subscr...@ignite.incubator.apache.org";>commits@ignite.incubator.apache.org</a></li>
- <li><a
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-dev/";>dev@archive</a></li>
- <li><a
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-commits/";>commits@archive</a></li>
- </ul>
- </center>
- </div>
- </section>
-
- <section id="download">
- <div class="feature-block">
- <h2>Download</h2>
- <p>
- We are currently in process of moving GridGain Open Source
edition
- to Apache Ignite. Until this migration is complete, please
download
- GridGain In-Memory Data Fabric.
- </p>
- <table>
- <tr>
- <th>Release</th>
- <th>Version</th>
- <th>Release</th>
- </tr>
- <tr>
- <td>
- <span><a
href="http://gridgain.com/download/open-source/";>In-Memory Data
Fabric</a></span>
- </td>
- <td>
- <span>6.5.6</span>
- </td>
- <td>
- <span><time datetime="2014-12-15">December 15,
2014</time></span>
- </td>
- </tr>
- </table>
- </div>
- </section>
</main>
<footer id="footer">
<div class="container">
Modified: incubator/ignite/site/branches/sidenav/scss/ignite.scss
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/ignite.scss?rev=1656099&r1=1656098&r2=1656099&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/ignite.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/ignite.scss Fri Jan 30 19:25:40
2015
@@ -66,7 +66,8 @@ div, p, h1, h2, h3, span, body, html, ul
#documentation h2,
#download h2,
#community h2,
-#data-grid h2 {
+#data-grid h2,
+#features h2 {
font-size: 28px;
color: #333;
padding: 5px 0 20px 0;
@@ -237,23 +238,11 @@ div#banner1 {
}
}
-//a,
-//#footer > a:hover,
-//.navbar-nav > li > a:hover,
-//.navbar-nav > li > a:active,
-//.navbar-nav > li > a:focus,
-//.navbar-default .navbar-nav > .active > a,
-//.navbar-default .navbar-nav > .active > a:hover,
-//.navbar-default .navbar-nav > .active > a:focus {
-// color: $color-alizarin !important;
-// background-color: transparent;
-//}
-
#documentation table,
#download table {
& > tbody > tr > th {
text-align: center;
- background-color: lighten($color-asphalt, 5%);
+ background-color: $color-asphalt;
color: #fff;
}
@@ -261,7 +250,7 @@ div#banner1 {
& > tbody > tr > tr,
& > tbody > tr > th,
& > tbody > tr > td {
- border: 1px solid lighten($color-asphalt, 15%);
+ border: 1px solid $color-asphalt;
}
ul#javadoc,
@@ -307,3 +296,22 @@ div#banner1 {
background: rgba(54, 54, 54, 0.95);
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;
+ border: 1px dotted #ddd;
+ font-weight: 700;
+ }
+ }
+}
