You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@ignite.apache.org by dm...@apache.org on 2020/12/03 21:29:11 UTC
[ignite-website] branch ignite-13779 updated: initial rework of
features section on the homepage (#42)
This is an automated email from the ASF dual-hosted git repository.
dmagda pushed a commit to branch ignite-13779
in repository https://gitbox.apache.org/repos/asf/ignite-website.git
The following commit(s) were added to refs/heads/ignite-13779 by this push:
new 1da6dea initial rework of features section on the homepage (#42)
1da6dea is described below
commit 1da6dea3cec5f9408404f39e16f6bb992184d89b
Author: Mauricio Stekl <ma...@stekl.org>
AuthorDate: Thu Dec 3 18:29:00 2020 -0300
initial rework of features section on the homepage (#42)
---
css/ignite-redesign.css | 2 +-
css/prism.css | 422 +++++++++++++++++++++++-----------------
includes/footer.html | 2 +-
includes/scripts.html | 2 +-
includes/styles.html | 4 +-
index.html | 476 +++++++++++++++++++++++++++-------------------
js/prism.js | 25 ++-
scss/ignite-redesign.scss | 105 +++++-----
8 files changed, 610 insertions(+), 428 deletions(-)
diff --git a/css/ignite-redesign.css b/css/ignite-redesign.css
index dcd5e50..64a6e0d 100644
--- a/css/ignite-redesign.css
+++ b/css/ignite-redesign.css
@@ -1 +1 @@
-@charset "UTF-8";code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class [...]
\ No newline at end of file
+@charset "UTF-8";code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class [...]
\ No newline at end of file
diff --git a/css/prism.css b/css/prism.css
index 5e6b3f7..a6097b0 100644
--- a/css/prism.css
+++ b/css/prism.css
@@ -1,184 +1,250 @@
-/* PrismJS 1.20.0
-https://prismjs.com/download.html#themes=prism&languages=markup+clike+javascript+bash+java+sql&plugins=line-numbers+normalize-whitespace */
+/* PrismJS 1.22.0
+https://prismjs.com/download.html#themes=prism&languages=markup+clike+javascript+bash+c+csharp+cpp+java+sql&plugins=line-numbers+normalize-whitespace+toolbar+copy-to-clipboard */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
-code[class*="language-"],
-pre[class*="language-"] {
- color: black;
- background: none;
- text-shadow: 0 1px white;
- font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
- font-size: 1em;
- text-align: left;
- white-space: pre;
- word-spacing: normal;
- word-break: normal;
- word-wrap: normal;
- line-height: 1.5;
-
- -moz-tab-size: 4;
- -o-tab-size: 4;
- tab-size: 4;
-
- -webkit-hyphens: none;
- -moz-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
- text-shadow: none;
- background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
- text-shadow: none;
- background: #b3d4fc;
-}
-
-@media print {
- code[class*="language-"],
- pre[class*="language-"] {
- text-shadow: none;
- }
-}
-
-/* Code blocks */
-pre[class*="language-"] {
- padding: 1em;
- margin: .5em 0;
- overflow: auto;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
- background: #f9f9f9;
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
- padding: .1em;
- border-radius: .3em;
- white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
- color: slategray;
-}
-
-.token.punctuation {
- color: #999;
-}
-
-.token.namespace {
- opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
- color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
- color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
- color: #9a6e3a;
- background: hsla(0, 0%, 100%, .5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
- color: #07a;
-}
-
-.token.function,
-.token.class-name {
- color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
- color: #e90;
-}
-
-.token.important,
-.token.bold {
- font-weight: bold;
-}
-.token.italic {
- font-style: italic;
-}
-
-.token.entity {
- cursor: help;
-}
-
-pre[class*="language-"].line-numbers {
- position: relative;
- padding-left: 3.8em;
- counter-reset: linenumber;
-}
-
-pre[class*="language-"].line-numbers > code {
- position: relative;
- white-space: inherit;
-}
-
-.line-numbers .line-numbers-rows {
- position: absolute;
- pointer-events: none;
- top: 0;
- font-size: 100%;
- left: -3.8em;
- width: 3em; /* works for line-numbers below 1000 lines */
- letter-spacing: -1px;
- border-right: 1px solid #999;
-
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
-}
-
- .line-numbers-rows > span {
- pointer-events: none;
- display: block;
- counter-increment: linenumber;
- }
-
- .line-numbers-rows > span:before {
- content: counter(linenumber);
- color: #999;
- display: block;
- padding-right: 0.8em;
- text-align: right;
- }
-
+ code[class*="language-"],
+ pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 1em;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ }
+
+ pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+ code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+ }
+
+ pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+ code[class*="language-"]::selection, code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+ }
+
+ @media print {
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+ }
+
+ /* Code blocks */
+ pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+ }
+
+ :not(pre) > code[class*="language-"],
+ pre[class*="language-"] {
+ background: #f5f2f0;
+ }
+
+ /* Inline code */
+ :not(pre) > code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+ }
+
+ .token.comment,
+ .token.prolog,
+ .token.doctype,
+ .token.cdata {
+ color: slategray;
+ }
+
+ .token.punctuation {
+ color: #999;
+ }
+
+ .token.namespace {
+ opacity: .7;
+ }
+
+ .token.property,
+ .token.tag,
+ .token.boolean,
+ .token.number,
+ .token.constant,
+ .token.symbol,
+ .token.deleted {
+ color: #905;
+ }
+
+ .token.selector,
+ .token.attr-name,
+ .token.string,
+ .token.char,
+ .token.builtin,
+ .token.inserted {
+ color: #690;
+ }
+
+ .token.operator,
+ .token.entity,
+ .token.url,
+ .language-css .token.string,
+ .style .token.string {
+ color: #9a6e3a;
+ /* This background color was intended by the author of this theme. */
+ background: hsla(0, 0%, 100%, .5);
+ }
+
+ .token.atrule,
+ .token.attr-value,
+ .token.keyword {
+ color: #07a;
+ }
+
+ .token.function,
+ .token.class-name {
+ color: #DD4A68;
+ }
+
+ .token.regex,
+ .token.important,
+ .token.variable {
+ color: #e90;
+ }
+
+ .token.important,
+ .token.bold {
+ font-weight: bold;
+ }
+ .token.italic {
+ font-style: italic;
+ }
+
+ .token.entity {
+ cursor: help;
+ }
+
+ pre[class*="language-"].line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber;
+ }
+
+ pre[class*="language-"].line-numbers > code {
+ position: relative;
+ white-space: inherit;
+ }
+
+ .line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ font-size: 100%;
+ left: -3.8em;
+ width: 3em; /* works for line-numbers below 1000 lines */
+ letter-spacing: -1px;
+ border-right: 1px solid #999;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+ }
+
+ .line-numbers-rows > span {
+ display: block;
+ counter-increment: linenumber;
+ }
+
+ .line-numbers-rows > span:before {
+ content: counter(linenumber);
+ color: #999;
+ display: block;
+ padding-right: 0.8em;
+ text-align: right;
+ }
+
+ div.code-toolbar {
+ position: relative;
+ }
+
+ div.code-toolbar > .toolbar {
+ position: absolute;
+ top: .3em;
+ right: .2em;
+ transition: opacity 0.3s ease-in-out;
+ opacity: 0;
+ }
+
+ div.code-toolbar:hover > .toolbar {
+ opacity: 1;
+ }
+
+ /* Separate line b/c rules are thrown out if selector is invalid.
+ IE11 and old Edge versions don't support :focus-within. */
+ div.code-toolbar:focus-within > .toolbar {
+ opacity: 1;
+ }
+
+ div.code-toolbar > .toolbar .toolbar-item {
+ display: inline-block;
+ }
+
+ div.code-toolbar > .toolbar a {
+ cursor: pointer;
+ }
+
+ div.code-toolbar > .toolbar button {
+ background: none;
+ border: 0;
+ color: inherit;
+ font: inherit;
+ line-height: normal;
+ overflow: visible;
+ padding: 0;
+ -webkit-user-select: none; /* for button */
+ -moz-user-select: none;
+ -ms-user-select: none;
+ }
+
+ div.code-toolbar > .toolbar a,
+ div.code-toolbar > .toolbar button,
+ div.code-toolbar > .toolbar span {
+ color: #bbb;
+ font-size: .8em;
+ padding: 0 .5em;
+ background: #f5f2f0;
+ background: rgba(224, 224, 224, 0.2);
+ box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
+ border-radius: .5em;
+ }
+
+ div.code-toolbar > .toolbar a:hover,
+ div.code-toolbar > .toolbar a:focus,
+ div.code-toolbar > .toolbar button:hover,
+ div.code-toolbar > .toolbar button:focus,
+ div.code-toolbar > .toolbar span:hover,
+ div.code-toolbar > .toolbar span:focus {
+ color: inherit;
+ text-decoration: none;
+ }
+
+
\ No newline at end of file
diff --git a/includes/footer.html b/includes/footer.html
index 44d715d..809f186 100644
--- a/includes/footer.html
+++ b/includes/footer.html
@@ -1,5 +1,5 @@
<!-- REMEMBER TO COPY ALL CHANGES TO download.html -->
-<footer id="footer" class="bg-gray-shadow">
+<footer id="footer" class="">
<div class="wrapper">
<div class="container">
<div class="row">
diff --git a/includes/scripts.html b/includes/scripts.html
index a8458c9..5bc591a 100644
--- a/includes/scripts.html
+++ b/includes/scripts.html
@@ -26,7 +26,7 @@
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="/js/bootstrap.min.js" ></script>
-<script src="/js/prism.js" ></script>
+<script src="/js/prism.js?20201203" ></script>
<script type="text/javascript">
diff --git a/includes/styles.html b/includes/styles.html
index 16099a4..b629eb7 100644
--- a/includes/styles.html
+++ b/includes/styles.html
@@ -1,4 +1,4 @@
-<!-- remember to copy this content to downloads.html --><style>@charset "UTF-8";:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#055799;--secondary:#b02032;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--gray:#e9e9e9;--shadow-gray:#d5d5d5;--ignite-red:#f20025;--bre [...]
-</style>
+<!-- remember to copy this content to downloads.html -->
+
<style>/** do not delete the following styles. It fixes odds issues when using the critical css above in firefox */
body {opacity: 0;}.fa{display: none;}</style>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5287a36..e4ae49e 100644
--- a/index.html
+++ b/index.html
@@ -214,237 +214,329 @@ under the License.
</div>
</section>
- <div id="intro-text" class="section-block">
- <div class="container">
- <p>
- Apache Ignite is designed for data-intensive and high-performance applications.
- The database that scales unlimitedly across given memory and disk resources.
- The database that supports SQL, transactional, compute and machine learning APIs natively.
- </p>
- </div>
+
+ <section id="intro-text" class="section-block">
+ <div class="container">
+ <p>
+ Apache Ignite is designed for data-intensive and high-performance applications.
+ The database that scales unlimitedly across given memory and disk resources.
+ The database that supports SQL, transactional, compute and machine learning APIs natively.
+ </p>
</div>
+ </section>
+
- <section id="home-deployment-options" class="section-block">
-
- <section id="home-use-cases" class="section-block">
+ <section id="home-use-cases" class="section-block">
- <h2>What <strong>Architects</strong> Typically Select Apache Ignite For</h2>
+ <h2>What <strong>Architects</strong> Typically Select Apache Ignite For</h2>
- <div class="container">
+ <div class="container">
- <div class="row">
+ <div class="row">
- <div class="col-md-6">
+ <div class="col-md-6">
- <div class="txt-wrapper">
- <h3>Applications Acceleration & Data Caching</h3>
- <p>
- Gain up to 100x acceleration for existing applications using Ignite as an in-memory
- cache or in-memory data grid over a single or multiple back-end systems.
- The cache that you can query with SQL, transact and compute on.
- </p>
+ <div class="txt-wrapper">
+ <h3>Applications Acceleration & Data Caching</h3>
+ <p>
+ Gain up to 100x acceleration for existing applications using Ignite as an in-memory
+ cache or in-memory data grid over a single or multiple back-end systems.
+ The cache that you can query with SQL, transact and compute on.
+ </p>
- <a href="/use-cases/in-memory-data-grid.html" role="button" class="btn btn-primary"
- title="In-Memory Data Grid"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_use_cases', 'event_label': 'data_grid'});">
- Learn More</a>
- </div>
- </div>
- <div class="col-md-6">
- <a class="simplified-img-a" data-diagram="apps_acceleration" data-target="#diagramModal"
- data-toggle="modal"
- href="#">
- <img style="height: 30rem;" class="lazyload"
- data-src="/images/svg-diagrams/data_grid.svg"
- alt="Applications Acceleration & Data Caching Diagram"/></a>
+ <a href="/use-cases/in-memory-data-grid.html" role="button" class="btn btn-primary"
+ title="In-Memory Data Grid"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_use_cases', 'event_label': 'data_grid'});">
+ Learn More</a>
</div>
+ </div>
+ <div class="col-md-6">
+ <a class="simplified-img-a" data-diagram="apps_acceleration" data-target="#diagramModal"
+ data-toggle="modal"
+ href="#">
+ <img style="height: 30rem;" class="lazyload"
+ data-src="/images/svg-diagrams/data_grid.svg"
+ alt="Applications Acceleration & Data Caching Diagram"/></a>
+ </div>
+
+ </div>
+ <div class="row">
+ <div class="col-md-6 order-last order-md-first">
+ <a class="simplified-img-a" data-diagram="digital_hub" data-target="#diagramModal"
+ data-toggle="modal"
+ href="#">
+ <img style="height: 30rem;" class="lazyload" data-src="/images/svg-diagrams/database.svg"
+ alt="Distributed Database Diagram"/></a>
</div>
+ <div class="col-md-6 order-first order-md-last">
- <div class="row">
- <div class="col-md-6 order-last order-md-first">
- <a class="simplified-img-a" data-diagram="digital_hub" data-target="#diagramModal"
- data-toggle="modal"
- href="#">
- <img style="height: 30rem;" class="lazyload" data-src="/images/svg-diagrams/database.svg"
- alt="Distributed Database Diagram"/></a>
- </div>
- <div class="col-md-6 order-first order-md-last">
-
- <div class="txt-wrapper">
- <h3>Unified Database For Mixed Workloads</h3>
- <p>
- Store and process petabytes of operational and historical data using Ignite as a
- distributed database that scales up and out across available memory and disk storage.
- The database that lets you keep all the data on disk in a consistent way and
- cache as much as you can afford in memory.
- </p>
-
- <a href="/use-cases/digital-integration-hub.html" role="button" class="btn btn-primary"
- aria-label="Learn More About Digital Integration Hub" title="Digital Integration Hub"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_use_cases', 'event_label': 'database_for_mixed_workloads'});">
- Learn More</a>
- </div>
- </div>
+ <div class="txt-wrapper">
+ <h3>Unified Database For Mixed Workloads</h3>
+ <p>
+ Store and process petabytes of operational and historical data using Ignite as a
+ distributed database that scales up and out across available memory and disk storage.
+ The database that lets you keep all the data on disk in a consistent way and
+ cache as much as you can afford in memory.
+ </p>
+ <a href="/use-cases/digital-integration-hub.html" role="button" class="btn btn-primary"
+ aria-label="Learn More About Digital Integration Hub" title="Digital Integration Hub"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_use_cases', 'event_label': 'database_for_mixed_workloads'});">
+ Learn More</a>
+ </div>
</div>
- <div class="row">
+ </div>
- <div class="col-md-6">
+ <div class="row">
+ <div class="col-md-6">
- <div class="txt-wrapper">
- <h3>High-Performance Compute Cluster</h3>
- <p>
- Deploy and execute kilobyte-size code over petabytes of data. Turn your Ignite
- cluster into a distributed supercomputer for low-latency calculations, complex analytics,
- and machine learning.
- </p>
- <a href="/use-cases/high-performance-computing.html" role="button" class="btn btn-primary"
- title="High-Performance Compute Cluster"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_use_cases', 'event_label': 'high_performance_compute_cluster'});">
- Learn More</a>
- </div>
- </div>
- <div class="col-md-6">
- <a class="simplified-img-a" data-diagram="high_performance_compute" data-target="#diagramModal"
- data-toggle="modal"
- href="#">
- <img style="height: 30rem;" class="lazyload"
- data-src="/images/svg-diagrams/high_performance_compute.svg"
- alt="High-Performance Compute Cluster Diagram"/></a>
- </div>
+ <div class="txt-wrapper">
+ <h3>High-Performance Compute Cluster</h3>
+ <p>
+ Deploy and execute kilobyte-size code over petabytes of data. Turn your Ignite
+ cluster into a distributed supercomputer for low-latency calculations, complex analytics,
+ and machine learning.
+ </p>
+ <a href="/use-cases/high-performance-computing.html" role="button" class="btn btn-primary"
+ title="High-Performance Compute Cluster"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_use_cases', 'event_label': 'high_performance_compute_cluster'});">
+ Learn More</a>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <a class="simplified-img-a" data-diagram="high_performance_compute" data-target="#diagramModal"
+ data-toggle="modal"
+ href="#">
+ <img style="height: 30rem;" class="lazyload"
+ data-src="/images/svg-diagrams/high_performance_compute.svg"
+ alt="High-Performance Compute Cluster Diagram"/></a>
</div>
</div>
+ </div>
+
- <div aria-hidden="true" aria-labelledby="diagramModal" class="modal fade" id="diagramModal" role="dialog"
- tabindex="-1">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
+ <div aria-hidden="true" aria-labelledby="diagramModal" class="modal fade" id="diagramModal" role="dialog"
+ tabindex="-1">
+ <div class="modal-dialog" role="document">
+ <div class="modal-content">
- <button aria-label="Close" class="close" data-dismiss="modal" type="button">
- <span aria-hidden="true">×</span>
- </button>
+ <button aria-label="Close" class="close" data-dismiss="modal" type="button">
+ <span aria-hidden="true">×</span>
+ </button>
- <img src=""/>
+ <img src=""/>
- </div>
</div>
</div>
+ </div>
- </section>
+ </section>
<section id="home-features" class="section-block bg-gray-shadow">
<div class="wrapper">
<div class="container">
<h2>What Features <strong>Developers</strong> Love Apache Ignite For</h2>
- <div class="row">
- <div class="col-sm-6 col-md-4 feature">
- <a href="/arch/multi-tier-storage.html"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'multi-tier-storage'});"
- title="Apache Ignite Multi-Tier Storage"
- aria-label="Apache Ignite Multi-Tier Storage">
- <svg>
- <use xlink:href="#index-icons--Distributed-IMDataStore"></use>
- </svg>
- <h3>Multi-Tier <span>Storage</span></h3>
- <p>
- Use memory, disk or Intel® Optane™ as active storage tiers with no need for
- caching of all the data and memory warm-ups.
- </p>
- </a>
- </div>
- <div class="col-sm-6 col-md-4 feature">
- <a href="/features/sql.html"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'sql'});"
- title="" aria-label="">
- <svg>
- <use xlink:href="#index-icons--Database"></use>
- </svg>
- <h3>Distributed <span>SQL</span></h3>
-
- <p>
- Query both in-memory and disk-only data sets with ANSI SQL that supports distributed
- joins, DML, and DDL.
- </p>
- </a>
- </div>
- <div class="col-sm-6 col-md-4 feature">
- <a href="/use-cases/key-value-store.html"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'key-value'});"
- title="" aria-label="">
- <svg>
- <use xlink:href="#index-icons--Multi-Model"></use>
- </svg>
- <h3>Distributed <span>Key-Value</span></h3>
- <p>
- Read, write, and transact with high-performance key-value APIs that support JCache
- specification.
- </p>
- </a>
- </div>
- <div class="col-sm-6 col-md-4 feature">
- <a href="/features/acid-transactions.html"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'transactions'});"
- title="" aria-label="">
- <svg>
- <use xlink:href="#index-icons--ACID"></use>
- </svg>
- <h3>ACID <span>Transactions</span></h3>
-
- <p>
- Execute distributed ACID transactions across memory and disk tiers, including
- relational
- databases.
- </p>
- </a>
- </div>
- <div class="col-sm-6 col-md-4 feature">
- <a href="/features/collocated-processing.html"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'co-located-processsing'});"
- title="" aria-label="">
- <svg>
- <use xlink:href="#index-icons--Compute"></use>
- </svg>
- <h3>Co-located <span>Processing</span></h3>
-
- <p>
- Eliminate data shuffling by running data-intensive and compute-intensive
- calculations on
- cluster nodes.
- </p>
- </a>
+
+
+
+
+
+
+ <div class="row" id="vertical-tabs">
+ <div class="col-md-3">
+ <!-- Tabs nav -->
+ <div class="nav nav-pills nav-pills-custom" id="home-features-vtab" role="tablist" aria-orientation="vertical">
+
+
+ <a class="nav-link active" id="feat-vtab-sql" data-toggle="pill" href="#feat-vtab-c-sql" role="tab" aria-controls="feat-vtab-c-sql" aria-selected="false">
+ <svg>
+ <use xlink:href="#index-icons--Database"></use>
+ </svg>
+ <span>Distributed SQL</span>
+ </a>
+
+ <a class="nav-link " id="feat-vtab-multitier" data-toggle="pill" href="#feat-vtab-c-multitier" role="tab" aria-controls="feat-vtab-c-multitier" aria-selected="true">
+ <svg>
+ <use xlink:href="#index-icons--Distributed-IMDataStore"></use>
+ </svg>
+ <span>Multi-Tier Storage</span></a>
+
+ <a class="nav-link" id="feat-vtab-acid" data-toggle="pill" href="#feat-vtab-c-acid" role="tab" aria-controls="feat-vtab-c-acid" aria-selected="false">
+
+ <svg>
+ <use xlink:href="#index-icons--ACID"></use>
+ </svg>
+ <span>ACID Transactions</span>
+ </a>
+
+ <a class="nav-link" id="feat-vtab-colocated" data-toggle="pill" href="#feat-vtab-c-colocated" role="tab" aria-controls="feat-vtab-c-colocated" aria-selected="false">
+ <svg>
+ <use xlink:href="#index-icons--Compute"></use>
+ </svg>
+ <span>Co-located Processing</span>
+ </a>
+
+ <a class="nav-link" id="feat-vtab-ml" data-toggle="pill" href="#feat-vtab-c-ml" role="tab" aria-controls="feat-vtab-c-ml" aria-selected="false">
+ <svg>
+ <use xlink:href="#index-icons--Machine-Learning"></use>
+ </svg>
+ <span>Machine Learning</span>
+ </a>
+ </div>
</div>
- <div class="col-sm-6 col-md-4 feature">
- <a href="/features/machinelearning.html"
- onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'machine-learning'});"
- title="" aria-label="">
- <svg>
- <use xlink:href="#index-icons--Machine-Learning"></use>
- </svg>
- <h3>Machine <span>Learning</span></h3>
-
- <p>
- Train and deploy distributed machine learning models continuously over a
- horizontally
- scalable in-memory cluster.
- </p>
- </a>
+
+
+ <div class="col-md-9">
+ <!-- Tabs content -->
+ <div class="tab-content" id="v-pills-tabContent">
+
+
+ <div class="tab-pane fade show active" id="feat-vtab-c-sql" role="tabpanel" aria-labelledby="feat-vtab-sql">
+ <h3>Distributed SQL</h3>
+ <p class="text-muted">Query both in-memory and disk-only data sets with ANSI SQL that supports distributed
+ joins, DML, and DDL.</p>
+
+ <div class="code-tabs">
+ <ul class="nav nav-tabs">
+ <li class="nav-item">
+ <a class="nav-link active" data-toggle="tab" href="#sql-java">Java</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" data-toggle="tab" href="#sql-csharp">C#/.NET</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" data-toggle="tab" href="#sql-cpp">C++</a>
+ </li>
+ </ul>
+
+ <!-- Tab panes -->
+ <div class="tab-content">
+ <div class="tab-pane active" id="sql-java">
+ <pre class="language-java">
+ <code>IgniteCache<Long, Person> cache = ignite.cache("Person");
+
+ SqlFieldsQuery sql = new SqlFieldsQuery(
+ "select concat(firstName, ' ', lastName) from Person");
+
+ // Iterate over the result set.
+ try (QueryCursor<List<?>> cursor = cache.query(sql)) {
+ for (List<?> row : cursor)
+ System.out.println("personName=" + row.get(0));
+ }</code>
+ </pre>
+ </div>
+ <div class="tab-pane fade" id="sql-csharp">
+ <pre class="language-csharp">
+ <code>
+ var cache = ignite.GetCache<long, Person>("Person");
+
+ var sql = new SqlFieldsQuery("select concat(FirstName, ' ', LastName) from Person");
+
+ using (var cursor = cache.Query(sql))
+ {
+ foreach (var row in cursor)
+ {
+ Console.WriteLine("personName=" + row[0]);
+ }
+ }
+ </code>
+ </pre>
+ </div>
+ <div class="tab-pane fade" id="sql-cpp">
+ <pre class="language-cpp">
+ <code>
+ Cache<int64_t, Person> cache = ignite.GetOrCreateCache<int64_t, Person>("Person");
+
+ // Iterate over the result set.
+ // SQL Fields Query can only be performed using fields that have been listed in "QueryEntity" been of the config!
+ QueryFieldsCursor cursor = cache.Query(SqlFieldsQuery("select concat(firstName, ' ', lastName) from Person"));
+ while (cursor.HasNext())
+ {
+ std::cout << "personName=" << cursor.GetNext().GetNext<std::string>() << std::endl;
+ }
+ </code>
+ </pre>
+ </div>
+ </div>
+ </div>
+
+
+ <a href="/features/sql.html"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'sql'});"
+ title="Apache Ignite Distributed SQL" aria-label="Distributed SQL"
+ class="btn btn-secondary">Learn More</a>
+ </div>
+
+ <div class="tab-pane fade " id="feat-vtab-c-multitier" role="tabpanel" aria-labelledby="feat-vtab-multitier">
+ <h3>Multi-Tier Storage</h3>
+ <p class="text-muted">
+ Use memory, disk or Intel® Optane™ as active storage tiers with no need for
+ caching of all the data and memory warm-ups.
+ </p>
+ <a href="/arch/multi-tier-storage.html"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'multi-tier-storage'});"
+ title="Apache Ignite Multi-Tier Storage"
+ aria-label="Apache Ignite Multi-Tier Storage"
+ class="btn btn-secondary">Learn More</a>
+ </div>
+
+ <div class="tab-pane fade " id="feat-vtab-c-acid" role="tabpanel" aria-labelledby="feat-vtab-acid">
+ <h3>ACID Transactions</h3>
+ <p class="text-muted">Execute distributed ACID transactions across memory and disk tiers, including relational
+ databases.</p>
+ <a href="/features/acid-transactions.html"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'transactions'});"
+ title="Apache Ignite ACID Transactions" aria-label="Apache Ignite ACID Transactions"
+ class="btn btn-secondary">Learn More</a>
+ </div>
+
+ <div class="tab-pane fade " id="feat-vtab-c-colocated" role="tabpanel" aria-labelledby="feat-vtab-colocated">
+ <h3>Co-located Processing</h3>
+ <p class="text-muted">
+ Eliminate data shuffling by running data-intensive and compute-intensive calculations on
+ cluster nodes.
+ </p>
+ <a href="/features/collocated-processing.html"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'co-located-processsing'});"
+ title="Apache Ignite Co-located Processing" aria-label="Apache Ignite Co-located Processing"
+ class="btn btn-secondary">Learn More</a>
+ </div>
+
+ <div class="tab-pane fade " id="feat-vtab-c-ml" role="tabpanel" aria-labelledby="feat-vtab-ml">
+ <h3>Machine Learning</h3>
+ <p class="text-muted">
+ Train and deploy distributed machine learning models continuously over a horizontally scalable in-memory cluster.
+ </p>
+ <a href="/features/machinelearning.html"
+ onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_features', 'event_label': 'machine-learning'});"
+ title="Apache Ignite >Machine Learning" aria-label="Apache Ignite >Machine Learning"
+ class="btn btn-secondary">Learn More</a>
+ </div>
+ </div>
</div>
-
</div>
+
+
+
+
+
+
+
+
</div>
</div>
</section>
-
+ <section id="home-deployment-options" class="section-block">
<div class="container">
<h2>How <strong>Technical Leaders</strong> Frequently Perceive Apache Ignite</h2>
<div class="row">
@@ -453,11 +545,9 @@ under the License.
href="/use-cases/in-memory-cache.html"
onclick="gtag('event', 'homepage_click', {'event_category':'apache_ignite_dep_options', 'event_label': 'in-memory-cache'});"
title="Apache Ignite In-Memory Cache">
- <div class="icon-wrapper" style="padding-top: 1rem;">
- <svg>
- <use xlink:href="#index-icons--Tachometer"></use>
- </svg>
- </div>
+ <div class="icon-wrapper" style="padding-top: 1rem;"><svg>
+ <use xlink:href="#index-icons--Tachometer"></use>
+ </svg></div>
<h3>In-Memory Cache</h3>
<p>
Use Ignite as a low-latency and high-performance in-memory cache with Key-Value and ANSI SQL
@@ -522,6 +612,10 @@ under the License.
jQuery(this).find('img').attr('src', '/images/svg-diagrams/' + diagram + '.svg');
});
+
+ jQuery('#home-features-vtab .nav-link').hover(function(){
+ jQuery(this).click();
+ });
</script>
</body>
</html>
diff --git a/js/prism.js b/js/prism.js
index b186526..71875a2 100644
--- a/js/prism.js
+++ b/js/prism.js
@@ -1,11 +1,16 @@
-/* PrismJS 1.20.0
-https://prismjs.com/download.html#themes=prism&languages=markup+clike+javascript+bash+java+sql&plugins=line-numbers+normalize-whitespace */
-var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,C={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof _?new _(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(e){return [...]
-Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:(?!<!--)[^"'\]]|"[^"]*"|'[^']*'|<!--[\s\S]*?-->)*\]\s*)?>/i,greedy:!0},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/i,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value": [...]
+/* PrismJS 1.22.0
+https://prismjs.com/download.html#themes=prism&languages=markup+clike+javascript+bash+c+csharp+cpp+java+sql&plugins=line-numbers+normalize-whitespace+toolbar+copy-to-clipboard */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,_={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof M?new M(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(e){return [...]
+Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s> [...]
Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b [...]
-Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|i [...]
-!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIF [...]
-!function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|null|open|opens|package|private|protected|provides|public|record|requires|return|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,a=/\b[A-Z](?:\w*[a-z]\w*)?\b/;e.la [...]
-Prism.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEG [...]
-!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var l="line-numbers",c=/\n(?!$)/g,m=function(e){var t=a(e)["white-space"];if("pre-wrap"===t||"pre-line"===t){var n=e.querySelector("code"),r=e.querySelector(".line-numbers-rows"),s=e.querySelector(".line-numbers-sizer"),i=n.textContent.split(c);s||((s=document.createElement("span")).className="line-numbers-sizer",n.appendChild(s)),s.style.display="block",i.forEach(function(e,t){s.textContent=e||"\n";var n=s.getBoundingCl [...]
-!function(){var i=Object.assign||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t]);return e};function e(e){this.defaults=i({},e)}function l(e){for(var n=0,t=0;t<e.length;++t)e.charCodeAt(t)=="\t".charCodeAt(0)&&(n+=3);return e.length+n}e.prototype={setDefaults:function(e){this.defaults=i(this.defaults,e)},normalize:function(e,n){for(var t in n=i(this.defaults,n)){var r=t.replace(/-(\w)/g,function(e,n){return n.toUpperCase()});"normalize"!==t&&"setDefaults"!==r&&n[t]&&this[r]& [...]
+Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|s [...]
+!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIF [...]
+Prism.languages.c=Prism.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:__attribute__|_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|f [...]
+!function(s){function a(e,s){return e.replace(/<<(\d+)>>/g,function(e,n){return"(?:"+s[+n]+")"})}function t(e,n,s){return RegExp(a(e,n),s||"")}function e(e,n){for(var s=0;s<n;s++)e=e.replace(/<<self>>/g,function(){return"(?:"+e+")"});return e.replace(/<<self>>/g,"[^\\s\\S]")}var n="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",i="class enum interface struct",r="add alias and ascending async await by descending from get global g [...]
+!function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char8_t|char16_t|char32_t|class|compl|concept|const|consteval|constexpr|constinit|const_cast|continue|co_await|co_return|co_yield|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|float|for|friend|goto|if|inline|int|int8_t|int16_t|int32_t|int64_t|uint8_t|uint16_t|uint32_t|uint64_t|long|mutable|namespace|new|noexcept|nullptr|operator|private|protected|public|register|reinterpret_cast [...]
+!function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,n="(^|[^ [...]
+Prism.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEG [...]
+!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n<i&&(n=i),r<n&&(n=r);var s=n-i;return t.children[s]}}},resize:function(e){u([e])},assumeViewportIndependence:!0},t=function(e){return e?window.getComputedStyle?getC [...]
+!function(){var i=Object.assign||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t]);return e};function e(e){this.defaults=i({},e)}function s(e){for(var n=0,t=0;t<e.length;++t)e.charCodeAt(t)=="\t".charCodeAt(0)&&(n+=3);return e.length+n}e.prototype={setDefaults:function(e){this.defaults=i(this.defaults,e)},normalize:function(e,n){for(var t in n=i(this.defaults,n)){var r=t.replace(/-(\w)/g,function(e,n){return n.toUpperCase()});"normalize"!==t&&"setDefaults"!==r&&n[t]&&this[r]& [...]
+!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var i=[],l={},c=function(){};Prism.plugins.toolbar={};var e=Prism.plugins.toolbar.registerButton=function(e,n){var t;t="function"==typeof n?n:function(e){var t;return"function"==typeof n.onClick?((t=document.createElement("button")).type="button",t.addEventListener("click",function(){n.onClick.call(this,e)})):"string"==typeof n.url?(t=document.createElement("a")).href=n.url:t=document.createElement("span"),n.className&&t [...]
+!function(){if("undefined"!=typeof self&&self.Prism&&self.document)if(Prism.plugins.toolbar){var i=window.ClipboardJS||void 0;i||"function"!=typeof require||(i=require("clipboard"));var u=[];if(!i){var t=document.createElement("script"),e=document.querySelector("head");t.onload=function(){if(i=window.ClipboardJS)for(;u.length;)u.pop()()},t.src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js",e.appendChild(t)}Prism.plugins.toolbar.registerButton("copy-to-clipbo [...]
diff --git a/scss/ignite-redesign.scss b/scss/ignite-redesign.scss
index 73457a6..fdedce9 100644
--- a/scss/ignite-redesign.scss
+++ b/scss/ignite-redesign.scss
@@ -436,11 +436,17 @@ strong {
#home-deployment-options {
- box-shadow: inset 0px -15px 8px -10px theme-color('shadow-gray');
+
+ border-top: 1px solid theme-color('gray');
+ border-bottom: 1px solid theme-color('gray');
+
+ // box-shadow:
+ // inset 0px 15px 8px -10px theme-color('shadow-gray');
+
padding: 4rem 0 3rem;
- background: #ffffff;
- background: linear-gradient(180deg, #ffffff 0%, theme-color('gray') 30%);
+ // background: theme-color('gray');
+
// background-color: theme-color('gray');
h2 {
@@ -659,66 +665,77 @@ section.section-block {
inset 0px -15px 8px -10px theme-color('shadow-gray');
.wrapper {
- background: rgb(24,124,204);
- background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 95%, rgba(10,90,154,1) 95%, rgba(24,124,204,1) 100%);
- background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 95%, rgba(10,90,154,1) 95%, rgba(24,124,204,1) 100%);
- background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 95%, rgba(10,90,154,1) 95%, rgba(24,124,204,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
+ // background: rgb(24,124,204);
+ // background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 95%, rgba(10,90,154,1) 95%, rgba(24,124,204,1) 100%);
+ // background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 95%, rgba(10,90,154,1) 95%, rgba(24,124,204,1) 100%);
+ // background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 5%, rgba(242,242,242,0) 5%, rgba(242,242,242,0) 95%, rgba(10,90,154,1) 95%, rgba(24,124,204,1) 100%);
+ // filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
padding: 5rem 0;
- }
-
- .row {
- padding: 0 3rem;
- }
- .feature {
- padding: 0 40px;
+ }
- a {
+
+ #home-features-vtab {
+ a.nav-link {
display: block;
- text-align: center;
- color: #000;
- margin-bottom: 3em;;
+ width: 100%;
+ background-color: theme-color('primary');
+ color: #ffffff;
+ margin-bottom: 1em;
+ transition: all 0.5s ease-in-out;
+ box-shadow: 0 15px 8px -10px #d5d5d5;
+
+ svg {
+ width: 50px;
+ height: 50px;
+ fill: #ffffff;
+
+
+ }
+
+ span {
+ font-size: 16px;
+ line-height: 1.5em;
+ font-weight: 600;
+ }
+
+ &.active {
+ text-decoration: none;
+ background-color: theme-color('secondary');
+ }
+ }
+ }
+
+ #v-pills-tabContent {
+ background-color: #ffffff;
+ border-radius: 5px;;
+ padding: 2em;
+ height: 100%;
+ box-shadow: 0 15px 8px -10px #d5d5d5;
+ .tab-pane {
h3 {
font-size: 20px;
- line-height: 1.5em;
+ text-align: center;
font-weight: 600;
- span {
- display: block;
- }
}
-
p {
font-size: 16px;
font-weight: 400;;
line-height: 1.6em;
}
- svg {
- width: 100px;
- height: 100px;
- fill: theme-color('secondary');
- transition: all 0.5s ease-in-out;
- background-color: #ffffff;
- border-radius: 0px;
- padding: 1.5em;
- margin-top: 2em;
- margin-bottom: 1em;
+
+ pre {
+ margin: 0 0 1em;
}
-
- }
- a:hover {
- text-decoration: none;
-
- svg {
- background-color: theme-color('secondary');
- fill: #ffffff;
-
- // border-radius: 300px;
+ code {
+ font-size: 14px;
}
}
}
+
+
}
#home-extras {