Author: dmagda Date: Sat Jul 15 01:05:30 2017 New Revision: 1802002 URL: http://svn.apache.org/viewvc?rev=1802002&view=rev Log: new front page
Added: ignite/site/trunk/features/persistence.html ignite/site/trunk/images/apache-ignite-cluster.png (with props) ignite/site/trunk/images/check_pointing-2.png (with props) ignite/site/trunk/index-6.html Modified: ignite/site/trunk/css/all.css ignite/site/trunk/download.html ignite/site/trunk/features/streaming.html ignite/site/trunk/includes/header-1.html 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=1802002&r1=1802001&r2=1802002&view=diff ============================================================================== --- ignite/site/trunk/css/all.css (original) +++ ignite/site/trunk/css/all.css Sat Jul 15 01:05:30 2017 @@ -7646,6 +7646,8 @@ div.toolbar { div, p, h1, h2, h3, span, body, html, ul, li { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; + font-weight: 300; + letter-spacing: 0.2px; } .carousel { @@ -7668,12 +7670,26 @@ div, p, h1, h2, h3, span, body, html, ul h3, .h3 { font-size: 22px; color: #333; + font-weight: 400; +} + +h4, b { + font-weight: 400; } p { line-height: 1.2em; color: #333; font-size: 18px; + font-weight: 300; + letter-spacing: 0.2px; +} + +a { + color: #f00; + text-decoration: none; + font-weight: 300; + letter-spacing: 0.2px; } sup, sub { @@ -7844,6 +7860,7 @@ section.page-section h1, section.page-se color: #333; padding: 0 0 15px 0; text-align: left; + font-weight: 400; } section.page-section h1 { font-size: 32px; @@ -7875,7 +7892,7 @@ section.page-section div.page-links { } section.page-section div.page-heading { padding-top: 10px; - font-weight: 700; + font-weight: 400; padding-bottom: 10px; } section.page-section .code-examples { @@ -7987,7 +8004,7 @@ table.overview > thead > tr { table.overview > thead > tr > th { color: #000; font-size: 21px !important; - font-weight: bold; + font-weight: 400; border: none !important; padding: 20px !important; } @@ -8003,7 +8020,6 @@ table.overview > tbody > tr:nth-child(ev table.overview > tbody > tr > td { border: none !important; font-size: 18px !important; - font-weight: 400; } table.overview > tbody > tr > td > p { margin-top: 8px; @@ -8020,6 +8036,7 @@ table.formatted { border: 1px solid #ddd !important; margin-bottom: 40px; position: relative; + letter-spacing: 0.2px; } table.formatted > thead > tr { background: #cfcfcf; @@ -8029,9 +8046,11 @@ table.formatted > thead > tr > th { color: #000; font-weight: bold; border: none !important; + font-weight: 400; } table.formatted > thead > tr .left { padding-left: 20px !important; + font-weight: 400; } table.formatted > tbody > tr:nth-child(even) { background: #f5f5f5; @@ -8058,6 +8077,7 @@ table.formatted > tbody > tr > td > p { table.formatted > tbody > tr .left { font-weight: bold; padding-left: 20px !important; + font-weight: 400; } @media (max-width: 767px) { table.formatted > tbody { @@ -8310,7 +8330,7 @@ tr.sub-heading > th { background: #cfcfcf !important; border: 1px solid #cfcfcf !important; color: #000; - font-weight: bold; + font-weight: 400; } .feature-section { @@ -8328,7 +8348,7 @@ tr.sub-heading > th { .features-left { padding-left: 20px !important; - font-weight: bold; + font-weight: 400; width: 35%; } @@ -8571,10 +8591,10 @@ section.page-subsection { padding: 50px 0 0; } .main-banner h2 { - font-size: 27px; - line-height: 27px; + font-size: 30px; + line-height: 30px; letter-spacing: 1.1px; - font-weight: 300; + font-weight: 400; margin: 0 0 15px; text-align: left; } @@ -8593,7 +8613,7 @@ section.page-subsection { } .main-banner h2 > span { font-size: 27px; - font-weight: 300; + font-weight: 400; } @media (max-width: 992px) { .main-banner h2 > span { @@ -8622,9 +8642,9 @@ section.page-subsection { font-weight: 300; } .main-banner .main-image { - padding-top: 10px; - padding-left: 65px; + padding-left: 10px; padding-right: 0px; + margin-top: 10px; } @media (max-width: 992px) { .main-banner .main-image { @@ -8664,7 +8684,7 @@ section.page-subsection { .feature-box h2 { text-align: center !important; - font-weight: 300; + font-weight: 300 !important; } .feature-box h2:hover { color: #e50000; @@ -8754,24 +8774,36 @@ hr { } .banner-learn-more { - border: white solid 1px; - width: 120px; + width: 125px; text-align: center; - font-weight: 300; + border-radius: 2px; + background: #ef0000; letter-spacing: 1.1px; - margin-top: 20px; + margin-top: 50px; + transition: background-color 0.2s linear; + -moz-transition: background-color 0.2s linear; + -webkit-transition: background-color 0.2s linear; + -ms-transition: background-color 0.2s linear; + -o-transition: background-color 0.2s linear; + /* + &:hover { + border: $red solid 1px; + + p { + color: $red; + } + }*/ } .banner-learn-more p { color: #fff; font-size: 18px !important; margin-bottom: 0px; padding-bottom: 10px; + font-weight: 400; } .banner-learn-more:hover { - border: #f00 solid 1px; -} -.banner-learn-more:hover p { - color: #f00; + background-color: #941d15 !important; + color: white !important; } table.comparison-matrix { @@ -8799,6 +8831,7 @@ table.comparison-matrix > tbody > tr { table.comparison-matrix > tbody > tr > td { border: none !important; font-weight: 300; + letter-spacing: 0.2px; } table.comparison-matrix > tbody > tr > td > p { margin-top: 8px; @@ -8869,10 +8902,12 @@ table.comparison-matrix > tbody > tr .le color: #393939; margin-bottom: 0px; padding-top: 5px; + font-weight: 400; } .news-announcement p a { color: #393939; text-decoration: underline; + font-weight: 400; } a.social-media-bar { Modified: ignite/site/trunk/download.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/download.html?rev=1802002&r1=1802001&r2=1802002&view=diff ============================================================================== --- ignite/site/trunk/download.html (original) +++ ignite/site/trunk/download.html Sat Jul 15 01:05:30 2017 @@ -570,7 +570,7 @@ under the License. signatures of the downloaded files before opening them.</p> <p>For more information about Apache release policy see <a href="http://www.apache.org/dev/release.html#what">What is a Release?</a></p> - <div class="page-heading">In-Memory Data Fabric:</div> + <div class="page-heading">Memory-Centric Platform:</div> <table class="formatted"> <thead> <tr><th>Version</th><th>Docs</th><th>Release Notes</th><th>Date</th><th>Binary</th></tr> Added: ignite/site/trunk/features/persistence.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/persistence.html?rev=1802002&view=auto ============================================================================== --- ignite/site/trunk/features/persistence.html (added) +++ ignite/site/trunk/features/persistence.html Sat Jul 15 01:05:30 2017 @@ -0,0 +1,93 @@ +<!-- +âââ ââââââ âââ ââââââ âââ ââ ââââââ âââ âââââ ââââ â ââââââââââââââââââ +ââââââ ââââ âââââââââ ââââ ââ ââââ âââââ â ââââ âââ âââ ââ ââ â âââââ âââ ââââ â +âââ âââ ââââ âââââââ âââ âââ â ââââââââââââ âââââââââââââââ ââ ââââââââ ââââ ââââââ +âââââââââ âââââââ ââââââââââ ââââ âââââââ âââ âââ â âââââââ âââââââ ââââââââââ ââââ â âââ â +ââ ââââââââ â â ââ âââââ âââââ ââââââââââââââââ ââââââââââââââââ ââââââââ ââââ â âââââââ +ââ ââââââââ â â ââ âââââ ââ â â â âââââââ ââ â ââ ââ â â ââ â â ââ â ââ ââ ââ â + â ââ âââ â â ââ â â â â âââ â â â â â â â â â ââ â ââ â â â â â â + â â ââ â â â â ââ â â â ââ â â â â â â â â â + â â â ââ â â â â â â â â â â â â +--> + +<!-- +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 +"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/features/deploy.html" /> + <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>Peristence - Apache Ignite</title> + <link media="all" rel="stylesheet" href="/css/all.css?v=1.6"> + <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="wrapper"> + <!--#include virtual="/includes/header.html" --> + + <main id="main" role="main" class="container"> + <section id="igfs" class="page-section"> + <h1 class="first">Ignite Peristence</h1> + <div class="col-sm-12 col-md-12 col-xs-12" style="padding-left:0; padding-right:0; margin-bottom: 20px;"> + <div class="col-sm-6 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;"> + <p>Ignite Persistent Store is a distributed ACID and SQL-compliant disk store that transparently integrates with Ignite's + durable memory as an optional disk layer storing data and indexes on SSD, Flash, 3D XPoint, and other types of non-volatile storages.</p> + <p> + With persistent store enabled, you no longer need to keep all the data and indexes in memory or warm it up after a node or cluster restart because + Apache Durable Memory is tightly coupled with the Persistent Store and treats it as a secondary storage. This implies that if a subset of data or an + index is missing in RAM, the durable memory will take it from disk. + </p> + + </div> + <div class="col-sm-6 col-md-5 col-xs-12" style="padding-right:0;"> + <img class="img-responsive" src="/images/check_pointing-2.png" width="350px" style="float:right;"/> + </div> + </div> + <p> + Apache Ignite Persistent Store has the following advantages over 3rd party stores (RDBMS, NoSQL, Hadoop) + that can be used as an alternative persistence layer for an Apache Ignite cluster: + </p> + <ul class="page-list" style="margin-bottom: 20px;"> + <li>Ability to execute SQL queries over the data that is both in memory and on disk which means that Apache Ignite can be used as a memory-optimized distributed SQL database.</li> + <li>No need to have all the data and indexes in memory. The Persistent Store allows storing a superset of data on disk and only most frequently used subsets in memory.</li> + <li>Instantaneous cluster restarts. If the whole cluster goes down there is no need to warm up the memory by preloading data from the Persistent Store. + The cluster becomes fully operational once all the cluster nodes are interconnected with each other.</li> + <li>Data and indexes are stored in a similar format both in memory and on disk that helps to avoid expensive transformations while the data sets are being moved between memory and disk.</li> + <li>An ability to create full and incremental cluster snapshots by plugging-in 3rd party solutions.</li> + </ul> + + + <p><a href="https://apacheignite.readme.io/v2.1/docs/distributed-persistent-store" target="_blank">Read more</a></p> + </section> + </main> + + <!--#include virtual="/includes/footer.html" --> +</div> +<!--#include virtual="/includes/scripts.html" --> +</body> +</html> Modified: ignite/site/trunk/features/streaming.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/streaming.html?rev=1802002&r1=1802001&r2=1802002&view=diff ============================================================================== --- ignite/site/trunk/features/streaming.html (original) +++ ignite/site/trunk/features/streaming.html Sat Jul 15 01:05:30 2017 @@ -56,7 +56,7 @@ under the License. <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0 0 20px 0;"> <div class="col-sm-6 col-md-7 col-xs-12" style="padding-left:0; padding-right:0"> <p> - Ignite streaming capabilities allows injesting never-ending streams of data in a scalable + Ignite streaming capabilities allows ingesting never-ending streams of data in a scalable and fault-tolerant fashion. The rates at which data can be injected into Ignite can be very high and easily exceed millions of events per second on a moderately sized cluster. </p> Added: ignite/site/trunk/images/apache-ignite-cluster.png URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/apache-ignite-cluster.png?rev=1802002&view=auto ============================================================================== Binary file - no diff available. Propchange: ignite/site/trunk/images/apache-ignite-cluster.png ------------------------------------------------------------------------------ svn:mime-type = application/octet-stream Added: ignite/site/trunk/images/check_pointing-2.png URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/check_pointing-2.png?rev=1802002&view=auto ============================================================================== Binary file - no diff available. Propchange: ignite/site/trunk/images/check_pointing-2.png ------------------------------------------------------------------------------ svn:mime-type = application/octet-stream Modified: ignite/site/trunk/includes/header-1.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/header-1.html?rev=1802002&r1=1802001&r2=1802002&view=diff ============================================================================== --- ignite/site/trunk/includes/header-1.html (original) +++ ignite/site/trunk/includes/header-1.html Sat Jul 15 01:05:30 2017 @@ -59,13 +59,13 @@ <li><a href="/features/datagrid.html">Data Grid</a></li> <li><a href="/features/computegrid.html">Compute Grid</a></li> <li><a href="/features/machinelearning.html">Machine Learning</a></li> - <li class="divider"></li> - <li role="presentation" class="submenu-header">Extended Features</li> - <li><a href="/features/servicegrid.html">Service Grid</a></li> - <li><a href="/features/streaming.html">Fast Data Ingest</a></li> - <li><a href="/features/rdbmsintegration.html">External RDBMS Integration</a></li> - <li><a href="/features/datastructures.html">Data Structures</a></li> - <li><a href="/features/messaging.html">Messaging & Events</a></li> + <!--<li class="divider"></li>--> + <!--<li role="presentation" class="submenu-header">Extended Features</li>--> + <!--<li><a href="/features/servicegrid.html">Service Grid</a></li>--> + <!--<li><a href="/features/streaming.html">Fast Data Ingest</a></li>--> + <!--<li><a href="/features/rdbmsintegration.html">External RDBMS Integration</a></li>--> + <!--<li><a href="/features/datastructures.html">Data Structures</a></li>--> + <!--<li><a href="/features/messaging.html">Messaging & Events</a></li>--> <li class="divider"></li> <li role="presentation" class="submenu-header">Tooling</li> <li><a href="/features/datavisualization.html">Ignite Web Console</a></li> @@ -169,7 +169,7 @@ </ul> </li> <li class="dropdown"> - <a class="download-button-dropdown" href="/download.cgi">Download<span class="caret"></span></a> + <a class="download-button-dropdown" style="font-weight: 400;" href="/download.cgi">Download<span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="/download.cgi#sources">Source Releases</a></li> <li class="divider"></li> Added: ignite/site/trunk/index-6.html URL: http://svn.apache.org/viewvc/ignite/site/trunk/index-6.html?rev=1802002&view=auto ============================================================================== --- ignite/site/trunk/index-6.html (added) +++ ignite/site/trunk/index-6.html Sat Jul 15 01:05:30 2017 @@ -0,0 +1,424 @@ +<!-- + âââ ââââââ âââ ââââââ âââ ââ ââââââ âââ âââââ ââââ â ââââââââââââââââââ +ââââââ ââââ âââââââââ ââââ ââ ââââ âââââ â ââââ âââ âââ ââ ââ â âââââ âââ ââââ â +âââ âââ ââââ âââââââ âââ âââ â ââââââââââââ âââââââââââââââ ââ ââââââââ ââââ ââââââ +âââââââââ âââââââ ââââââââââ ââââ âââââââ âââ âââ â âââââââ âââââââ ââââââââââ ââââ â âââ â + ââ ââââââââ â â ââ âââââ âââââ ââââââââââââââââ ââââââââââââââââ ââââââââ ââââ â âââââââ + ââ ââââââââ â â ââ âââââ ââ â â â âââââââ ââ â ââ ââ â â ââ â â ââ â ââ ââ ââ â + â ââ âââ â â ââ â â â â âââ â â â â â â â â â ââ â ââ â â â â â â + â â ââ â â â â ââ â â â ââ â â â â â â â â â + â â â ââ â â â â â â â â â â â â +--> + +<!-- +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.6"> + <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="wrapper"> + <!--#include virtual="/includes/header-1.html" --> + + + <div id="main-banner" class="main-banner"> + <div class="container"> + <div class="row"> + <div id="banner" class="banner"> + <div class="col-md-6 col-sm-12 col-xs-12"> + <h2 style="padding-top: 60px;"><span style="color:#f00">IN-MEMORY</span> PERFORMANCE</h2> + <h2>WITH <span style="color:#f00">DURABILITY</span> OF DISK</h2> + <!--<h2>Ignite is a <span style="color:#f00">memory-centric</span> platform</h2>--> + <!--<ul class="banner-list">--> + <!--<li><p>combining a distributed <span style="color:#f00">SQL</span> database</p></li>--> + <!--<li><p>with a <span style="color:#f00">key-value</span> data grid</p></li>--> + <!--<li><p>that is <span style="color:#f00">ACID</span>-compliant</p></li>--> + <!--<li><p>and horizontally <span style="color:#f00">scalable</span></p></li>--> + <!--</ul>--> + <a href=""> + <div class="banner-learn-more"> + <p>READ MORE</p> + </div> + </a> + </div> + <div class="col-md-6 col-sm-12 col-xs-12 main-image"> + <div><a href="/index.html"><img src="/images/apache-ignite-cluster.png" width="450" height="240" alt="ApacheIgnite"></a></div> + </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" > + <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-style="mega" 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-style="mega" 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-style="mega" data-show-count="true" aria-label="Watch apache/ignite on GitHub">Watch</a> + + <!--<a class="social-media-bar" href="https://twitter.com/ApacheIgnite" target="_blank"><i class="fa fa-twitter social-media-icon" aria-hidden="true"></i><span> Twitter</span></a>--> + </div> + <div class="col-sm-12 col-md-6 col-xs-12" style="padding-top: 5px; text-align: right; padding-right:50px;"> + + <!--<a class="social-media-bar" href="/news.html"><i class="fa fa-newspaper-o social-media-icon" aria-hidden="true"></i><span> News</span></a>--> + + <!--<a class="social-media-bar" href="/blogs.html"><i class="fa fa-rss social-media-icon" aria-hidden="true"></i><span> Blog</span></a>--> + <a href="https://twitter.com/ApacheIgnite" class="twitter-follow-button twitter-follow" 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> MAIN 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> + <hr> + </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> + <hr> + </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> + <hr> + </div> + <p style="margin:0;"> </p> + </section> + <section id="features-2" class="page-section" style="border:none; padding-top:130px;"> + + <div class="col-sm-4 col-md-4 col-xs-12 feature-box feature-box-left"> + <a href="/use-cases/caching/key-value-store.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"> + <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"> + <a href="" 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;">βeta</span></sup></h2> + </div> + </a> + <p> + Train and deploy distributed machine learning models + </p> + </div> + <p style="margin:0;"> </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">✗</span> vertical</td> + <td><span class="check-mark">✓</span> horizontal</td> + <td><span class="check-mark">✓</span> horizontal</td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> horizontal</b></td> + </tr> + <tr> + <td>Availability</td> + <td><span class="cross-mark">✗</span> failover only</td> + <td><span class="check-mark">✓</span> high</td> + <td><span class="check-mark">✓</span> high</td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> high</b></td> + </tr> + <tr> + <td>Consistency</td> + <td><span class="check-mark">✓</span> strong</td> + <td><span class="cross-mark">✗</span> eventual</td> + <td><span class="check-mark">✓</span> strong</td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> strong</b></td> + </tr> + <tr> + <td>In-Memory</td> + <td><span class="check-mark">✓</span> caching only</td> + <td><span class="cross-mark">✗</span></td> + <td><span class="check-mark">✓</span> in-memory store</td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span> in-memory store</b></td> + </tr> + <tr> + <td>Persistence</td> + <td><span class="check-mark">✓</span></td> + <td><span class="check-mark">✓</span></td> + <td><span class="cross-mark">✗</span></td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span></b></td> + </tr> + <tr> + <td>SQL</td> + <td><span class="check-mark">✓</span></td> + <td><span class="cross-mark">✗</span></td> + <td><span class="cross-mark">✗</span></td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span></b></td> + </tr> + <tr> + <td>Key-Value</td> + <td><span class="cross-mark">✗</span></td> + <td><span class="check-mark">✓</span></td> + <td><span class="check-mark">✓</span></td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span></b></td> + </tr> + <tr> + <td>Collocated Processing</td> + <td><span class="cross-mark">✗</span></td> + <td><span class="cross-mark">✗</span></td> + <td><span class="check-mark">✓</span></td> + <td class="highlight-ignite-comparison"><span class="check-mark">✓</span></b></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: 120px;"> + <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 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> </p> + </section> + <div id="news"class="section-heading"> + <h2>LATEST NEWS</h2> + <hr> + </div> + <section id="events-tweets" class="page-section"> + <div class="col-sm-6 col-md-8 col-xs-12 social-media"> + <h3><i class="fa fa-calendar" aria-hidden="true"></i> Upcoming Events</h3> + <div id="event1" class="row event-row"> + <div class="col-sm-6 col-md-2 col-xs-12 event-date-col"> + <div class="event-date">Jun 06</div> + </div> + + <div class="col-sm-6 col-md-10 col-xs-12"> + <a href="Turbocharge your SQL queries in-memory with Apache® Igniteâ¢" target="_blank" class="event-link"> + Ignite & Spark: This is Where Fast Data Meets the IoT</a><br/> + <span class="event-details">Meetup, Amsterdam, Netherlands, 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">May 15</div> + </div> + <div class="col-sm-6 col-md-10 col-xs-12"> + <a href="Turbocharge your SQL queries in-memory with Apache® Igniteâ¢" target="_blank" class="event-link"> + Getting Started With Apache Ignite (Part 2)</a><br/> + <span class="event-details">Meetup, 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">Apr 24</div> + </div> + <div class="col-sm-6 col-md-10 col-xs-12"> + <a href="Turbocharge your SQL queries in-memory with Apache® Igniteâ¢" target="_blank" class="event-link"> + Turbocharge your SQL queries in-memory with Apache® Igniteâ¢</a><br/> + <span class="event-details">Meetup, Amsterdam, Netherlands, 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">Jun 06</div> + </div> + + <div class="col-sm-6 col-md-10 col-xs-12 "> + <a href="Turbocharge your SQL queries in-memory with Apache® Igniteâ¢" target="_blank" class="event-link"> + Ignite & Spark: This is Where Fast Data Meets the IoT</a><br/> + <span class="event-details">Meetup, Amsterdam, Netherlands, 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">Jun 06</div> + </div> + + <div class="col-sm-6 col-md-10 col-xs-12"> + <a href="Turbocharge your SQL queries in-memory with Apache® Igniteâ¢" target="_blank" class="event-link"> + Ignite & Spark: This is Where Fast Data Meets the IoT</a><br/> + <span class="event-details">Meetup, Amsterdam, Netherlands, Speaker - Denis Magda</span> + </div> + </div><br/> + <p><a href="/news.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> 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> </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> \ No newline at end of file Modified: ignite/site/trunk/scss/ignite.scss URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1802002&r1=1802001&r2=1802002&view=diff ============================================================================== --- ignite/site/trunk/scss/ignite.scss (original) +++ ignite/site/trunk/scss/ignite.scss Sat Jul 15 01:05:30 2017 @@ -70,6 +70,8 @@ div.toolbar { div, p, h1, h2, h3, span, body, html, ul, li { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; + font-weight: 300; + letter-spacing: 0.2px; } .carousel { @@ -92,12 +94,26 @@ div, p, h1, h2, h3, span, body, html, ul h3, .h3 { font-size: 22px; color: #333; + font-weight: 400; +} + +h4, b { + font-weight: 400; } p { line-height: 1.2em; color: #333; font-size: 18px; + font-weight: 300; + letter-spacing: 0.2px; +} + +a { + color: #f00; + text-decoration: none; + font-weight: 300; + letter-spacing: 0.2px; } sup, sub { @@ -248,6 +264,7 @@ section.page-section { color: #333; padding: 0 0 15px 0; text-align: left; + font-weight: 400; } h1 { font-size: 32px; @@ -282,7 +299,7 @@ section.page-section { div.page-heading { padding-top: 10px; - font-weight: 700; + font-weight: 400; padding-bottom: 10px; } @@ -415,7 +432,7 @@ table.overview { & > th { color: #000; font-size: 21px !important; - font-weight: bold; + font-weight: 400; border: none !important; padding: 20px !important; } @@ -437,7 +454,7 @@ table.overview { & > td { border: none !important; font-size: 18px !important; - font-weight: 400; + & > p { margin-top :8px; @@ -460,6 +477,8 @@ table.formatted { margin-bottom: 40px; position: relative; + letter-spacing: 0.2px; + & > thead > tr { background: #cfcfcf; border: 1px solid #cfcfcf; @@ -468,9 +487,11 @@ table.formatted { color: #000; font-weight: bold; border: none !important; + font-weight: 400; } & .left { padding-left: 20px !important; + font-weight: 400; } } @@ -503,6 +524,7 @@ table.formatted { & .left { font-weight: bold; padding-left: 20px !important; + font-weight: 400; } } @@ -783,7 +805,7 @@ tr.sub-heading { background: #cfcfcf !important; border: 1px solid #cfcfcf !important; color: #000; - font-weight: bold; + font-weight: 400; } } @@ -803,7 +825,7 @@ tr.sub-heading { .features-left { padding-left: 20px !important; - font-weight: bold; + font-weight: 400; width :35%; } @@ -1043,10 +1065,10 @@ section.page-subsection { } h2 { - font-size:27px; - line-height:27px; + font-size:30px; + line-height:30px; letter-spacing: 1.1px; - font-weight: 300; + font-weight: 400; margin: 0 0 15px; text-align: left; @media (max-width: $tablet) { @@ -1061,7 +1083,7 @@ section.page-subsection { & > span { font-size:27px; - font-weight: 300; + font-weight: 400; @media (max-width: $tablet) { font-size: 25px; line-height: 25px; @@ -1096,9 +1118,9 @@ section.page-subsection { } .main-image { - padding-top: 10px; - padding-left: 65px; + padding-left: 10px; padding-right: 0px; + margin-top: 10px; @media (max-width: $tablet) { text-align: center } @@ -1141,7 +1163,7 @@ section.page-subsection { .feature-box { h2 { text-align: center !important; - font-weight: 300; + font-weight: 300 !important; &:hover { color: #e50000; @@ -1240,27 +1262,39 @@ hr { } .banner-learn-more { - border: white solid 1px; - width : 120px; + + width : 125px; text-align:center; - font-weight: 300; + border-radius: 2px; + background: #ef0000; letter-spacing: 1.1px; - margin-top:20px; + margin-top: 50px; p { color: #fff; font-size: 18px !important; margin-bottom: 0px; padding-bottom: 10px; + font-weight: 400; } + transition: background-color 0.2s linear; + -moz-transition: background-color 0.2s linear; + -webkit-transition: background-color 0.2s linear; + -ms-transition: background-color 0.2s linear; + -o-transition: background-color 0.2s linear; &:hover { + background-color: #941d15 !important; + color: white !important; + } + /* + &:hover { border: $red solid 1px; p { color: $red; } - } + }*/ } table.comparison-matrix { @@ -1291,6 +1325,7 @@ table.comparison-matrix { & > td { border: none !important; font-weight: 300; + letter-spacing: 0.2px; & > p { margin-top :8px; @@ -1365,10 +1400,12 @@ table.comparison-matrix { color: #393939; margin-bottom: 0px; padding-top: 5px; + font-weight:400; & a { color: #393939; text-decoration: underline; + font-weight:400; } } } @@ -1504,6 +1541,7 @@ a.timeline-Tweet-text { } h2 { color: #e50000; + } } }