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/21 17:48:28 UTC
[ignite-website] branch ignite-13779 updated: More changes to
homepage (#53)
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 02364ec More changes to homepage (#53)
02364ec is described below
commit 02364ec92400c0cb17ed756ba0bb70fa333f8b13
Author: Mauricio Stekl <ma...@stekl.org>
AuthorDate: Mon Dec 21 14:48:18 2020 -0300
More changes to homepage (#53)
* 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
* implementing accordion
* fixed height for white area under features section
* added accordion markup and reordered sections
* swapped places for features; updates on the banner; added users logos section; added documentationt to navigation;
* fixed small alignment issues; font for features section; added ParticleJS effect to main banner
* multiple changes to layout and homepage
* updated use-cases section on the homepage; list of logos; finished accordion for features section on mobile
* updated the docs navigation with API links; examples; and language selector
* rebuilt docs with the new template
* added dutch railways
* updated users logos; updated DB diagram and fixed alignments; updated footer content
---
css/ignite-redesign.css | 2 +-
.../home--unified-database--vertical.svg | 1 +
images/users-logos/resized/apple.jpg | Bin 0 -> 4848 bytes
images/users-logos/resized/banco_do_brasil.jpg | Bin 0 -> 10245 bytes
images/users-logos/resized/bloomberg.jpg | Bin 0 -> 4939 bytes
images/users-logos/resized/dreamworks.jpg | Bin 0 -> 7531 bytes
images/users-logos/resized/dutchrailways.jpg | Bin 0 -> 4808 bytes
images/users-logos/resized/homeaway.jpg | Bin 0 -> 7617 bytes
images/users-logos/resized/microsoft.jpg | Bin 0 -> 5525 bytes
images/users-logos/resized/netflix.jpg | Bin 0 -> 6817 bytes
images/users-logos/resized/paypal.jpg | Bin 0 -> 6867 bytes
images/users-logos/resized/sber_bank.jpg | Bin 0 -> 8223 bytes
images/users-logos/resized/teradata.jpg | Bin 0 -> 5383 bytes
images/users-logos/resized/ups.jpg | Bin 0 -> 6371 bytes
images/users-logos/resized/yahoo_japan.jpg | Bin 0 -> 8157 bytes
includes/footer.html | 20 ++++++++++---
index.html | 28 +++++++++---------
scss/footer.scss | 32 +++++++++++++++------
scss/homepage.scss | 4 +--
19 files changed, 58 insertions(+), 29 deletions(-)
diff --git a/css/ignite-redesign.css b/css/ignite-redesign.css
index 4322d44..ae5d397 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--unified-database--vertical.svg b/images/svg-diagrams/home--unified-database--vertical.svg
new file mode 100644
index 0000000..ac39158
--- /dev/null
+++ b/images/svg-diagrams/home--unified-database--vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 698.56 529.51"><defs><style>.cls-1{fill:#efeeed;}.cls-2{fill:#fff;}.cls-3{fill:#e5282a;}.cls-4{fill:#1d1d1b;}.cls-5{isolation:isolate;}.cls-6{fill:#575656;}.cls-7{fill:#777;}.cls-8{fill:#e52529;}.cls-9{fill:#010101;}</style></defs><g id="Capa_2" data-name="Capa 2"><g id="Capa_1-2" data-name="Capa 1"><rect class="cls-1" x="400.17" y="150.77" width="298.39" height="227.98" rx="7.38"/><path class="cls-2" d="M615.54,187.88c-19.89,0-40.48,4 [...]
\ No newline at end of file
diff --git a/images/users-logos/resized/apple.jpg b/images/users-logos/resized/apple.jpg
new file mode 100644
index 0000000..36add40
Binary files /dev/null and b/images/users-logos/resized/apple.jpg differ
diff --git a/images/users-logos/resized/banco_do_brasil.jpg b/images/users-logos/resized/banco_do_brasil.jpg
new file mode 100644
index 0000000..1262142
Binary files /dev/null and b/images/users-logos/resized/banco_do_brasil.jpg differ
diff --git a/images/users-logos/resized/bloomberg.jpg b/images/users-logos/resized/bloomberg.jpg
new file mode 100644
index 0000000..1678b56
Binary files /dev/null and b/images/users-logos/resized/bloomberg.jpg differ
diff --git a/images/users-logos/resized/dreamworks.jpg b/images/users-logos/resized/dreamworks.jpg
new file mode 100644
index 0000000..8d804e7
Binary files /dev/null and b/images/users-logos/resized/dreamworks.jpg differ
diff --git a/images/users-logos/resized/dutchrailways.jpg b/images/users-logos/resized/dutchrailways.jpg
new file mode 100644
index 0000000..06c0509
Binary files /dev/null and b/images/users-logos/resized/dutchrailways.jpg differ
diff --git a/images/users-logos/resized/homeaway.jpg b/images/users-logos/resized/homeaway.jpg
new file mode 100644
index 0000000..d38088e
Binary files /dev/null and b/images/users-logos/resized/homeaway.jpg differ
diff --git a/images/users-logos/resized/microsoft.jpg b/images/users-logos/resized/microsoft.jpg
new file mode 100644
index 0000000..ef7d697
Binary files /dev/null and b/images/users-logos/resized/microsoft.jpg differ
diff --git a/images/users-logos/resized/netflix.jpg b/images/users-logos/resized/netflix.jpg
new file mode 100644
index 0000000..af50e40
Binary files /dev/null and b/images/users-logos/resized/netflix.jpg differ
diff --git a/images/users-logos/resized/paypal.jpg b/images/users-logos/resized/paypal.jpg
new file mode 100644
index 0000000..278290b
Binary files /dev/null and b/images/users-logos/resized/paypal.jpg differ
diff --git a/images/users-logos/resized/sber_bank.jpg b/images/users-logos/resized/sber_bank.jpg
new file mode 100644
index 0000000..844673f
Binary files /dev/null and b/images/users-logos/resized/sber_bank.jpg differ
diff --git a/images/users-logos/resized/teradata.jpg b/images/users-logos/resized/teradata.jpg
new file mode 100644
index 0000000..bd74c74
Binary files /dev/null and b/images/users-logos/resized/teradata.jpg differ
diff --git a/images/users-logos/resized/ups.jpg b/images/users-logos/resized/ups.jpg
new file mode 100644
index 0000000..ca6fac1
Binary files /dev/null and b/images/users-logos/resized/ups.jpg differ
diff --git a/images/users-logos/resized/yahoo_japan.jpg b/images/users-logos/resized/yahoo_japan.jpg
new file mode 100644
index 0000000..aa0af81
Binary files /dev/null and b/images/users-logos/resized/yahoo_japan.jpg differ
diff --git a/includes/footer.html b/includes/footer.html
index 44d715d..a7e26b6 100644
--- a/includes/footer.html
+++ b/includes/footer.html
@@ -3,7 +3,8 @@
<div class="wrapper">
<div class="container">
<div class="row">
- <nav class="col-md-4">
+ <nav class="col-md-2">
+ <h4>Quick Links</h4>
<ul class="list-unstyled">
<li><a href="/features.html">Features</a></li>
<li><a href="/docs/latest/">Documentation</a></li>
@@ -11,15 +12,26 @@
<li><a href="/download.cgi">Download</a></li>
<li><a href="/community/contribute.html">Contribute</a></li>
</ul>
+ </nav>
+ <nav class="col-md-3">
- <ul class="social-networks list-unstyled">
+ <h4>Use Cases</h4>
+ <ul class="list-unstyled">
+ <li><a href="/use-cases/in-memory-cache.html">In-Memory Cache</a></li>
+ <li><a href="/use-cases/in-memory-data-grid.html">In-Memory Data Grid</a></li>
+ <li><a href="/use-cases/in-memory-database.html">In-Memory Database</a></li>
+ <li><a href="/use-cases/high-performance-computing.html">High Performance Computing</a></li>
+ <li><a href="/use-cases/digital-integration-hub.html">Digital Integration Hub</a></li>
+ </ul>
+
+ <!-- ul class="social-networks list-unstyled">
<li><a href="https://www.linkedin.com/company/apache-ignite" aria-label="Linkedin" class="icon-linkedin" target="_blank" rel="noopener"></a></li>
<li><a href="https://twitter.com/ApacheIgnite" aria-label="Twitter" class="icon-twitter" target="_blank" rel="noopener"></a></li>
<li><a href="https://plus.google.com/109419715166167783665" aria-label="Google Plus" class="icon-google-plus" target="_blank" rel="noopener"></a></li>
<li><a href="https://www.facebook.com/Apache-Ignite-813431118713318/" aria-label="Facebook" class="icon-facebook" target="_blank" rel="noopener"></a></li>
- </ul>
+ </ul -->
</nav>
- <div class="col-md-8 copyright">
+ <div class="col-md-7 copyright">
<p>© 2015 - 2020 <a href="http://www.apache.org/">The Apache Software Foundation</a>.<br/>
Apache, Apache Ignite, the Apache feather and the Apache Ignite logo are either registered trademarks
or trademarks of The Apache Software Foundation. <br /><a href="http://apache.org/foundation/policies/privacy.html" target="_blank" rel="noopener nofollow">Privacy Policy</a></p>
diff --git a/index.html b/index.html
index 8584de8..fee0b20 100644
--- a/index.html
+++ b/index.html
@@ -241,31 +241,31 @@ under the License.
<div class="row poweredby-logos">
- <img src="/images/users-logos/Microsoft_logo.svg" alt="Microsoft logo"/>
+ <img src="/images/users-logos/resized/microsoft.jpg" alt="Microsoft logo"/>
- <img src="/images/users-logos/Netflix-Logo.svg" alt="Netflix logo"/>
+ <img src="/images/users-logos/resized/netflix.jpg" alt="Netflix logo"/>
- <img src="/images/users-logos/apple-logo.svg" alt="Apple logo"/>
+ <img src="/images/users-logos/resized/apple.jpg" alt="Apple logo"/>
- <img src="/images/users-logos/dreamworks-logo.jpg" alt="Dreamworks logo"/>
+ <img src="/images/users-logos/resized/dreamworks.jpg" alt="Dreamworks logo"/>
- <img src="/images/users-logos/Yahoo_Japan_Logo.svg" alt="Yahoo Japan logo"/>
+ <img src="/images/users-logos/resized/yahoo_japan.jpg" alt="Yahoo Japan logo"/>
- <img src="/images/users-logos/New_Bloomberg_Logo.svg" alt="Bloomberg logo"/>
+ <img src="/images/users-logos/resized/bloomberg.jpg" alt="Bloomberg logo"/>
- <img src="/images/users-logos/sber-bank-logo.png" alt="SberBank logo" style="opacity: 0.9;"/>
+ <img src="/images/users-logos/resized/sber_bank.jpg" alt="SberBank logo" style="opacity: 0.9;"/>
- <img src="/images/users-logos/PayPal.svg" alt="PayPal logo"/>
+ <img src="/images/users-logos/resized/paypal.jpg" alt="PayPal logo"/>
- <img src="/images/users-logos/Banco_do_Brasil_logo.svg" alt="Banco do Brasil logo"/>
+ <img src="/images/users-logos/resized/banco_do_brasil.jpg" alt="Banco do Brasil logo"/>
- <img src="/images/users-logos/dutchrailways-logo.svg" alt="Dutch Railways logo" style="padding: 1rem;"/>
+ <img src="/images/users-logos/resized/dutchrailways.jpg" alt="Dutch Railways logo" />
- <img src="/images/users-logos/HomeAway_Logo.svg" alt="HomeAway logo" style="opacity: 0.9;"/>
+ <img src="/images/users-logos/resized/homeaway.jpg" alt="HomeAway logo" style="opacity: 0.9;"/>
- <img src="/images/users-logos/teradata.jpg" alt="Teradata logo"/>
+ <img src="/images/users-logos/resized/teradata.jpg" alt="Teradata logo"/>
- <img src="/images/users-logos/ups.png" alt="UPS logo"/>
+ <img src="/images/users-logos/resized/ups.jpg" alt="UPS logo"/>
</div>
<div class="cta-link">
@@ -863,7 +863,7 @@ under the License.
</div>
<div class="diagram-wrapper">
- <img class="lazyload" data-src="/images/svg-diagrams/home--unified-database.svg?20201211"
+ <img class="lazyload" data-src="/images/svg-diagrams/home--unified-database--vertical.svg?20201221"
alt="Distributed Database Diagram"/>
</div>
</div>
diff --git a/scss/footer.scss b/scss/footer.scss
index 3180369..e667834 100644
--- a/scss/footer.scss
+++ b/scss/footer.scss
@@ -6,41 +6,50 @@
.wrapper {
background: rgb(24,124,204);
- background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 45%, rgba(242,242,242,0) 45%);
- background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 45%, rgba(242,242,242,0) 45%);
- background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 45%, rgba(242,242,242,0) 45%);
+ background: -moz-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 50%, rgba(242,242,242,0) 50%);
+ background: -webkit-linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 50%, rgba(242,242,242,0) 50%);
+ background: linear-gradient(45deg, rgba(24,124,204,1) 0%, rgba(10,90,154,1) 50%, rgba(242,242,242,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#f2f2f2",GradientType=1);
padding-top: 3rem;
+ padding-bottom: 3rem;
}
nav {
+ h4 {
+ font-size: 18px;
+ font-weight: 600;
+ color: #ffffff;
+ }
+
ul {
li {
- padding:5px;
+ padding: 3px;
a {
color: #ffffff;
+ font-size: 12px;
}
}
}
}
.copyright {
- padding-left: 33%;
+ padding-left: 25%;
.footer-logos {
display: flex;
- justify-content: space-between;
+ justify-content: flex-end;
.ignite {
img {
- width: 190px;
+ width: 150px;
+ margin-right: 25px;;
}
}
.apache {
img {
- width: 80px;
+ width: 60px;
}
}
}
@@ -57,7 +66,14 @@
#footer {
+
nav {
+
+ h4 {
+ color: #333;
+ text-align: center;
+ }
+
ul {
display: flex;
justify-content: space-evenly;
diff --git a/scss/homepage.scss b/scss/homepage.scss
index 3fea264..ce8c90e 100644
--- a/scss/homepage.scss
+++ b/scss/homepage.scss
@@ -26,7 +26,7 @@
bottom: 0;
left: 0;
z-index: 0;
- height: 515px;
+ height: 480px;
}
@@ -204,7 +204,7 @@
width: 50%;
display: flex;
flex-wrap: wrap;
- align-content: flex-end;
+ align-content: center;
padding-right: 1.5rem;