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 67177bf Multiple adjustments to homepage and nav (#46)
67177bf is described below
commit 67177bf8e5d60fe4e9602ee73e4676476dbfd42e
Author: Mauricio Stekl <[email protected]>
AuthorDate: Fri Dec 11 20:08:39 2020 -0300
Multiple adjustments to homepage and nav (#46)
* initial rework of features section on the homepage
* more adjustments to new features section; menu opens with hover;
responsiveness fixes; other minor tweaks
* reworked the main banner design; also updated the architects section with
diagrams; some responsiveness and other small css issues fixed
* updated diagram for db use case
* changes to Architects section; new diagrams; tweaks on css for features
---
css/ignite-redesign.css | 2 +-
images/svg-diagrams/home--acc-and-data-caching.svg | 2 +-
.../home--high-perf-compute-cluster.svg | 2 +-
images/svg-diagrams/home--unified-database.svg | 2 +-
index.html | 28 ++++-----
scss/ignite-redesign.scss | 70 ++++++++++++----------
6 files changed, 53 insertions(+), 53 deletions(-)
diff --git a/css/ignite-redesign.css b/css/ignite-redesign.css
index 60757cb..128257b 100644
--- a/css/ignite-redesign.css
+++ b/css/ignite-redesign.css
@@ -1 +1 @@
-@charset
"UTF-8";code[class*=language-],pre[class*=language-]{color:#ccc;background:0
0;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-]{padding:1em;margin:.5em
0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=langu [...]
\ No newline at end of file
+@charset
"UTF-8";code[class*=language-],pre[class*=language-]{color:#ccc;background:0
0;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-]{padding:1em;margin:.5em
0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=langu [...]
\ No newline at end of file
diff --git a/images/svg-diagrams/home--acc-and-data-caching.svg
b/images/svg-diagrams/home--acc-and-data-caching.svg
index 5e4ecc9..21bcf48 100644
--- a/images/svg-diagrams/home--acc-and-data-caching.svg
+++ b/images/svg-diagrams/home--acc-and-data-caching.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg"; width="588.975" height="352"
viewBox="0 0 588.975
352"><defs><style>.a{fill:#777;}.b{fill:#e5282a;}.c{fill:#efeeed;}.d{fill:#575656;}.e{fill:#e52529;}.f{fill:#010101;}.g{fill:#fff;}.h{fill:#020202;}.i,.j,.k,.l,.m{isolation:isolate;}.j,.k,.l,.m,.n{fill:#1d1d1b;}.j,.k{font-size:7px;}.j,.k,.l,.m{font-family:MavenPro-Regular,
Maven
Pro;}.k,.l{letter-spacing:-0.01em;}.l,.m{font-size:6px;}</style></defs><g
transform="translate(-43.15 -39.185)"><g transfo [...]
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg"; width="566" height="384.499"
viewBox="0 0 566
384.499"><defs><style>.a{fill:#777;}.b{fill:#e5282a;}.c{fill:#efeeed;}.d{fill:#fff;}.e{fill:#575656;}.f{fill:#e52529;}.g{fill:#010101;}</style></defs><g
transform="translate(-19.173 -49.282)"><g transform="translate(386.847
141.578)"><path class="a"
d="M540.389,273.745a2.042,2.042,0,0,1,1.322.482l8.7,7.35a2.013,2.013,0,0,1,.2,2.856,2.082,2.082,0,0,1-.2.2l-8.66,7.4a2.038,2.038,0,0,1-2.857-.22,2,2,0,0,1,.
[...]
\ No newline at end of file
diff --git a/images/svg-diagrams/home--high-perf-compute-cluster.svg
b/images/svg-diagrams/home--high-perf-compute-cluster.svg
index 91de4a2..821a13c 100644
--- a/images/svg-diagrams/home--high-perf-compute-cluster.svg
+++ b/images/svg-diagrams/home--high-perf-compute-cluster.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg"; width="501.952" height="380"
viewBox="0 0 501.952
380"><defs><style>.a{fill:#777;}.b{fill:#efeeed;}.c{fill:#020202;}.d,.h,.i,.j,.k{fill:#1d1d1b;}.e{fill:#fff;}.f{fill:#e5282a;}.g,.h,.i,.j{isolation:isolate;}.h,.i{font-size:7px;}.h,.i,.j{font-family:MavenPro-Regular,
Maven
Pro;}.i,.j{letter-spacing:-0.01em;}.j{font-size:6px;}.k{font-size:17px;font-family:MavenPro-Medium,
Maven Pro;font-weight:500;}</style></defs><g transform="translate(-31.62
-69.32 [...]
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg"; width="566" height="403.249"
viewBox="0 0 566
403.249"><defs><style>.a{fill:#777;}.b{fill:#efeeed;}.c{fill:#020202;}.d{fill:#1d1d1b;}.e{fill:#fff;}.f{fill:#e5282a;}.g{isolation:isolate;}</style></defs><g
transform="translate(-47.177 -40.872)"><path class="a"
d="M374.045,237.956l-6.568-7.68a1.807,1.807,0,0,0-2.551-.16,1.72,1.72,0,0,0-.16.16l-6.569,7.68a1.807,1.807,0,1,0,2.711,2.331l3.438-4.022v20.15H336.371a1.8,1.8,0,0,0-2.7,1.794v18.184L318.69,291.
[...]
\ No newline at end of file
diff --git a/images/svg-diagrams/home--unified-database.svg
b/images/svg-diagrams/home--unified-database.svg
index 52b016b..5664165 100644
--- a/images/svg-diagrams/home--unified-database.svg
+++ b/images/svg-diagrams/home--unified-database.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg"; width="487.61" height="387" viewBox="0
0 487.61
387"><defs><style>.a{fill:#efeeed;}.b{fill:#777;}.c{fill:#e5282a;}.d{fill:#e52529;}.e,.f{fill:#575656;}.e{font-size:13px;font-family:MavenPro-Medium,
Maven
Pro;font-weight:500;}.g{fill:#010101;}.h{fill:#fff;}.i{fill:#1d1d1b;}</style></defs><g
transform="translate(-83.443 -74.926)"><path class="a"
d="M86.331,463.009V86.193c0-2.812,2.9-5.092,6.468-5.092H205c3.573,0,6.469,2.28,6.469,5.092V463.009c0,2.812
[...]
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg"; width="566" height="398.785"
viewBox="0 0 566
398.785"><defs><style>.a{fill:#575656;}.b{fill:#777;}.c{fill:#e5282a;}.d{fill:#efeeed;}.e{fill:#e52529;}.f{fill:#fff;}.g{fill:#1d1d1b;}.h{isolation:isolate;}.i{fill:#010101;}</style></defs><g
transform="translate(-35.463 -45.209)"><path class="a"
d="M588.426,267.92a7.75,7.75,0,0,1,0-3.943,4.169,4.169,0,0,1,.647-1.36,3.363,3.363,0,0,1,.982-.822,4.065,4.065,0,0,1,1.134-.421,6.167,6.167,0,0,1,1.186-.11,7.4
[...]
\ No newline at end of file
diff --git a/index.html b/index.html
index 7b47af8..ebd20a1 100644
--- a/index.html
+++ b/index.html
@@ -238,9 +238,10 @@ under the License.
<section id="home-use-cases" class="section-block">
- <h2>WHAT <strong>ARCHITECTS</strong> USUALLY SELECT APACHE IGNITE
FOR</h2>
+
<div class="container">
+ <h2>What <strong>Architects</strong> Usually Select Apache Ignite
For</h2>
<div class="row">
<div class="txt-wrapper">
@@ -259,7 +260,8 @@ under the License.
<div class="diagram-wrapper">
<img class="lazyload"
-
data-src="/images/svg-diagrams/home--acc-and-data-caching.svg"
+
+
data-src="/images/svg-diagrams/home--acc-and-data-caching.svg?20201211"
alt="Applications Acceleration & Data Caching
Diagram"/>
</div>
@@ -282,7 +284,7 @@ under the License.
</div>
<div class="diagram-wrapper">
- <img class="lazyload" style="max-width: 80%"
data-src="/images/svg-diagrams/database.svg"
+ <img class="lazyload"
data-src="/images/svg-diagrams/home--unified-database.svg?20201211"
alt="Distributed Database Diagram"/>
</div>
</div>
@@ -307,7 +309,7 @@ under the License.
<div class="diagram-wrapper">
<img class="lazyload"
-
data-src="/images/svg-diagrams/home--high-perf-compute-cluster.svg"
+
data-src="/images/svg-diagrams/home--high-perf-compute-cluster.svg?20201211"
alt="High-Performance Compute Cluster Diagram"/>
</div>
@@ -336,7 +338,7 @@ under the License.
<section id="home-features" class="section-block bg-gray-shadow">
<div class="wrapper">
<div class="container">
- <h2>WHAT FEATURES <strong>DEVELOPERS</strong> FIND MOST
USEFUL</h2>
+ <h2>What Features <strong>Developers</strong> Find Most
Useful</h2>
<div class="row" id="vertical-tabs">
@@ -572,12 +574,10 @@ under the License.
<code>
var transactions =
ignite.GetTransactions();
- using (var tx =
transactions.TxStart())
- {
+ using (var tx =
transactions.TxStart()) {
int hello =
cache.Get("Hello");
- if (hello == 1)
- {
+ if (hello == 1) {
cache.Put("Hello", 11);
}
@@ -778,7 +778,7 @@ under the License.
<section id="home-deployment-options" class="section-block">
<div class="container">
- <h2>HOW ELSE <strong>SOME</strong> DESCRIBE APACHE IGNITE</h2>
+ <h2>How Else <strong>Some</strong> Describe Apache Ignite</h2>
<div class="row">
<div class="col-md-4 option">
<a aria-label="Apache Ignite In-Memory Cache"
@@ -838,8 +838,6 @@ under the License.
<!--#include virtual="/includes/scripts.html" -->
-<!-- Share news on social media-->
-<script async src="https://static.addtoany.com/menu/page.js";></script>
<!-- Github stats-->
<script async defer src="https://buttons.github.io/buttons.js";></script>
@@ -847,12 +845,6 @@ under the License.
<script async src="https://platform.twitter.com/widgets.js";
charset="utf-8"></script>
<script type="text/javascript">
- jQuery('#diagramModal').on('show.bs.modal', function (event) {
- const diagram = jQuery(event.relatedTarget).data('diagram');
- jQuery(this).find('img').attr('src', '/images/svg-diagrams/' + diagram
+ '.svg');
- });
-
-
jQuery('#home-features-vtab .nav-link').hover(function (e) {
jQuery(this).tab('show');
diff --git a/scss/ignite-redesign.scss b/scss/ignite-redesign.scss
index 3806fd0..0b0c742 100644
--- a/scss/ignite-redesign.scss
+++ b/scss/ignite-redesign.scss
@@ -96,17 +96,18 @@ strong {
-.sticky-top {
- box-shadow: 0 4px 8px 0 #b5b5b5;
- background-color: #ffffff;
-}
-
.fa-external-link-alt {
color: #aaaaaa;
}
/** start header */
#header {
+ position: sticky;
+ top: 0;
+ z-index: 2;
+ box-shadow: 0 4px 8px 0 #d5d5d5;
+ background-color: #ffffff;
+
#promotion-bar {
background-color: #333333;
padding: 8px;
@@ -327,10 +328,11 @@ strong {
h1 {
text-align: left;
- font: normal normal normal 32px/43px Open Sans;
+ font: normal normal normal 32px/48px Open Sans;
letter-spacing: 0px;
color: #212529;
- text-transform: uppercase;
+
+ margin-bottom: 1rem;
strong {
text-align: left;
@@ -338,14 +340,17 @@ strong {
letter-spacing: 0px;
color: #055799;
text-transform: uppercase;
+ margin-bottom: 1rem;
+ display: block;
}
}
p {
text-align: left;
- font: normal normal normal 20px/27px Open Sans;
+ font: normal normal normal 20px/32px Open Sans;
letter-spacing: 0px;
color: #666666;
+ margin-bottom: 2rem;
}
.btn {
font-size: 18px;
@@ -359,10 +364,7 @@ strong {
vertical-align: middle;
}
}
- .buttons {
-
- margin-top: 3rem;
- }
+
}
@@ -520,8 +522,6 @@ strong {
background-color: #ffffff;
box-shadow: inset 0 15px 8px -10px #d5d5d5;
-
-
.container {
.row {
padding: 5rem 0;
@@ -533,10 +533,11 @@ strong {
.txt-wrapper {
- width: 40%;
+ width: 50%;
display: flex;
flex-wrap: wrap;
align-content: center;
+ padding-right: 1.5rem;
h3 {
@@ -556,25 +557,26 @@ strong {
}
}
.diagram-wrapper {
- padding-left: 3rem;
- width: 60%;
+ padding-left: 1.5rem;
+
+ width: 50%;
+ text-align: center;
+
img {
max-width: 100%;
}
}
-
- &:nth-child(2) {
+ &:nth-of-type(2) {
flex-direction: row-reverse;
.diagram-wrapper {
- padding-left: 0;
- padding-right: 3rem;
- text-align: right;
+ padding-right: 1.5rem;
+ }
+ .txt-wrapper {
- img {
+ padding-left: 1.5rem;
- }
}
}
}
@@ -638,7 +640,7 @@ section.section-block {
h2 {
text-align: center;
font-size: 32px;
-
+ text-transform: uppercase;
margin-bottom: 2em;
strong {
@@ -679,7 +681,7 @@ section.section-block {
margin-bottom: 1.35em;
transition: background-color 0.5s ease-in-out;
box-shadow: 0 15px 8px -10px #d5d5d5;
- padding: 0.75em 1em;
+ padding: 1em 1em;
svg {
width: 50px;
@@ -690,7 +692,7 @@ section.section-block {
}
span {
- font-size: 16px;
+ font-size: 18px;
line-height: 1.5em;
font-weight: 600;
}
@@ -727,7 +729,7 @@ section.section-block {
pre {
margin: 0 0 1em 0;
- max-height: 235px;
+ // max-height: 235px;
}
code {
font-size: 14px;
@@ -735,8 +737,14 @@ section.section-block {
.nav-tabs {
.nav-item {
- a {
- font-size: 1.1em;
+ a.nav-link {
+ color: #495057;
+ font-size: 1.2em;
+
+ &.active {
+ color: theme-color('primary');
+ font-weight: 600;
+ }
}
}
}
@@ -1513,7 +1521,7 @@ article {
#home-features {
#home-features-vtab {
a.nav-link {
- padding: .75em 2em;
+ padding: 1.25em 2em;
margin-bottom: 0.5em;
