You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by dm...@apache.org on 2017/08/15 17:11:13 UTC

svn commit: r1805106 - in /ignite/site/trunk: css/all.css images/bannernodots.png images/bannerwithdots.png index-1.html scss/ignite.scss

Author: dmagda
Date: Tue Aug 15 17:11:12 2017
New Revision: 1805106

URL: http://svn.apache.org/viewvc?rev=1805106&view=rev
Log:
changed apache ignite banner

Added:
    ignite/site/trunk/images/bannernodots.png   (with props)
    ignite/site/trunk/images/bannerwithdots.png   (with props)
    ignite/site/trunk/index-1.html
Modified:
    ignite/site/trunk/css/all.css
    ignite/site/trunk/scss/ignite.scss

Modified: ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/ignite/site/trunk/css/all.css?rev=1805106&r1=1805105&r2=1805106&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Tue Aug 15 17:11:12 2017
@@ -8588,7 +8588,7 @@ section.page-subsection {
   color: #fff;
   z-index: 9;
   position: relative;
-  background: url(../images/1.png) no-repeat center/cover;
+  background: url(../images/bannernodots.png) no-repeat center/cover;
   -webkit-transition: all, 0.2s, linear;
   -o-transition: all, 0.2s, linear;
   transition: all, 0.2s, linear;
@@ -8612,8 +8612,8 @@ section.page-subsection {
   }
 }
 .main-banner h2 {
-  font-size: 50px;
-  line-height: 50px;
+  font-size: 35px;
+  line-height: 35px;
   letter-spacing: 1.1px;
   font-weight: 400;
   margin: 0 0 15px;
@@ -8627,8 +8627,8 @@ section.page-subsection {
   }
 }
 .main-banner h2 > span {
-  font-size: 50px;
-  line-height: 50px;
+  font-size: 35px;
+  line-height: 35px;
   font-weight: 400;
 }
 @media (max-width: 767px) {

Added: ignite/site/trunk/images/bannernodots.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/bannernodots.png?rev=1805106&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/bannernodots.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ignite/site/trunk/images/bannerwithdots.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/bannerwithdots.png?rev=1805106&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/bannerwithdots.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ignite/site/trunk/index-1.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index-1.html?rev=1805106&view=auto
==============================================================================
--- ignite/site/trunk/index-1.html (added)
+++ ignite/site/trunk/index-1.html Tue Aug 15 17:11:12 2017
@@ -0,0 +1,486 @@
+<!--
+ ▄▄▄       ██▓███   ▄▄▄       ▄████▄   ██░ ██ ▓█████     ██▓  ▄████  ███▄    █  ██▓▄▄▄█████▓▓█████
+▒████▄    ▓██░  ██▒▒████▄    ▒██▀ ▀█  ▓██░ ██▒▓█   ▀    ▓██▒ ██▒ ▀█▒ ██ ▀█   █ ▓██▒▓  ██▒ ▓▒▓█   ▀
+▒██  ▀█▄  ▓██░ ██▓▒▒██  ▀█▄  ▒▓█    ▄ ▒██▀▀██░▒███      ▒██▒▒██░▄▄▄░▓██  ▀█ ██▒▒██▒▒ ▓██░ ▒░▒███
+░██▄▄▄▄██ ▒██▄█▓▒ ▒░██▄▄▄▄██ ▒▓▓▄ ▄██▒░▓█ ░██ ▒▓█  ▄    ░██░░▓█  ██▓▓██▒  ▐▌██▒░██░░ ▓██▓ ░ ▒▓█  ▄
+ ▓█   ▓██▒▒██▒ ░  ░ ▓█   ▓██▒▒ ▓███▀ ░░▓█▒░██▓░▒████▒   ░██░░▒▓███▀▒▒██░   ▓██░░██░  ▒██▒ ░ ░▒████▒
+ ▒▒   ▓▒█░▒▓▒░ ░  ░ ▒▒   ▓▒█░░ ░▒ ▒  ░ ▒ ░░▒░▒░░ ▒░ ░   ░▓   ░▒   ▒ ░ ▒░   ▒ ▒ ░▓    ▒ ░░   ░░ ▒░ ░
+  ▒   ▒▒ ░░▒ ░       ▒   ▒▒ ░  ░  ▒    ▒ ░▒░ ░ ░ ░  ░    ▒ ░  ░   ░ ░ ░░   ░ ▒░ ▒ ░    ░     ░ ░  ░
+  ░   ▒   ░░         ░   ▒   ░         ░  ░░ ░   ░       ▒ ░░ ░   ░    ░   ░ ░  ▒ ░  ░         ░
+      ░  ░               ░  ░░ ░       ░  ░  ░   ░  ░    ░        ░          ░  ░              ░  ░
+-->
+
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+    <link rel="canonical" href="https://ignite.apache.org/" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
+    <title>Open Source In-Memory Computing Platform - Apache Ignite</title>
+    <link media="all" rel="stylesheet" href="css/all.css?v=1.8">
+    <link href="https://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'>
+
+    <!--#include virtual="/includes/sh.html" -->
+</head>
+<body>
+<div id="ignite-header">
+    <!--#include virtual="/includes/header.html" -->
+</div>
+
+<div id="wrapper">
+    <div id="main-banner" class="main-banner" style="background: url(../images/bannerwithdots.png) no-repeat center/cover;">
+        <div class="container">
+            <div class="row">
+                <div id="banner" class="banner">
+                    <div class="col-md-12 col-sm-12 col-xs-12">
+                        <h2 style="padding-top: 60px;">IN-MEMORY <span style="color:#f00;">PERFORMANCE</span></h2>
+                        <h2><span style="color:#f00;">DURABILITY</span> OF DISK</h2>
+                        <a href="/whatisignite.html">
+                            <div class="banner-learn-more">
+                                <p>What is Ignite?</p>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<div class="github-stats-bar">
+    <div class="container" style="text-align: center;">
+        <div class="row">
+            <div class="col-sm-12 col-md-6 col-xs-12 github-stats" >
+                <a style="color: white;" href=" https://github.com/apache/ignite"><i class="fa fa-github fa-2x github-image" aria-hidden="true"></i></a>
+                <!-- Github Stargazers -->
+                <a class="github-button" href="https://github.com/apache/ignite" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star apache/ignite on GitHub">Star</a>
+
+                <!-- Github Fork -->
+                <a class="github-button" href="https://github.com/apache/ignite/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork apache/ignite on GitHub">Fork</a>
+
+                <!-- Github Watch -->
+                <a class="github-button" href="https://github.com/apache/ignite/subscription" data-icon="octicon-eye" data-size="large" data-show-count="true" aria-label="Watch apache/ignite on GitHub">Watch</a>
+
+            </div>
+            <div class="col-sm-12 col-md-6 col-xs-12 twitter-follow">
+                <a href="https://twitter.com/ApacheIgnite" class="twitter-follow-button" data-show-count="true">Follow @ApacheIgnite</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+<main id="main" role="main" class="container">
+    <div class="section-heading" style="padding-top:30px;">
+        <h2>KEY FEATURES</h2>
+        <hr>
+    </div>
+
+    <section id="features" class="page-section" style=" border: none;">
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-left">
+            <a href="/features/durablememory.html" title="Apache Ignite is Memory-Centric">
+                <div class="durable-memory-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Durable Memory</h2>
+                </div>
+            </a>
+            <p>
+                Store and process distributed data <br/>in memory and on disk
+            </p>
+
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-center">
+            <a href="/features/sql.html" title="IMDB Capabilities with the Apache Ignite In-Memory SQL Grid">
+                <div class="distributed-sql-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Distributed SQL</h2>
+                </div>
+            </a>
+            <p>
+                SQL database with support for distributed joins
+            </p>
+
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-right">
+            <a href="https://apacheignite.readme.io/docs/transactions" title="ACID compliant transactions ensuring guaranteed consistency" target="_blank">
+                <div class="acid-transactions-panel">
+                    <p class="feature-icon"></p>
+                    <h2>ACID Transactions</h2>
+                </div>
+            </a>
+            <p>
+                Enforce full ACID compliance across distributed data sets
+            </p>
+
+        </div>
+        <p style="margin:0;">&nbsp;</p>
+    </section>
+    <section id="features-2" class="page-section" style="border:none; padding-top:110px;">
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-left">
+            <hr>
+            <a href="features/datagrid.html" title="Apache Ignite is an In-Memory Key Value Store">
+                <div class="key-value-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Key-Value</h2>
+                </div>
+            </a>
+            <p>
+                Read, write, and transact on a partitioned data grid
+            </p>
+
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-center">
+            <hr>
+            <a href="/features/computegrid.html" title="Collocate computations with data using Apache Ignite">
+                <div class="collocated-processing-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Collocated Processing</h2>
+                </div>
+            </a>
+            <p>
+                Avoid data noise by sending computations to cluster nodes
+            </p>
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-right">
+            <hr>
+            <a href="/features/machinelearning.html" title="Apache Ignite supports machine learning capabilities">
+                <div class="machine-learning-panel">
+                    <p class="feature-icon"></p>
+                    <h2>Machine Learning <sup><span style="font-size: 16px;">&beta;eta</span></sup></h2>
+                </div>
+            </a>
+            <p>
+                Train and deploy distributed machine learning models
+            </p>
+        </div>
+        <p style="margin:0;">&nbsp;</p>
+    </section>
+
+    <div id="comparison-matrix" class="section-heading">
+        <h2>HOW IGNITE COMPARES</h2>
+        <hr>
+    </div>
+    <section id="comparison-matrix-section" class="page-section" style="border: none">
+        <table class="comparison-matrix" name="comparison-matrix">
+            <thead>
+            <tr><th>Feature</th><th>RDBMS</th><th>NoSQL</th><th>IMDG</th><th>Ignite</th></tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td>Scalability</td>
+                <td><span class="cross-mark">&#x2717;</span> vertical</td>
+                <td><span class="check-mark">&#x2713;</span> horizontal</td>
+                <td><span class="check-mark">&#x2713;</span> horizontal</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> horizontal</b></td>
+            </tr>
+            <tr>
+                <td>Availability</td>
+                <td><span class="cross-mark">&#x2717;</span> failover only</td>
+                <td><span class="check-mark">&#x2713;</span> high</td>
+                <td><span class="check-mark">&#x2713;</span> high</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> high</b></td>
+            </tr>
+            <tr>
+                <td>Consistency</td>
+                <td><span class="check-mark">&#x2713;</span> strong</td>
+                <td><span class="cross-mark">&#x2717;</span> eventual</td>
+                <td><span class="check-mark">&#x2713;</span> strong</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> strong</b></td>
+            </tr>
+            <tr>
+                <td>In-Memory</td>
+                <td><span class="check-mark">&#x2713;</span> caching only</td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="check-mark">&#x2713;</span> in-memory store</td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span> in-memory store</b></td>
+            </tr>
+            <tr>
+                <td>Persistence</td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            <tr>
+                <td>SQL</td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            <tr>
+                <td>Key-Value</td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            <tr>
+                <td>Collocated Processing</td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="cross-mark">&#x2717;</span></td>
+                <td><span class="check-mark">&#x2713;</span></td>
+                <td class="highlight-ignite-comparison"><span class="check-mark">&#x2713;</span></b></td>
+            </tr>
+            </tbody>
+        </table>
+
+        <table class="comparison-matrix-mobile" name="comparison-matrix-sm">
+            <thead>
+            <tr><th>Scalability</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="cross-mark">&#x2717;</span> vertical</span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="check-mark">&#x2713;</span> horizontal</span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="check-mark">&#x2713;</span> horizontal</span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span> <b>horizontal</b></span></td></tr>
+            </tbody>
+            <thead>
+            <tr><th>Availability</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="cross-mark">&#x2717;</span> failover only</span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="check-mark">&#x2713;</span> high</span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="check-mark">&#x2713;</span> high</span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span> <b>high</b></span></td></tr>
+            </tbody>
+            <thead>
+            <tr><th>Consistency</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="check-mark">&#x2713;</span> strong</span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="cross-mark">&#x2717;</span> eventual</span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="check-mark">&#x2713;</span> strong</span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span> <b>strong</b></span></td></tr>
+            </tbody>
+            <thead>
+            <tr><th>In-Memory</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="check-mark">&#x2713;</span> caching only</span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="check-mark">&#x2713;</span> in-memory store</span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span> <b>in-memory store</b></span></td></tr>
+            </tbody>
+            <thead>
+            <tr><th>Persistence</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            </tbody>
+            <thead>
+            <tr><th>SQL</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            </tbody>
+            <thead>
+            <tr><th>Key-Value</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            </tbody>
+            <thead>
+            <tr><th>Collocated-Processing</th></tr>
+            </thead>
+            <tbody>
+            <tr><td><span class="left">RDBMS</span><span class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+            <tr><td><span class="left">NoSQL</span><span class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+            <tr><td><span class="left">IMDG</span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            <tr class="ignite"><td><span class="left"><b>Ignite</b></span><span class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+            </tbody>
+        </table>
+    </section>
+
+    <div id="screencast" class="section-heading">
+        <h2>SCREENCASTS</h2>
+        <hr>
+    </div>
+    <section id="screencast-section" class="page-section" style="border: none; padding-top: 140px;">
+        <div class="col-sm-12 col-md-4 col-xs-12 screencast-left" >
+            <div class="relative">
+                <!-- Trigger Modal -->
+                <a href="#sql-modal" data-toggle="modal"><img src="/images/video-screen-2.png" width="300" height="180">
+                    <p class="video-image-text">DISTRIBUTED SQL <br/>QUERIES </p></a>
+            </div>
+            <span class="screencast-duration">03:27</span>
+
+            <!-- Modal HTML -->
+            <div id="sql-modal" class="modal fade">
+                <div class="modal-dialog">
+                    <div class="modal-content video-modal-content" >
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                            <h4 class="modal-title">Apache Ignite Distributed SQL Queries</h4>
+                        </div>
+                        <div class="modal-body">
+                            <iframe id="sql" width="668" height="400" src="https://www.youtube.com/embed/eZUujozYt-g" frameborder="0" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-12 col-md-4 col-xs-12 screencast-center">
+            <div class="relative">
+                <!-- Trigger Modal -->
+                <a href="#data-grid-modal" data-toggle="modal"><img src="/images/video-screen-2.png" width="300" height="180">
+                    <p class="video-image-text">KEY-VALUE OPERATIONS<br/>AND ACID TRANSACTIONS </p></a>
+            </div>
+            <span class="screencast-duration">03:49</span>
+
+            <!-- Modal HTML -->
+            <div id="data-grid-modal" class="modal fade">
+                <div class="modal-dialog">
+                    <div class="modal-content video-modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                            <h4 class="modal-title">Apache Ignite Distributed Cache Operations and Transactions</h4>
+                        </div>
+                        <div class="modal-body">
+                            <iframe id="data-grid" width="668" height="400" src="https://www.youtube.com/embed/pFbDWpOiMOU" frameborder="0" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-12 col-md-4 col-xs-12 screencast-right">
+            <div class="relative">
+                <!-- Trigger Modal -->
+                <a href="#clustering-modal" data-toggle="modal"><img src="/images/video-screen-2.png" width="300" height="180">
+                    <p class="video-image-text">GETTING STARTED<br/> WITH COMPUTE GRID</p></a>
+            </div>
+            <span class="screencast-duration">03:50</span>
+            <!-- Modal HTML -->
+            <div id="clustering-modal" class="modal fade">
+                <div class="modal-dialog">
+                    <div class="modal-content video-modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                            <h4 class="modal-title">Apache Ignite Advanced Clustering</h4>
+                        </div>
+                        <div class="modal-body">
+                            <iframe id="clustering" width="668" height="400" src="https://www.youtube.com/embed/J775J77_-B8" frameborder="0" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <p>&nbsp;</p>
+    </section>
+    <div id="news"class="section-heading">
+        <h2>LATEST NEWS</h2>
+        <hr>
+    </div>
+    <section id="events-tweets" class="page-section" style="border: none; padding-top: 140px;">
+        <div class="col-sm-8 col-md-8 col-xs-12 social-media">
+            <h3><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;Upcoming Events</h3>
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Aug 16</div>
+                </div>
+                <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                    <a href="https://register.gotowebinar.com/register/2423316315303466241" target="_blank" class="event-link">
+                        Introduction to Apache Ignite, a memory-centric distributed platform</a><br/>
+                    <span class="event-details">Webinar, Akmal Chaudhri</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Aug 02</div>
+                    <hr class="vertical"> <!-- extra hr tag to increase the length of the vertical line -->
+                </div>
+                <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                    <a href="https://www.gridgain.com/resources/webinars/building-consistent-and-highly-available-distributed-systems-apacher-ignitetm" target="_blank" class="event-link">
+                        Building Consistent and Highly Available Distributed Systems with Apache® Ignite™</a><br/>
+                    <span class="event-details">Webinar, Valentin Kulichenko</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Jul&nbsp; 27</div>
+                </div>
+                <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                    <a href="https://www.meetup.com/Bay-Area-In-Memory-Computing/events/241381155/" target="_blank" class="event-link">
+                        Diving into the internals of Apache Ignite's memory architecture</a><br/>
+                    <span class="event-details">Meetup, Bay Area In-Memory Computing, Speaker - Denis Magda</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Jul&nbsp; 26</div>
+                </div>
+                <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                    <a href="https://www.meetup.com/Brighton-Java/events/241395191/" target="_blank" class="event-link">
+                        An Intro to Apache Ignite, the Memory-centric Distributed Platform</a><br/>
+                    <span class="event-details">Meetup, Brighton, UK, Speaker - Akmal Chaudhri</span>
+                </div>
+            </div>
+            <hr class="vertical">
+            <div class="row event-row">
+                <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                    <div class="event-date">Jul&nbsp; 19</div>
+                </div>
+
+                <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                    <a href="https://www.gridgain.com/resources/webinars/distributed-acid-transactions-apache-ignite" target="_blank" class="event-link">
+                        Distributed ACID Transactions in Apache Ignite</a><br/>
+                    <span class="event-details">Webinar, Akmal Chaudhri</span>
+                </div>
+            </div>
+
+            <p style="margin-top: 10px;"><a href="/events.html">Read more</a></p>
+        </div>
+        <div class="col-sm-4 col-md-4 col-xs-12 social-media">
+            <h3><i class="fa fa-twitter" aria-hidden="true"></i>&nbsp;Tweets</h3>
+            <div class="pre-scrollable">
+                <a class="twitter-timeline timeline-Tweet-text" href="https://twitter.com/ApacheIgnite" data-chrome="noheader noborders" data-tweet-limit="6" data-cards="hidden">Tweets by ApacheIgnite</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+            </div>
+        </div>
+        <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+        <p>&nbsp;</p>
+    </section>
+</main>
+
+<!--#include virtual="/includes/footer.html" -->
+</div>
+<!--#include virtual="/includes/scripts.html" -->
+<!--
+<script type="text/javascript" src="js/jquery.main.js"></script>
+-->
+</body>
+</html>

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1805106&r1=1805105&r2=1805106&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Tue Aug 15 17:11:12 2017
@@ -1069,7 +1069,7 @@ section.page-subsection {
     color: $white;
     z-index: 9;
     position: relative;
-    background: url(../images/1.png) no-repeat center/cover;
+    background: url(../images/bannernodots.png) no-repeat center/cover;
     @include transition(all, 0.2s, linear);
 
     @media (max-width: $tablet) {
@@ -1089,8 +1089,8 @@ section.page-subsection {
 
 
     h2 {
-        font-size: 50px;
-        line-height: 50px;
+        font-size: 35px;
+        line-height: 35px;
         letter-spacing: 1.1px;
         font-weight: 400;
         margin: 0 0 15px;
@@ -1103,8 +1103,8 @@ section.page-subsection {
         }
 
         & > span {
-            font-size: 50px;
-            line-height: 50px;
+            font-size: 35px;
+            line-height: 35px;
             font-weight: 400;
 
             @media (max-width: $mobile) {