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 2021/01/15 00:28:28 UTC
[ignite-website] branch master updated: Some more fixes for Ignite
13941 (#69)
This is an automated email from the ASF dual-hosted git repository.
dmagda pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ignite-website.git
The following commit(s) were added to refs/heads/master by this push:
new 8c6a043 Some more fixes for Ignite 13941 (#69)
8c6a043 is described below
commit 8c6a043f7e027bd4b50d7b073806879cb7977839
Author: Mauricio Stekl <ma...@stekl.org>
AuthorDate: Thu Jan 14 21:28:19 2021 -0300
Some more fixes for Ignite 13941 (#69)
* created new critital css for internal pages, and home page too; also added explicit widh/height for images; changes how google font is loaded
* avoids large images to fall outside the viewport
* did many optimizations for performance and for reducing CLS
---
_docs/_includes/criticalCSS.html | 1 +
_docs/_includes/header.html | 28 ++++++------
_docs/_includes/left-nav.html | 4 +-
_docs/_layouts/default.html | 49 ++++++++++++---------
.../asciidoc-pygments.scss} | 0
_docs/_sass/docs.scss | 5 +++
_docs/_sass/header.scss | 9 ++++
_docs/assets/css/styles.scss | 2 +
_docs/assets/images/icon_lang_cn_25x25.jpg | Bin 0 -> 1248 bytes
_docs/assets/images/icon_lang_cn_75x75.jpg | Bin 0 -> 1658 bytes
_docs/assets/images/icon_lang_en_25x25.jpg | Bin 0 -> 1374 bytes
_docs/assets/images/icon_lang_en_75x75.jpg | Bin 0 -> 2558 bytes
12 files changed, 62 insertions(+), 36 deletions(-)
diff --git a/_docs/_includes/criticalCSS.html b/_docs/_includes/criticalCSS.html
new file mode 100644
index 0000000..c732473
--- /dev/null
+++ b/_docs/_includes/criticalCSS.html
@@ -0,0 +1 @@
+<style>:root{--gg-red:#ec1c24;--gg-orange:#ec1c24;--gg-orange-dark:#bc440b;--gg-orange-filter:invert(47%) sepia(61%) saturate(1950%) hue-rotate(345deg) brightness(100%) contrast(95%);--gg-dark-gray:#333333;--orange-line-thickness:3px;--block-code-background:rgba(241, 241, 241, 20%);--inline-code-background:rgba(241, 241, 241, 90%);--padding-top:25px;--link-color:#ec1c24;--body-background:#fcfcfc}header{min-height:var(--header-height);background:#fff;box-shadow:0 4px 10px 0 #eee,0 0 4px 0 [...]
\ No newline at end of file
diff --git a/_docs/_includes/header.html b/_docs/_includes/header.html
index 4453360..ef7dea9 100644
--- a/_docs/_includes/header.html
+++ b/_docs/_includes/header.html
@@ -2,11 +2,11 @@
<!--#include virtual="/includes/promotion_banner.html" -->
<div class="container">
<button type='button' class='menu' title='Docs menu'>
- <img src="{{'assets/images/menu-icon.svg'|relative_url}}"/>
+ <img src="{{'assets/images/menu-icon.svg'|relative_url}}" width="18" height="12" alt="menu icon" />
</button>
<div class='home'>
<a href="/" class='home' title='Apache Ignite home'>
- <img src="{{'assets/images/apache_ignite_logo.svg'|relative_url}}" alt="Apache Ignite logo" width="103" >
+ <img src="{{'assets/images/apache_ignite_logo.svg'|relative_url}}" alt="Apache Ignite logo" width="103" height="36" >
</a>
</div>
@@ -15,10 +15,10 @@
<option value="{{site.attrs.version}}">{{site.attrs.version}}</option>
</select>
- <nav id="api-docs">
+ <nav id="api-docs"><ul>
<li><a href="#">APIs</a>
-
<nav class='dropdown'>
+ <ul>
<li class="dropdown-item"><a href="/releases/latest/javadoc/index.html">Java</a></li>
<li class="dropdown-item"><a href="/releases/latest/dotnetdoc/api/">C#/.NET</a></li>
@@ -26,12 +26,13 @@
<li class="dropdown-item"><a href="/releases/latest/cppdoc/index.html">C++</a></li>
<li class="dropdown-item"><a href="/releases/latest/scaladoc/scalar/index.html#org.apache.ignite.scalar.scalar$">Scala</a></li>
-
+ </ul>
</nav>
</li>
<li><a href="#">Examples</a>
<nav class="dropdown">
+ <ul>
<li class="dropdown-item"><a href="https://github.com/apache/ignite/tree/master/examples" target="_blank" rel="noopener" title="Apache Ignite Java examples">Java</a></li>
<li class="dropdown-item"><a href="https://github.com/apache/ignite/tree/master/modules/platforms/dotnet/examples" target="_blank" rel="noopener" title="Apache Ignite C#/.NET examples">C#/.NET</a></li>
@@ -43,23 +44,24 @@
<li class="dropdown-item"><a href="https://github.com/apache/ignite/tree/master/modules/platforms/nodejs/examples" target="_blank" rel="noopener" title="Apache Ignite NodeJS examples">NodeJS</a></li>
<li class="dropdown-item"><a href="https://github.com/apache/ignite/tree/master/modules/platforms/php/examples" target="_blank" rel="noopener" title="Apache Ignite PHP examples">PHP</a></li>
+ </ul>
</nav>
- </li>
+ </li></ul>
</nav>
<form class='search'>
- <button class="search-close" type='button'><img src='{{"assets/images/cancel.svg"|relative_url}}'></button>
+ <button class="search-close" type='button'><img src='{{"assets/images/cancel.svg"|relative_url}}' alt="close" width="10" height="10" /></button>
<input type="search" placeholder="Search…" id="search-input">
</form>
- <button type='button' class='search-toggle'><img src='{{"assets/images/search.svg"|relative_url}}'></button>
+
- <nav id="lang-selector">
- <li><a href="#"><img src="{{'assets/images/icon_lang_en.png'|relative_url}}" alt="English language icon" /><span>▼</span></a>
+ <nav id="lang-selector"><ul>
+ <li><a href="#"><img src="{{'assets/images/icon_lang_en_75x75.jpg'|relative_url}}" alt="English language icon" width="25" height="25" /><span>▼</span></a>
<nav class="dropdown">
- <li class="dropdown-item"><a href="/docs/latest/" ><img src="{{'assets/images/icon_lang_en.png'|relative_url}}" alt="English language icon" /><span>English</span></a></li>
- <li class="dropdown-item"><a href="https://www.ignite-service.cn/doc/java/" target="_blank" rel="noopener"><img src="{{'assets/images/icon_lang_cn.png'|relative_url}}" alt="Chinese language icon" /><span>Chinese</span></a></li>
+ <li class="dropdown-item"><a href="/docs/latest/" ><img src="{{'assets/images/icon_lang_en_75x75.jpg'|relative_url}}" alt="English language icon" width="25" height="25" /><span>English</span></a></li>
+ <li class="dropdown-item"><a href="https://www.ignite-service.cn/doc/java/" target="_blank" rel="noopener"><img src="{{'assets/images/icon_lang_cn_75x75.jpg'|relative_url}}" width="25" height="25" alt="Chinese language icon" /><span>Chinese</span></a></li>
</nav>
- </li>
+ </li></ul>
</nav>
<button type='button' class='top-nav-toggle'>⋮</button>
diff --git a/_docs/_includes/left-nav.html b/_docs/_includes/left-nav.html
index a0dfae2..7e907c8 100644
--- a/_docs/_includes/left-nav.html
+++ b/_docs/_includes/left-nav.html
@@ -31,7 +31,7 @@
{% endif %}
<button
type='button'
- class='{{chapter_class}} {% if normalized_path == normalized_chapter_url %}active{% endif %}'>{{chapter.title}}<img class="state-indicator" src="{{'assets/images/left-nav-arrow.svg' | relative_url}}"></button>
+ class='{{chapter_class}} {% if normalized_path == normalized_chapter_url %}active{% endif %}'>{{chapter.title}}<img class="state-indicator" src="{{'assets/images/left-nav-arrow.svg' | relative_url}}" width="6" height="10"></button>
<nav class="sub_pages {{chapter_class}}">
{% for subpage in chapter.items %}
@@ -54,7 +54,7 @@
{% endcapture %}
- <button type='button' class='group-toggle {{guide_class}} {% if page.url contains guide.url %}parent{% endif %}'>{{guide.title}}<img class="state-indicator" src="{{'assets/images/left-nav-arrow.svg'|relative_url}}"></button>
+ <button type='button' class='group-toggle {{guide_class}} {% if page.url contains guide.url %}parent{% endif %}'>{{guide.title}}<img class="state-indicator" src="{{'assets/images/left-nav-arrow.svg'|relative_url}}" width="6" height="10"></button>
<nav class='nav-group {{guide_class}}'>
{{ submenu }}
</nav>
diff --git a/_docs/_layouts/default.html b/_docs/_layouts/default.html
index a774598..a807b8f 100644
--- a/_docs/_layouts/default.html
+++ b/_docs/_layouts/default.html
@@ -10,10 +10,15 @@
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
-
gtag('config', 'UA-61232409-1');
</script>
+ <link rel="preload" href='{{"assets/js/code-tabs.js?1" | relative_url}}' as="script" crossorigin>
+ <link rel="preload" href='{{"assets/js/page-nav.js" | relative_url}}' as="script" crossorigin>
+ <link rel="preload" href='{{"assets/js/docs-menu.js?20201005" | relative_url}}' as="script" crossorigin>
+
+ {% include criticalCSS.html %}
+
{% if page.content == nil or page.content == "" %}
<META NAME="ROBOTS" CONTENT="NOINDEX">
{% endif %}
@@ -28,16 +33,22 @@
<META NAME="ROBOTS" CONTENT="NOINDEX" />
{% endif %}
{% capture timestamp %}{{"now"| date: '%s'}}{% endcapture %}
- <link rel="stylesheet" href="{{'assets/css/styles.css?'|append: timestamp |relative_url}}">
- <link rel="stylesheet" href="{{'assets/css/asciidoc-pygments.css'|relative_url}}">
- <link rel="shortcut icon" href="{{'/favicon.ico'|relative_url}}">
+ <link rel="shortcut icon" href="{{'/favicon.ico'|relative_url}}">
<meta name='viewport' content='width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0'>
- <script type="text/javascript" src="{{'assets/js/anchor.min.js?'|append: timestamp|relative_url}}"></script>
-
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
-
+ <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" />
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" media="print" onload="this.media='all'">
+ <noscript>
+ <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
+ </noscript>
+ <script>
+ // AnchorJS - v4.2.0 - 2019-01-01
+ // https://github.com/bryanbraun/anchorjs
+ // Copyright (c) 2019 Bryan Braun; Licensed MIT
+ !function(A,e){"use strict";"function"==typeof define&&define.amd?define([],e):"object"==typeof module&&module.exports?module.exports=e():(A.AnchorJS=e(),A.anchors=new A.AnchorJS)}(this,function(){"use strict";return function(A){function f(A){A.icon=A.hasOwnProperty("icon")?A.icon:"",A.visible=A.hasOwnProperty("visible")?A.visible:"hover",A.placement=A.hasOwnProperty("placement")?A.placement:"right",A.ariaLabel=A.hasOwnProperty("ariaLabel")?A.ariaLabel:"Anchor",A.class=A.hasOwnPrope [...]
+ </script>
+
</head>
<body>
{% include header.html %}
@@ -50,19 +61,7 @@
visible: 'always'
};
</script>
- <!-- load google fonts async -->
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Open+Sans:300,400,600,700&display=swap' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
+
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script>
docsearch({
@@ -81,6 +80,14 @@
</script>
<script type='module' src='{{"assets/js/index.js?"|append: timestamp | relative_url}}' async crossorigin></script>
<script type='module' src='{{"assets/js/versioning.js?"|append: timestamp | relative_url}}' async crossorigin></script>
+
+<link rel="stylesheet" href="{{'assets/css/styles.css?'|append: timestamp |relative_url}}" media="print" onload="this.media='all'">
+<noscript><link media="all" rel="stylesheet" href="{{'assets/css/styles.css?'|append: timestamp |relative_url}}"></noscript>
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" media="print" onload="this.media='all'">
+<noscript><link media="all" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"></noscript>
+
+
</body>
</html>
diff --git a/_docs/assets/css/asciidoc-pygments.css b/_docs/_sass/asciidoc-pygments.scss
similarity index 100%
rename from _docs/assets/css/asciidoc-pygments.css
rename to _docs/_sass/asciidoc-pygments.scss
diff --git a/_docs/_sass/docs.scss b/_docs/_sass/docs.scss
index 2ef802e..e0e59b1 100644
--- a/_docs/_sass/docs.scss
+++ b/_docs/_sass/docs.scss
@@ -34,6 +34,11 @@ section.page-docs {
}
}
+ img {
+ max-width: 100%;
+ height: auto;
+ }
+
@media (max-width: 800px) {
padding-left: 15px;
padding-right: 15px
diff --git a/_docs/_sass/header.scss b/_docs/_sass/header.scss
index 19bf1aa..464db4d 100644
--- a/_docs/_sass/header.scss
+++ b/_docs/_sass/header.scss
@@ -57,6 +57,13 @@ header {
height: 4px;
}
+ nav > ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ display: inherit;
+ }
+
.dropdown {
display: none;
position: fixed;
@@ -69,6 +76,8 @@ header {
padding-bottom: 12px;
z-index: 2;
+
+
li {
display: flex;
}
diff --git a/_docs/assets/css/styles.scss b/_docs/assets/css/styles.scss
index f6e280d..078cb22 100644
--- a/_docs/assets/css/styles.scss
+++ b/_docs/assets/css/styles.scss
@@ -12,3 +12,5 @@
@import "footer";
@import "docs";
+
+@import "asciidoc-pygments";
\ No newline at end of file
diff --git a/_docs/assets/images/icon_lang_cn_25x25.jpg b/_docs/assets/images/icon_lang_cn_25x25.jpg
new file mode 100644
index 0000000..cd58cb5
Binary files /dev/null and b/_docs/assets/images/icon_lang_cn_25x25.jpg differ
diff --git a/_docs/assets/images/icon_lang_cn_75x75.jpg b/_docs/assets/images/icon_lang_cn_75x75.jpg
new file mode 100644
index 0000000..b7dfcf6
Binary files /dev/null and b/_docs/assets/images/icon_lang_cn_75x75.jpg differ
diff --git a/_docs/assets/images/icon_lang_en_25x25.jpg b/_docs/assets/images/icon_lang_en_25x25.jpg
new file mode 100644
index 0000000..fce6533
Binary files /dev/null and b/_docs/assets/images/icon_lang_en_25x25.jpg differ
diff --git a/_docs/assets/images/icon_lang_en_75x75.jpg b/_docs/assets/images/icon_lang_en_75x75.jpg
new file mode 100644
index 0000000..4dee4c3
Binary files /dev/null and b/_docs/assets/images/icon_lang_en_75x75.jpg differ