Author: nivanov
Date: Fri Jan 16 22:20:06 2015
New Revision: 1652531

URL: http://svn.apache.org/r1652531
Log:
Adding patch.

Added:
    incubator/ignite/site/branches/sidenav/clustering.html
    incubator/ignite/site/branches/sidenav/distributedevents.html
    incubator/ignite/site/branches/sidenav/distributedmessaging.html
    incubator/ignite/site/branches/sidenav/managedservices.html
Modified:
    incubator/ignite/site/branches/sidenav/computing.html
    incubator/ignite/site/branches/sidenav/css/all.css
    incubator/ignite/site/branches/sidenav/scss/all.scss

Added: incubator/ignite/site/branches/sidenav/clustering.html
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/clustering.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/clustering.html (added)
+++ incubator/ignite/site/branches/sidenav/clustering.html Fri Jan 16 22:20:06 
2015
@@ -0,0 +1,328 @@
+<!DOCTYPE html>
+
+<html xmlns="http://www.w3.org/1999/html";>
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <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>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <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>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" 
role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle 
collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle 
navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <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="index.html#community">Community</a></li>
+
+                                        <li><a 
href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" 
role="navigation">
+
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <h1>In-Memory Data Fabric</h1>
+
+                        <li><a href="#clustering">Advanced Clustering</a></li>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="#autodiscovery">Auto 
Discovery</a></li>
+                                <li><a href="#pluggabledesign">Pluggable 
Design</a></li>
+                                <li><a href="#awssupport">AWS Support</a></li>
+                                <li><a href="#hybridclouds">Hybrid 
Clouds</a></li>
+                            </ul>
+
+                        <li><a 
href="distributedmessaging.html#distributedmessaging">Distributed 
Messaging</a></li>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Topic & Point-to-Point</a></li>
+                                <li><a href="">Ordered vs. Unordered</a></li>
+                            </ul>
+
+                        <li><a 
href="distributedevents.html#distributedevents">Distributed Events</a></li>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Local & Remote 
Listeners</a></li>
+                                <li><a href="">Automatic Batching</a></li>
+                            </ul>
+
+                        <li><a 
href="managedservices.html#managedservices">Managed Services</a></li>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Fault Tolerant 
Deployment</a></li>
+                                <li><a href="">Automatic Provisioning</a></li>
+                                <li><a href="">Globally Accessible</a></li>
+                            </ul>
+
+                        <li><a href="">Clustered Data Structures</a></li>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed Atomics</a></li>
+                                <li><a href="">Distributed Queues & 
Sets</a></li>
+                                <li><a href="">Deploy Your Own</a></li>
+                            </ul>
+
+                        <li><a href="computing.html#hpc">High Performance 
Computing</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed Closures</a></li>
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Automatic Failover</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Lightning Fast</a></li>
+                                <li><a href="">SQL Queries</a></li>
+                                <li><a href="">ACID Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Sliding Windows</a></li>
+                            </ul>
+                        </li>
+
+                        <h1>Hadoop Accelerator</h1>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                    <section id="clustering" class="clustering">
+                        <h2>Advanced Clustering</h2>
+
+                        <p><b>Apache Ignite provides one of the most 
sophisticated clustering technologies on the Java Virtual Machine (JVM).</b></p>
+
+                        <img src="images/ignite-cloud.png"/><br/><br/>
+
+                        <p>It's advanced clustering features are fully exposed 
to developers and offer</p>
+
+                        <ul class="list-unstyled">
+                            <li>Dynamic topology management</li>
+                            <li>Automatic discovery on LAN, WAN, and AWS</li>
+                            <li>Automatic “split-brain” (i.e. network 
segmentation) resolution</li>
+                            <li>Unicast, broadcast, and group-based message 
exchange</li>
+                            <li>On-demand and direct deployment</li>
+                            <li>Support for virtual clusters and node 
groupings</li>
+                        </ul>
+
+                        <div id="autodiscovery">
+                            <h2>Auto Discovery</h2>
+
+                        </div>
+
+                        <div id="pluggabledesign">
+                            <h2>Pluggable Design</h2>
+
+                        </div>
+
+                        <div id="awssupport">
+                            <h2>AWS Support</h2>
+                        </div>
+
+                        <div id="hybridclouds">
+                            <h2>Hybrid Clouds</h2>
+                        </div>
+
+                        <h3>Example</h3>
+
+                        <div class="tabs">
+                            <ul class="nav nav-tabs">
+                                <li class="active"><a href="#example1" 
data-toggle="tab">Example 1</a></li>
+                                <li><a href="#example2" 
data-toggle="tab">Example 2</a></li>
+                                <li><a href="#example3" 
data-toggle="tab">Example 3</a></li>
+                            </ul>
+
+                            <div class="tab-content">
+                                <div id="example1" class="tab-pane active">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example2" class="tab-pane">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example3" class="tab-pane">
+                                    <p>Example 3 Content</p>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img 
src="images/logo2.png"
+                                                                  alt="Crowley 
Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</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>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache 
Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a 
href="https://www.linkedin.com/company/249196"; class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain"; 
class="icon-twitter"></a></li>
+
+                            <li><a 
href="https://plus.google.com/101084158514011491168/posts"; 
class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain"; 
class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js";></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script 
src="js/jquery-1.11.1.min.js"><\/script>')
+        </script>
+
+    <script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js";></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                    var msViewportStyle = document.createElement('style')
+
+                    msViewportStyle.appendChild(
+
+                        document.createTextNode(
+
+                            '@-ms-viewport{width:auto!important}'
+
+                        )
+
+                    )
+
+                    document.querySelector('head').appendChild(msViewportStyle)
+
+                }
+
+
+        </script>
+
+    <!--Syntax highlighter -->
+    <script 
src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js";></script>
+
+</body>
+
+</html>
\ No newline at end of file

Modified: incubator/ignite/site/branches/sidenav/computing.html
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/computing.html?rev=1652531&r1=1652530&r2=1652531&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/computing.html (original)
+++ incubator/ignite/site/branches/sidenav/computing.html Fri Jan 16 22:20:06 
2015
@@ -92,12 +92,20 @@
                 <nav class="col-md-3 hidden-xs hidden-sm sidebar" 
role="navigation">
                     <ul class="nav nav-stacked affix list-unstyled">
 
+                        <li><a 
href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a 
href="distributedmessaging.html#distributedmessaging">Distributed 
Messaging</a></li>
+
+                        <li><a 
href="distributedevents.html#distributedevents">Distributed Events</a></li>
+
+                        <li><a 
href="managedservices.html#managedservices">Managed Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
                         <li><a href="#hpc">High Performance Computing</a>
                             <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
-                                <li><a href="#clustering">Clustering</a></li>
-                                <li><a 
href="#distributedmessaging">Distributed Messaging</a></li>
-                                <li><a href="#distributedevents">Distributed 
Events</a></li>
-                                <li><a href="#distributedservices">Distributed 
Services</a></li>
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
                             </ul>
                         </li>
 
@@ -106,7 +114,6 @@
                                 <li><a href="">Distributed Caching</a></li>
                                 <li><a href="">Web Session Clustering</a></li>
                                 <li><a href="">Hibernate L2 Cache</a></li>
-                                <li><a href="">Distributed Data 
Structures</a></li>
                                 <li><a href="">Distributed Cache 
Queries</a></li>
                                 <li><a href="">Distributed 
Transactions</a></li>
                                 <li><a href="">Distributed Locking</a></li>
@@ -136,7 +143,7 @@
 
                         <h2>High Performance Computing</h2>
 
-                        <p>High Performance Computing (HPC) systems provide 
the means for parallel processing of CPU or otherwise resource intensive 
tasks.</p>
+                        <p><b>High Performance Computing (HPC) systems provide 
the means for parallel processing of CPU or otherwise resource intensive 
tasks.</b></p>
 
                         <img src="images/in_memory_compute.png"/><br/><br/>
 
@@ -153,23 +160,6 @@
 
                     </section>
 
-                    <section id="clustering" class="clustering">
-
-                        <h2>Clustering</h2>
-
-                        <p>Apache Ignite provides one of the most 
sophisticated clustering technologies on the Java Virtual Machine (JVM). It's 
advanced clustering features are fully exposed to developers and offer</p>
-
-                        <ul class="list-unstyled">
-                            <li>Dynamic topology management</li>
-                            <li>Automatic discovery on LAN, WAN, and AWS</li>
-                            <li>Automatic “split-brain” (i.e. network 
segmentation) resolution</li>
-                            <li>Unicast, broadcast, and group-based message 
exchange</li>
-                            <li>On-demand and direct deployment</li>
-                            <li>Support for virtual clusters and node 
groupings</li>
-                        </ul>
-
-                    </section>
-
                     <section id="distributedmessaging" 
class="distributedmessaging">
 
                         <h2>Distributed Messaging</h2>
@@ -263,7 +253,7 @@
 
                     </section>
 
-                    <section id="distributedservices" 
class="distributedservices">
+                    <section id="managedservices" class="managedservices">
 
                         <h2>Distributed Services</h2>
 

Modified: incubator/ignite/site/branches/sidenav/css/all.css
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/all.css?rev=1652531&r1=1652530&r2=1652531&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Fri Jan 16 22:20:06 2015
@@ -7630,14 +7630,14 @@ p {
 
 .sidebar {
   display: block;
-  padding: 100px 20px;
+  padding: 100px 30px;
 }
 .sidebar .nav > li > a {
-  padding: 5px 5px;
+  padding: 7px 7px;
 }
 .sidebar a {
   display: block;
-  font-size: 18px;
+  font-size: 17px;
   font-weight: 900;
   color: #808080;
   padding-left: 10px;
@@ -7646,14 +7646,20 @@ p {
   color: #f00;
   background-color: transparent;
 }
+.sidebar h1 {
+  position: relative;
+  color: #fff;
+  background-color: #f00;
+  padding: 0 10px  0 10px;
+}
 
 .sidebar-sub-menu li {
   margin-top: 2px;
   margin-bottom: 2px;
 }
 .sidebar-sub-menu li a {
-  margin-left: 20px;
-  font-size: 15px;
+  margin-left: 25px;
+  font-size: 16px;
   font-weight: 400;
   color: #999;
 }
@@ -7675,6 +7681,31 @@ p {
 .main-content h2 {
   margin: 0 0 10px;
 }
+.main-content li {
+  padding: 0 0 0 20px;
+  position: relative;
+  position: relative;
+  border-color: #373435;
+}
+.main-content li:before {
+  position: absolute;
+  content: "";
+  width: 0;
+  height: 0;
+  border-color: #373435;
+  top: 4px;
+  left: 100%;
+  margin-left: -1px;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid #373435;
+  border-left-color: inherit;
+}
+.main-content li:before {
+  left: 0;
+  margin: 0;
+}
 
 .hpc {
   margin: -8px 0 0;
@@ -7703,34 +7734,14 @@ p {
   left: 0;
   background: url(../images/sprite.png) no-repeat;
 }
-.hpc li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.hpc li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.hpc li:before {
-  left: 0;
-  margin: 0;
+@media (max-width: 767px) {
+  .hpc h2 {
+    margin: 0;
+  }
 }
 
 .clustering {
-  margin: 35px 0 0;
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
@@ -7762,34 +7773,9 @@ p {
     margin: 0;
   }
 }
-.clustering li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.clustering li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.clustering li:before {
-  left: 0;
-  margin: 0;
-}
 
 .distributedmessaging {
-  margin: 35px 0 0;
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
@@ -7821,34 +7807,9 @@ p {
     margin: 0;
   }
 }
-.distributedmessaging li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.distributedmessaging li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.distributedmessaging li:before {
-  left: 0;
-  margin: 0;
-}
 
 .distributedevents {
-  margin: 35px 0 0;
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
@@ -7880,50 +7841,25 @@ p {
     margin: 0;
   }
 }
-.distributedevents li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.distributedevents li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.distributedevents li:before {
-  left: 0;
-  margin: 0;
-}
 
-.distributedservices {
-  margin: 35px 0 0;
+.managedservices {
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
   z-index: 4;
 }
 @media (max-width: 992px) {
-  .distributedservices {
+  .managedservices {
     margin: 0;
     padding: 30px 0 0;
   }
 }
-.distributedservices h2 {
+.managedservices h2 {
   position: relative;
   padding: 3px 0 12px 40px;
 }
-.distributedservices h2:after {
+.managedservices h2:after {
   width: 21px;
   height: 25px;
   position: absolute;
@@ -7935,35 +7871,10 @@ p {
   background: url(../images/sprite.png) no-repeat;
 }
 @media (max-width: 767px) {
-  .distributedservices h2 {
+  .managedservices h2 {
     margin: 0;
   }
 }
-.distributedservices li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.distributedservices li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.distributedservices li:before {
-  left: 0;
-  margin: 0;
-}
 
 .tabs ul.nav.nav-tabs li a {
   color: black;

Added: incubator/ignite/site/branches/sidenav/distributedevents.html
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/distributedevents.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/distributedevents.html (added)
+++ incubator/ignite/site/branches/sidenav/distributedevents.html Fri Jan 16 
22:20:06 2015
@@ -0,0 +1,298 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <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>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <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>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" 
role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle 
collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle 
navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <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="index.html#community">Community</a></li>
+
+                                        <li><a 
href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" 
role="navigation">
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <li><a 
href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a 
href="distributedmessaging.html#distributedmessaging">Distributed 
Messaging</a></li>
+
+                        <li><a href="#distributedevents">Distributed 
Events</a></li>
+
+                        <li><a 
href="managedservices.html#managedservices">Managed Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
+                        <li><a href="computing.html#hpc">High Performance 
Computing</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed Caching</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                                <li><a href="">Distributed Cache 
Queries</a></li>
+                                <li><a href="">Distributed 
Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Complex Event 
Processing</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                     <section id="distributedevents" class="distributedevents">
+
+                        <h2>Distributed Events</h2>
+
+                        <p>Developers can use distributed events to get 
notified about remote tasks executions or any cache data changes within the 
grid. With GridGain distributed events support you can</p>
+
+                        <ul class="list-unstyled">
+                            <li>Subscribe local and remote listeners within 
grid</li>
+                            <li>Enable and disable any event</li>
+                            <li>Provide local and remote filters for 
fine-grained control over notifications</li>
+                        </ul>
+
+                         <h3>Example</h3><br>
+
+                         <div class="tabs">
+                             <ul class="nav nav-tabs">
+                                 <li class="active"><a href="#example1" 
data-toggle="tab">Example 1</a></li>
+                                 <li><a href="#example2" 
data-toggle="tab">Example 2</a></li>
+                                 <li><a href="#example3" 
data-toggle="tab">Example 3</a></li>
+                             </ul>
+
+                             <div class="tab-content">
+                                 <div id="example1" class="tab-pane active">
+                                     <p>Subscribe remote and local 
notifications for cache data updates</p>
+                                     <pre class="brush:java">
+                                         try (Grid grid = 
GridGain.start("examples/config/example-cache.xml")) {
+                                             final GridCache&lt;Integer, 
String&gt; cache = g.cache(CACHE_NAME);
+
+                                             // Sample remote filter to accept 
only keys that are greater than 10.
+                                             
GridPredicate&lt;GridCacheEvent&gt; rmtLsnr = new 
GridPredicate&lt;GridCacheEvent&gt;() {
+                                                @Override public boolean 
apply(GridCacheEvent evt) {
+                                                   println("Cache event: " + 
evt);
+
+                                                   int key = evt.key();
+
+                                                   // Accept only keys greater 
than 10.
+                                                   return key >= 10;
+                                                }
+                                             };
+
+                                             // Subscribe to specified cache 
events on all nodes that have cache running.
+                                             
grid.forCache(CACHE_NAME).events().remoteListen(null, rmtLsnr,
+                                                 EVT_CACHE_OBJECT_PUT,
+                                                 EVT_CACHE_OBJECT_READ,
+                                                 
EVT_CACHE_OBJECT_REMOVED).get();
+                                         }
+                                     </pre>
+                                 </div>
+
+                                 <div id="example2" class="tab-pane">
+                                     <p>Example 1 Content</p>
+                                 </div>
+
+                                 <div id="example3" class="tab-pane">
+                                     <p>Example 3 Content</p>
+                                 </div>
+                             </div>
+                         </div>
+
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img 
src="images/logo2.png"
+                                                                  alt="Crowley 
Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</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>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache 
Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a 
href="https://www.linkedin.com/company/249196"; class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain"; 
class="icon-twitter"></a></li>
+
+                            <li><a 
href="https://plus.google.com/101084158514011491168/posts"; 
class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain"; 
class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js";></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script 
src="js/jquery-1.11.1.min.js"><\/script>')
+                </script>
+
+    <script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js";></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                            var msViewportStyle = 
document.createElement('style')
+
+                            msViewportStyle.appendChild(
+
+                                document.createTextNode(
+
+                                    '@-ms-viewport{width:auto!important}'
+
+                                )
+
+                            )
+
+                            
document.querySelector('head').appendChild(msViewportStyle)
+
+                        }
+
+
+                </script>
+
+    <!--Syntax highlighter -->
+    <script 
src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js";></script>
+
+</body>
+
+</html>
\ No newline at end of file

Added: incubator/ignite/site/branches/sidenav/distributedmessaging.html
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/distributedmessaging.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/distributedmessaging.html (added)
+++ incubator/ignite/site/branches/sidenav/distributedmessaging.html Fri Jan 16 
22:20:06 2015
@@ -0,0 +1,316 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <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>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <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>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" 
role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle 
collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle 
navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <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="index.html#community">Community</a></li>
+
+                                        <li><a 
href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" 
role="navigation">
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <li><a 
href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a href="#distributedmessaging">Distributed 
Messaging</a></li>
+
+                        <li><a 
href="distributedevents.html#distributedevents">Distributed Events</a></li>
+
+                        <li><a 
href="managedservices.html#managedservices">Managed Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
+                        <li><a href="computing.html#hpc">High Performance 
Computing</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed Caching</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                                <li><a href="">Distributed Cache 
Queries</a></li>
+                                <li><a href="">Distributed 
Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Complex Event 
Processing</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                    <section id="distributedmessaging" 
class="distributedmessaging">
+
+                        <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. Among the key features of 
Ignite’s messaging support are
+
+                        <ul class="list-unstyled">
+                            <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>
+
+                        <h3>Example</h3>
+
+                        <div class="tabs">
+
+                            <ul class="nav nav-tabs">
+                                <li class="active"><a href="#unordered" 
data-toggle="tab">Unordered Messages</a></li>
+                                <li><a href="#ordered" 
data-toggle="tab">Ordered Messages</a></li>
+                                <li><a href="#example3" 
data-toggle="tab">Example 3</a></li>
+                            </ul>
+
+                            <div class="tab-content">
+
+                                <div id="unordered" class="tab-pane active">
+                                    <p>Send and receive unordered messages</p>
+
+                                    <pre class="brush:java">
+                                        try (Grid grid = 
GridGain.start("examples/config/example-compute.xml")) {
+                                            // Add unordered message listener 
on all grid nodes.
+                                            
grid.message().remoteListen("MyUnorderedTopic", new GridBiPredicate&lt;UUID, 
String&gt;() {
+                                                @Override public boolean 
apply(UUID nodeId, String msg) {
+                                                    println("Unordered message 
[msg=" + msg + ", fromNodeId=" + nodeId + ']');
+
+                                                    return true; // Return 
true to continue listening.
+                                                }
+                                            }).get();
+
+                                            // Send unordered messages to all 
remote nodes.
+                                            for (int i = 0; i < 10; i++)
+                                                
grid.forRemotes().message().send("MyUnorderedTopic", Integer.toString(i));
+                                        }
+                                    </pre>
+                                </div>
+
+                                <div id="ordered" class="tab-pane">
+                                    <p>Send and receive ordered messages</p>
+
+                                    <pre class="brush:java">
+                                        try (Grid grid = GridGain.start()) {
+                                          // Add ordered message listener on 
all grid nodes.
+                                          
grid.message().remoteListen("MyOrderedTopic", new GridBiPredicate&lt;UUID, 
String&gt;() {
+                                            @Override public boolean 
apply(UUID nodeId, String msg) {
+                                              println("Ordered message [msg=" 
+ msg + ", fromNodeId=" + nodeId + ']');
+
+                                              return true; // Return true to 
continue listening.
+                                            }
+                                          }).get();
+
+                                          // Send ordered messages to all 
remote nodes.
+                                          for (int i = 0; i < 10; i++)
+                                            
grid.forRemotes().message().sendOrdered("MyOrderedTopic", Integer.toString(i), 
0);
+                                        }
+                                    </pre>
+                                </div>
+
+                                <div id="example3" class="tab-pane">
+                                    <h4>Example 3 Content</h4>
+                                    <p> and so on ...</p>
+                                </div>
+
+                            </div>
+
+                        </div>
+
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img 
src="images/logo2.png"
+                                                                  alt="Crowley 
Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</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>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache 
Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a 
href="https://www.linkedin.com/company/249196"; class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain"; 
class="icon-twitter"></a></li>
+
+                            <li><a 
href="https://plus.google.com/101084158514011491168/posts"; 
class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain"; 
class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js";></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script 
src="js/jquery-1.11.1.min.js"><\/script>')
+            </script>
+
+    <script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js";></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                        var msViewportStyle = document.createElement('style')
+
+                        msViewportStyle.appendChild(
+
+                            document.createTextNode(
+
+                                '@-ms-viewport{width:auto!important}'
+
+                            )
+
+                        )
+
+                        
document.querySelector('head').appendChild(msViewportStyle)
+
+                    }
+
+
+            </script>
+
+    <!--Syntax highlighter -->
+    <script 
src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js";></script>
+
+</body>
+
+</html>
\ No newline at end of file

Added: incubator/ignite/site/branches/sidenav/managedservices.html
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/managedservices.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/managedservices.html (added)
+++ incubator/ignite/site/branches/sidenav/managedservices.html Fri Jan 16 
22:20:06 2015
@@ -0,0 +1,278 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <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>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <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>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" 
role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle 
collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle 
navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <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="index.html#community">Community</a></li>
+
+                                        <li><a 
href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" 
role="navigation">
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <li><a 
href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a 
href="distributedmessaging.html#distributedmessaging">Distributed 
Messaging</a></li>
+
+                        <li><a 
href="distributedevents.html#distributedevents">Distributed Events</a></li>
+
+                        <li><a href="#managedservices">Managed 
Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
+                        <li><a href="computing.html#hpc">High Performance 
Computing</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed Caching</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                                <li><a href="">Distributed Cache 
Queries</a></li>
+                                <li><a href="">Distributed 
Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Complex Event 
Processing</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled 
sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                    <section id="managedservices" class="managedservices">
+
+                        <h2>Managed Services</h2>
+
+                        <p>Ignite allows you to control how many instances of 
your service should be deployed on each grid node and will automatically ensure 
proper deployment and fault tolerance of all managed services . With managed 
services you can</p>
+
+                        <ul class="list-unstyled">
+                            <li>Deploy any number of distributed service 
instances in the grid</li>
+                            <li>Deploy singletons, including 
cluster-singleton, node-singleton, or key-affinity-singleton</li>
+                            <li>Deploy distributed services on node 
start-up</li>
+                            <li>Undeploy any of the deployed services</li>
+                            <li>Get information about service deployment 
topology within the grid</li>
+                            <li>Create service proxy for accessing remotely 
deployed distributed services</li>
+                        </ul>
+
+                        <h3>Example</h3>
+
+                        <div class="tabs">
+                            <ul class="nav nav-tabs">
+                                <li class="active"><a href="#example1" 
data-toggle="tab">Example 1</a></li>
+                                <li><a href="#example2" 
data-toggle="tab">Example 2</a></li>
+                                <li><a href="#example3" 
data-toggle="tab">Example 3</a></li>
+                            </ul>
+
+                            <div class="tab-content">
+                                <div id="example1" class="tab-pane active">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example2" class="tab-pane">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example3" class="tab-pane">
+                                    <p>Example 3 Content</p>
+                                </div>
+                            </div>
+                        </div>
+
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img 
src="images/logo2.png"
+                                                                  alt="Crowley 
Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</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>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache 
Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a 
href="https://www.linkedin.com/company/249196"; class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain"; 
class="icon-twitter"></a></li>
+
+                            <li><a 
href="https://plus.google.com/101084158514011491168/posts"; 
class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain"; 
class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js";></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script 
src="js/jquery-1.11.1.min.js"><\/script>')
+                </script>
+
+    <script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js";></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                            var msViewportStyle = 
document.createElement('style')
+
+                            msViewportStyle.appendChild(
+
+                                document.createTextNode(
+
+                                    '@-ms-viewport{width:auto!important}'
+
+                                )
+
+                            )
+
+                            
document.querySelector('head').appendChild(msViewportStyle)
+
+                        }
+
+
+                </script>
+
+    <!--Syntax highlighter -->
+    <script 
src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js";></script>
+
+</body>
+
+</html>
\ No newline at end of file

Modified: incubator/ignite/site/branches/sidenav/scss/all.scss
URL: 
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/all.scss?rev=1652531&r1=1652530&r2=1652531&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/all.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/all.scss Fri Jan 16 22:20:06 
2015
@@ -775,13 +775,14 @@ p {
 }
 .sidebar {
     display: block;
-    padding: 100px 20px;
+    padding: 100px 30px;
+    
     .nav > li > a {
-      padding: 6px 6px;
+      padding: 7px 7px;
     }
     a {
         display: block;
-        font-size: 18px;
+        font-size: 17px;
         font-weight: 900;
         color: #808080;
         padding-left:10px;
@@ -791,14 +792,20 @@ p {
             background-color: transparent;
         }
     }
+    h1 {
+        position: relative;
+        color: $white;
+        background-color: $red;
+        padding: 0 10px  0 10px;
+    }
 }
 .sidebar-sub-menu {
     li{
         margin-top: 2px;
         margin-bottom: 2px;
         a {
-            margin-left: 20px;
-            font-size: 15px;
+            margin-left: 25px;
+            font-size: 16px;
             font-weight: 400;
             color: #999;
         }
@@ -820,6 +827,17 @@ p {
     h2{
         margin: 0 0 10px;
     }
+
+    li {
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+        &:before{
+            left: 0;
+            margin: 0;
+        }
+    }
 }
 .hpc {
        margin: -8px 0 0;
@@ -840,20 +858,13 @@ p {
                        @include after(0,auto,auto,0);
                        background: url(../images/sprite.png) no-repeat;
                }
-       }
-       li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
+               @media (max-width: $mobile) {
             margin: 0;
         }
-    }
+       }
 }
 .clustering {
-    margin: 35px 0 0;
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -876,19 +887,9 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
 .distributedmessaging {
-    margin: 35px 0 0;
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -911,19 +912,9 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
 .distributedevents {
-    margin: 35px 0 0;
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -946,19 +937,9 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
-.distributedservices {
-    margin: 35px 0 0;
+.managedservices {
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -981,16 +962,6 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
 .tabs {
     ul.nav.nav-tabs li{


Reply via email to