jekyll-text-theme 2.2.0 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +12 -1
- data/README.md +5 -5
- data/_data/variables.yml +0 -3
- data/_includes/article-header.html +4 -2
- data/_includes/article-list.html +4 -4
- data/_includes/author-links.html +8 -0
- data/_includes/header.html +3 -3
- data/_includes/scripts/components/sidebar.js +22 -2
- data/_includes/scripts/search.js +10 -4
- data/_includes/scripts/variables.html +1 -1
- data/_includes/search.html +1 -1
- data/_includes/snippets/prepend-path.html +1 -1
- data/_includes/svg/icon/social/telegram.svg +4 -0
- data/_layouts/landing.html +36 -20
- data/_layouts/page.html +131 -126
- data/_sass/common/_variables.scss +1 -1
- data/_sass/common/components/_hero.scss +9 -18
- data/_sass/components/_author-links.scss +3 -0
- data/_sass/components/_header.scss +16 -17
- data/_sass/components/_main.scss +5 -3
- data/_sass/components/_search.scss +39 -2
- data/_sass/layout/_articles.scss +5 -0
- data/_sass/layout/_landing.scss +19 -2
- data/_sass/layout/_page.scss +56 -39
- data/_sass/skins/_chocolate.scss +1 -0
- data/_sass/skins/_dark.scss +1 -0
- data/_sass/skins/_default.scss +1 -0
- data/_sass/skins/_forest.scss +1 -0
- data/_sass/skins/_ocean.scss +1 -0
- data/_sass/skins/_orange.scss +1 -1
- metadata +3 -4
- data/assets/images/license-cc4.png +0 -0
- data/assets/images/octocat.jpg +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 74fbab02e8f576ce07b16b9de824b112f09844ac
|
|
4
|
+
data.tar.gz: 9b07af90dd375dc0b3258f7dd91ca320c7d22be3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3278366fe5b00e316295aa716374cd7b56c706ccd97391d990f01b616a55bff96c62e95f612417ecad239294363e32be8993fc2f5e64a7dffb280d159a72be24
|
|
7
|
+
data.tar.gz: b7a1760da02654e1838fef2fb594e1086f9fa2ed44b8eed3147e5bc715804feb73830a99d31e0c75d1cb68beea385a8d9528188e3d49aa6b5495801cb8ea98a3
|
data/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.2.1 (2018-10-02)
|
|
4
|
+
|
|
5
|
+
### Enhancements
|
|
6
|
+
|
|
7
|
+
- Update screenshots
|
|
8
|
+
- landing Layout `data.sections` item's `image` add `full_width` setting
|
|
9
|
+
- Remove `header.type` and add `header.background` setting
|
|
10
|
+
- page Layout width sidebar use document scroll when viewport width < 1024px, this enhance the user experience on a phone or a pad
|
|
11
|
+
- Telegram social icon (@WangQiru)
|
|
12
|
+
- Search panel use dark background
|
|
13
|
+
|
|
3
14
|
## 2.2.0 (2018-09-16)
|
|
4
15
|
|
|
5
16
|
### Enhancements
|
|
@@ -9,7 +20,7 @@
|
|
|
9
20
|
- New grid system
|
|
10
21
|
- Image, card, item and hero components
|
|
11
22
|
- Tag additional style
|
|
12
|
-
- chart.js update to 2.7.2, mathjax update to 2.7.4 mermaid update to 8.0.0-rc.8
|
|
23
|
+
- chart.js update to 2.7.2, mathjax update to 2.7.4 and mermaid update to 8.0.0-rc.8
|
|
13
24
|
|
|
14
25
|
### Bug Fixes
|
|
15
26
|
|
data/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
[](https://github.com/kitian616/jekyll-TeXt-theme/blob/master/LICENSE)
|
|
5
5
|
[](https://travis-ci.org/kitian616/jekyll-TeXt-theme)
|
|
6
6
|
|
|
7
|
-
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -19,7 +19,7 @@ TeXt is a super customizable Jekyll theme for personal site, team site, blog, pr
|
|
|
19
19
|
- Highlight Theme
|
|
20
20
|
- Table of contents
|
|
21
21
|
- Authors
|
|
22
|
-
- Multi-language support
|
|
22
|
+
- Multi-language support
|
|
23
23
|
- Search
|
|
24
24
|
- Semantic HTML
|
|
25
25
|
- RSS（[jekyll-feed](https://github.com/jekyll/jekyll-feed))
|
|
@@ -33,15 +33,15 @@ TeXt is a super customizable Jekyll theme for personal site, team site, blog, pr
|
|
|
33
33
|
|
|
34
34
|
## Skins
|
|
35
35
|
|
|
36
|
-
TeXt has 6 built-in skins,
|
|
36
|
+
TeXt has 6 built-in skins, you can also set up your own skin.
|
|
37
37
|
|
|
38
38
|
| `default` | `dark` | `forest` |
|
|
39
39
|
| --- | --- | --- |
|
|
40
|
-
|  |  |  |
|
|
41
41
|
|
|
42
42
|
| `ocean` | `chocolate` | `orange` |
|
|
43
43
|
| --- | --- | --- |
|
|
44
|
-
|  |  |  |
|
|
45
45
|
|
|
46
46
|
### Highlight Theme
|
|
47
47
|
|
data/_data/variables.yml
CHANGED
|
@@ -13,11 +13,10 @@
|
|
|
13
13
|
source0=layout.show_edit_on_github source1=include.article.show_edit_on_github -%}
|
|
14
14
|
{%- assign _show_edit_on_github = __return -%}
|
|
15
15
|
|
|
16
|
+
{%- if _show_title or _show_edit_on_github -%}
|
|
16
17
|
<div class="article__header">
|
|
17
18
|
{%- if _show_title -%}
|
|
18
19
|
<header><h1>{{ _article_title }}</h1></header>
|
|
19
|
-
{%- else -%}
|
|
20
|
-
<header style="display:none;"><h1>{{ _article_title }}</h1></header>
|
|
21
20
|
{%- endif -%}
|
|
22
21
|
{%- if _show_edit_on_github -%}
|
|
23
22
|
{%- if site.repository and site.repository_tree -%}
|
|
@@ -40,6 +39,9 @@
|
|
|
40
39
|
{%- endif -%}
|
|
41
40
|
{%- endif -%}
|
|
42
41
|
</div>
|
|
42
|
+
{%- else -%}
|
|
43
|
+
<header style="display:none;"><h1>{{ _article_title }}</h1></header>
|
|
44
|
+
{%- endif -%}
|
|
43
45
|
{%- endif -%}
|
|
44
46
|
|
|
45
47
|
{%- if include.semantic != false -%}
|
data/_includes/article-list.html
CHANGED
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
{%- elsif include.type == 'brief' -%}
|
|
80
80
|
{%- assign _tags = '' -%}
|
|
81
81
|
{%- for _tag in _article.tags -%}
|
|
82
|
-
{%- assign _tag_encode = _tag | strip | url_encode
|
|
82
|
+
{%- assign _tag_encode = _tag | strip | url_encode -%}
|
|
83
83
|
{%- if forloop.last -%}
|
|
84
84
|
{%- assign _tags = _tags | append: _tag_encode -%}
|
|
85
85
|
{%- else -%}
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
{%- if include.size == 'sm' -%}
|
|
108
108
|
<div class="cell cell--3 cell--md-4 cell--sm-12">
|
|
109
109
|
<div class="card">
|
|
110
|
-
{%- if
|
|
110
|
+
{%- if _article.cover -%}
|
|
111
111
|
<div class="card__image">
|
|
112
112
|
<img class="image" src="{{ _article_cover }}" />
|
|
113
113
|
<div class="overlay overlay--bottom">
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
|
|
124
124
|
<div class="cell cell--4 cell--md-6 cell--sm-12">
|
|
125
125
|
<div class="card card--flat">
|
|
126
|
-
{%- if
|
|
126
|
+
{%- if _article.cover -%}
|
|
127
127
|
<div class="card__image"><img src="{{ _article_cover }}" /></div>
|
|
128
128
|
{%- endif -%}
|
|
129
129
|
<div class="card__content">
|
|
@@ -137,4 +137,4 @@
|
|
|
137
137
|
{%- endif -%}
|
|
138
138
|
{%- endfor -%}
|
|
139
139
|
|
|
140
|
-
</div>
|
|
140
|
+
</div>
|
data/_includes/author-links.html
CHANGED
|
@@ -80,5 +80,13 @@
|
|
|
80
80
|
</a>
|
|
81
81
|
</li>
|
|
82
82
|
{%- endif -%}
|
|
83
|
+
|
|
84
|
+
{%- if _author.telegram -%}
|
|
85
|
+
<li title="{{ __return | replace: '[NAME]', 'Telegram' }}">
|
|
86
|
+
<a class="button button--circle telegram-button" itemprop="sameAs" href="https://t.me/{{ _author.telegram }}" target="_blank">
|
|
87
|
+
<div class="icon">{%- include svg/icon/social/telegram.svg -%}</div>
|
|
88
|
+
</a>
|
|
89
|
+
</li>
|
|
90
|
+
{%- endif -%}
|
|
83
91
|
</ul>
|
|
84
92
|
</div>
|
data/_includes/header.html
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{%- if include.theme == 'dark' -%}
|
|
2
|
-
<header class="header header--dark">
|
|
2
|
+
<header class="header header--dark" {%- if include.background -%} style="background: {{ include.background }};" {%- endif -%}>
|
|
3
3
|
{%- elsif include.theme == 'light' -%}
|
|
4
|
-
<header class="header header--light">
|
|
4
|
+
<header class="header header--light" {%- if include.background -%} style="background: {{ include.background }};" {%- endif -%}>
|
|
5
5
|
{%- else -%}
|
|
6
|
-
<header class="header">
|
|
6
|
+
<header class="header" {%- if include.background -%} style="background: {{ include.background }};" {%- endif -%}>
|
|
7
7
|
{%- endif -%}
|
|
8
8
|
<div class="main">
|
|
9
9
|
<div class="header__title">
|
|
@@ -1,14 +1,34 @@
|
|
|
1
1
|
(function() {
|
|
2
2
|
var SOURCES = window.TEXT_VARIABLES.sources;
|
|
3
|
+
|
|
3
4
|
window.Lazyload.js(SOURCES.jquery, function() {
|
|
5
|
+
var $pageMask = $('.js-page-mask');
|
|
4
6
|
var $pageRoot = $('.js-page-root');
|
|
7
|
+
var $pageMain = $('.js-page-main');
|
|
5
8
|
var $sidebarShow = $('.js-sidebar-show');
|
|
6
9
|
var $sidebarHide = $('.js-sidebar-hide');
|
|
10
|
+
|
|
11
|
+
var scrollTop;
|
|
12
|
+
|
|
13
|
+
function freeze(e) {
|
|
14
|
+
if (e.target === $pageMask[0]) {
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
function stopBodyScrolling(bool) {
|
|
19
|
+
if (bool === true) {
|
|
20
|
+
window.addEventListener('touchmove', freeze, { passive: false });
|
|
21
|
+
} else {
|
|
22
|
+
window.removeEventListener('touchmove', freeze, { passive: false });
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
7
26
|
$sidebarShow.on('click', function() {
|
|
8
|
-
$
|
|
27
|
+
scrollTop = $(window).scrollTop();
|
|
28
|
+
stopBodyScrolling(true); $pageRoot.addClass('show-sidebar'); $pageMain.scrollTop(scrollTop);
|
|
9
29
|
});
|
|
10
30
|
$sidebarHide.on('click', function() {
|
|
11
|
-
$pageRoot.removeClass('show-sidebar');
|
|
31
|
+
stopBodyScrolling(false); $pageRoot.removeClass('show-sidebar'); $(window).scrollTop(scrollTop);
|
|
12
32
|
});
|
|
13
33
|
});
|
|
14
34
|
})();
|
data/_includes/scripts/search.js
CHANGED
|
@@ -106,21 +106,27 @@ window.Lazyload.js([SOURCES.jquery, PAHTS.search_js], function() {
|
|
|
106
106
|
|
|
107
107
|
// search panel
|
|
108
108
|
var $pageRoot = $('.js-page-root');
|
|
109
|
+
var $pageMain = $('.js-page-main');
|
|
109
110
|
var $searchToggle = $('.js-search-toggle');
|
|
110
111
|
var showSearch = false;
|
|
112
|
+
var scrollTop;
|
|
113
|
+
|
|
114
|
+
function openSearchPanel() {
|
|
115
|
+
scrollTop = $(window).scrollTop() || $pageMain.scrollTop();
|
|
116
|
+
$pageRoot.addClass('show-search-panel');
|
|
117
|
+
$pageMain.scrollTop(scrollTop);
|
|
118
|
+
$searchInput[0].focus();
|
|
119
|
+
}
|
|
111
120
|
|
|
112
121
|
function closeSearchPanel() {
|
|
113
122
|
$pageRoot.removeClass('show-search-panel');
|
|
123
|
+
$(window).scrollTop(scrollTop);
|
|
114
124
|
$searchInput[0].blur();
|
|
115
125
|
setTimeout(function() {
|
|
116
126
|
$searchInput.val(''); searchBoxEmpty();
|
|
117
127
|
window.pageAsideAffix && window.pageAsideAffix.refresh();
|
|
118
128
|
}, 400);
|
|
119
129
|
}
|
|
120
|
-
function openSearchPanel() {
|
|
121
|
-
$pageRoot.addClass('show-search-panel');
|
|
122
|
-
$searchInput[0].focus();
|
|
123
|
-
}
|
|
124
130
|
|
|
125
131
|
// Char Code: 13 Enter, 27 ESC, 37 ⬅, 38 ⬆, 39 ➡, 40 ⬇, 83 S, 191 /
|
|
126
132
|
function isFormElement(e) {
|
data/_includes/search.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
{%- include snippets/locale-to-string.html locale=site.data.locale.SEARCH -%}
|
|
4
4
|
{%- assign _locale_search = __return -%}
|
|
5
5
|
|
|
6
|
-
<div class="search">
|
|
6
|
+
<div class="search search--dark">
|
|
7
7
|
<div class="main">
|
|
8
8
|
<div class="search__header">{{ _locale_search }}</div>
|
|
9
9
|
<div class="search-bar">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{%- assign __return = include.path | prepend: '/' | prepend: include.prepend_path | replace:'//','/' -%}
|
|
1
|
+
{%- assign __return = include.path | prepend: '/' | prepend: include.prepend_path | replace:'///','/' | replace:'//','/' -%}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">
|
|
3
|
+
<path style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" d="M 20.302734 2.984375 C 20.013769 2.996945 19.748583 3.080055 19.515625 3.171875 C 19.300407 3.256634 18.52754 3.5814726 17.296875 4.0976562 C 16.06621 4.61384 14.435476 5.2982348 12.697266 6.0292969 C 9.2208449 7.4914211 5.314238 9.1361259 3.3125 9.9785156 C 3.243759 10.007156 2.9645852 10.092621 2.65625 10.328125 C 2.3471996 10.564176 2.0039062 11.076462 2.0039062 11.636719 C 2.0039062 12.088671 2.2295201 12.548966 2.5019531 12.8125 C 2.7743861 13.076034 3.0504903 13.199244 3.28125 13.291016 C 3.9563403 13.559857 6.0424892 14.392968 6.9492188 14.755859 C 7.2668647 15.707799 8.0129251 17.950071 8.1875 18.501953 L 8.1855469 18.501953 C 8.3275588 18.951162 8.4659791 19.243913 8.6582031 19.488281 C 8.7543151 19.610465 8.8690398 19.721184 9.0097656 19.808594 C 9.0637596 19.842134 9.1235454 19.868148 9.1835938 19.892578 C 9.191962 19.896131 9.2005867 19.897012 9.2089844 19.900391 L 9.1855469 19.894531 C 9.2029579 19.901531 9.2185841 19.911859 9.2363281 19.917969 C 9.2652427 19.927926 9.2852873 19.927599 9.3242188 19.935547 C 9.4612233 19.977694 9.5979794 20.005859 9.7246094 20.005859 C 10.26822 20.005859 10.601562 19.710938 10.601562 19.710938 L 10.623047 19.695312 L 12.970703 17.708984 L 15.845703 20.367188 C 15.897113 20.439837 16.308174 20.998047 17.261719 20.998047 C 17.829844 20.998047 18.280978 20.718791 18.568359 20.423828 C 18.855741 20.128866 19.034757 19.82706 19.115234 19.417969 L 19.115234 19.414062 L 19.115234 19.412109 C 19.171124 19.121728 21.931641 5.265625 21.931641 5.265625 L 21.925781 5.2890625 C 22.01148 4.9067181 22.036735 4.5369631 21.935547 4.1601562 C 21.834358 3.7833495 21.561271 3.4156252 21.232422 3.2226562 C 20.903572 3.0296874 20.591699 2.9718046 20.302734 2.984375 z M 19.908203 5.1738281 C 19.799749 5.7182284 17.343164 18.059965 17.183594 18.878906 L 14.328125 16.240234 C 13.59209 15.559749 12.44438 15.535812 11.679688 16.181641 L 10.222656 17.414062 L 11 14.375 C 11 14.375 16.362547 8.9468594 16.685547 8.6308594 C 16.945547 8.3778594 17 8.2891719 17 8.2011719 C 17 8.0841719 16.939781 8 16.800781 8 C 16.675781 8 16.506016 8.1197812 16.416016 8.1757812 C 15.267511 8.8918132 10.350132 11.694224 7.96875 13.048828 C 7.8792978 12.995267 7.7913128 12.939666 7.6933594 12.900391 C 6.9119785 12.587666 5.4101276 11.985551 4.53125 11.634766 C 6.6055146 10.76177 10.161156 9.2658083 13.472656 7.8730469 C 15.210571 7.142109 16.840822 6.4570977 18.070312 5.9414062 C 19.108158 5.5060977 19.649538 5.2807035 19.908203 5.1738281 z M 17.152344 19.023438 C 17.152344 19.023438 17.154297 19.023438 17.154297 19.023438 C 17.154234 19.023761 17.152444 19.03095 17.152344 19.03125 C 17.154024 19.022709 17.151187 19.029588 17.152344 19.023438 z" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible"/>
|
|
4
|
+
</svg>
|
data/_layouts/landing.html
CHANGED
|
@@ -73,7 +73,7 @@ article_header:
|
|
|
73
73
|
{%- endif -%}
|
|
74
74
|
</div>
|
|
75
75
|
|
|
76
|
-
{%- if child.image -%}
|
|
76
|
+
{%- if child.image and child.image.src -%}
|
|
77
77
|
|
|
78
78
|
{%- if child.image.url -%}
|
|
79
79
|
{%- include snippets/get-nav-url.html path=child.image.url -%}
|
|
@@ -82,12 +82,9 @@ article_header:
|
|
|
82
82
|
{%- assign _item_image_url = nil -%}
|
|
83
83
|
{%- endif -%}
|
|
84
84
|
|
|
85
|
-
{%-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
{%- else -%}
|
|
89
|
-
{%- assign _item_image_src = nil -%}
|
|
90
|
-
{%- endif -%}
|
|
85
|
+
{%- include snippets/get-nav-url.html path=child.image.src -%}
|
|
86
|
+
{%- assign _item_image_src = __return -%}
|
|
87
|
+
|
|
91
88
|
{%- if child.image.is_row -%}
|
|
92
89
|
<div class="mb-5">
|
|
93
90
|
{%- endif -%}
|
|
@@ -95,9 +92,7 @@ article_header:
|
|
|
95
92
|
{%- if _item_image_url -%}
|
|
96
93
|
<a href="{{ _item_image_url }}">
|
|
97
94
|
{%- endif -%}
|
|
98
|
-
{%- if _item_image_src -%}
|
|
99
95
|
<img src="{{ _item_image_src }}"/>
|
|
100
|
-
{%- endif -%}
|
|
101
96
|
{%- if _item_image_url -%}
|
|
102
97
|
</a>
|
|
103
98
|
{%- endif -%}
|
|
@@ -114,25 +109,46 @@ article_header:
|
|
|
114
109
|
</div>
|
|
115
110
|
{%- endif -%}
|
|
116
111
|
|
|
117
|
-
|
|
112
|
+
{%- if _section.image.full_width == true -%}
|
|
113
|
+
</div> {% comment %} end hero__content {% endcomment %}
|
|
114
|
+
{%- endif -%}
|
|
115
|
+
|
|
116
|
+
{%- if _section.image and _section.image.src -%}
|
|
117
|
+
|
|
118
|
+
{%- if _section.image.url -%}
|
|
119
|
+
{%- include snippets/get-nav-url.html path=_section.image.url -%}
|
|
120
|
+
{%- assign _section_image_url = __return -%}
|
|
121
|
+
{%- else -%}
|
|
122
|
+
{%- assign _section_image_url = nil -%}
|
|
123
|
+
{%- endif -%}
|
|
124
|
+
|
|
125
|
+
{%- include snippets/get-nav-url.html path=_section.image.src -%}
|
|
126
|
+
{%- assign _section_image_src = __return -%}
|
|
127
|
+
|
|
118
128
|
{%- if _section.image.is_row -%}
|
|
119
129
|
<div class="mb-5">
|
|
120
130
|
{%- endif -%}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
131
|
+
<div class="mx-auto" style="{{ _section.image.style }}">
|
|
132
|
+
{%- if _section_image_url -%}
|
|
133
|
+
<a href="{{ _section_image_url }}">
|
|
134
|
+
{%- endif -%}
|
|
135
|
+
{%- if _section.image.full_width == true -%}
|
|
136
|
+
<img class="hero__cover hero__cover--full-width" src="{{ _section_image_src }}"/>
|
|
137
|
+
{%- else -%}
|
|
138
|
+
<img class="hero__cover" src="{{ _section_image_src }}"/>
|
|
139
|
+
{%- endif -%}
|
|
140
|
+
{%- if _section_image_url -%}
|
|
141
|
+
</a>
|
|
142
|
+
{%- endif -%}
|
|
143
|
+
</div>
|
|
130
144
|
{%- if _section.image.is_row -%}
|
|
131
145
|
</div>
|
|
132
146
|
{%- endif -%}
|
|
133
147
|
{%- endif -%}
|
|
134
148
|
|
|
135
|
-
|
|
149
|
+
{%- if _section.image.full_width != true -%}
|
|
150
|
+
</div> {% comment %} end hero__content {% endcomment %}
|
|
151
|
+
{%- endif -%}
|
|
136
152
|
</section>
|
|
137
153
|
{%- endfor -%}
|
|
138
154
|
</div>
|
data/_layouts/page.html
CHANGED
|
@@ -3,7 +3,6 @@ layout: base
|
|
|
3
3
|
---
|
|
4
4
|
{%- assign _page_mode = page.mode | default: layout.mode | default: site.data.variables.default.page.mode -%}
|
|
5
5
|
{%- assign _page_type = page.type | default: layout.type | default: site.data.variables.default.page.type -%}
|
|
6
|
-
{%- assign _header_type = page.header.type | default: layout.header.type | default: site.data.variables.default.page.header.type -%}
|
|
7
6
|
{%- assign _article_header_type = page.article_header.type | default: layout.article_header.type -%}
|
|
8
7
|
|
|
9
8
|
{%- include snippets/assign.html
|
|
@@ -30,105 +29,108 @@ layout: base
|
|
|
30
29
|
<i class="fas fa-bars icon--show"></i>
|
|
31
30
|
</div>
|
|
32
31
|
</div>
|
|
33
|
-
<div class="page__mask js-sidebar-hide"></div>
|
|
32
|
+
<div class="page__mask js-page-mask js-sidebar-hide"></div>
|
|
34
33
|
|
|
35
|
-
<div class="
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
<div class="grid page__grid page__viewport">
|
|
35
|
+
|
|
36
|
+
<div class="page__sidebar">
|
|
37
|
+
{%- include sidebar/toc.html -%}
|
|
38
|
+
</div>
|
|
38
39
|
|
|
39
40
|
{%- else -%}
|
|
40
41
|
<div class="layout--page js-page-root">
|
|
41
42
|
{%- endif -%}
|
|
42
43
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
{%-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
<div class="
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
{%- assign _header_theme = page.header.theme | default: layout.header.theme
|
|
44
|
+
{%- assign _page_main_class = 'page__main js-page-main' -%}
|
|
45
|
+
{%- if _page_mode == 'immersive' -%}
|
|
46
|
+
{%- assign _page_main_class = _page_main_class | append: ' page__main--immersive' -%}
|
|
47
|
+
{%- endif -%}
|
|
48
|
+
{%- if page.sidebar != true -%}
|
|
49
|
+
{%- assign _page_main_class = _page_main_class | append: ' page__viewport' -%}
|
|
50
|
+
{%- endif -%}
|
|
51
|
+
{%- if page.aside -%}
|
|
52
|
+
{%- assign _page_main_class = _page_main_class | append: ' has-aside' -%}
|
|
53
|
+
{%- elsif _full_width -%}
|
|
54
|
+
{%- assign _page_main_class = _page_main_class | append: ' full-width' -%}
|
|
55
|
+
{%- endif -%}
|
|
56
|
+
<div class="{{ _page_main_class }} cell cell--auto">
|
|
57
|
+
|
|
58
|
+
<div class="page__main-inner">
|
|
59
|
+
<div></div>
|
|
60
|
+
{%- if _header != false -%}
|
|
61
|
+
<div class="page__header">
|
|
62
|
+
{%- assign _header_theme = page.header.theme | default: layout.header.theme -%}
|
|
62
63
|
{%- if _header_theme == 'dark'-%}
|
|
63
|
-
{%- include header.html theme='dark'-%}
|
|
64
|
+
{%- include header.html theme='dark' background=page.header.background -%}
|
|
65
|
+
{%- elsif _header_theme == 'light' -%}
|
|
66
|
+
{%- include header.html theme='light' background=page.header.background -%}
|
|
64
67
|
{%- else -%}
|
|
65
|
-
{%- include header.html
|
|
68
|
+
{%- include header.html -%}
|
|
66
69
|
{%- endif -%}
|
|
70
|
+
</div>
|
|
67
71
|
{%- endif -%}
|
|
68
|
-
</div>
|
|
69
|
-
{%- endif -%}
|
|
70
72
|
|
|
71
73
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
+
<div class="page__content">
|
|
75
|
+
{%- if _article_header_type == 'overlay' or _article_header_type == 'cover' -%}
|
|
74
76
|
|
|
75
|
-
|
|
77
|
+
{%- if _article_header_type == 'overlay' -%}
|
|
76
78
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
79
|
+
{%- assign _article_header_height = page.article_header.height | default: layout.article_header.height -%}
|
|
80
|
+
{%- assign _article_header_align = page.article_header.align | default: layout.article_header.align | default: site.data.variables.default.page.article_header.align -%}
|
|
81
|
+
{%- assign _article_header_theme = page.article_header.theme | default: layout.article_header.theme | default: site.data.variables.default.page.article_header.theme -%}
|
|
80
82
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
{%- if page.article_header.background_image.src -%}
|
|
84
|
+
{%- assign _header_background_image_src = page.article_header.background_image.src -%}
|
|
85
|
+
{%- elsif page.article_header.background_image != false and page.cover -%}
|
|
86
|
+
{%- assign _header_background_image_src = page.cover -%}
|
|
87
|
+
{%- endif -%}
|
|
86
88
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
{%- if page.article_header.background_image.gradient -%}
|
|
90
|
+
{%- assign _header_background_image = page.article_header.background_image.gradient -%}
|
|
91
|
+
{%- if _header_background_image_src -%}
|
|
92
|
+
{%- assign _header_background_image = _header_background_image | append: ',' -%}
|
|
93
|
+
{%- endif -%}
|
|
91
94
|
{%- endif -%}
|
|
92
|
-
{%- endif -%}
|
|
93
95
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
96
|
+
{%- if _header_background_image_src -%}
|
|
97
|
+
{%- include snippets/get-nav-url.html path=_header_background_image_src -%}
|
|
98
|
+
{%- assign _header_background_image_src = __return -%}
|
|
99
|
+
{%- assign _header_background_image = _header_background_image
|
|
100
|
+
| append: 'url(' | append: _header_background_image_src | append: ')'-%}
|
|
101
|
+
{%- endif -%}
|
|
100
102
|
|
|
101
|
-
|
|
103
|
+
{%- assign _header_style = 'background-image:' | append: _header_background_image | append: ';' -%}
|
|
102
104
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
105
|
+
{%- if page.article_header.background_color -%}
|
|
106
|
+
{%- assign _header_style = _header_style | append: 'background-color:' | append: page.article_header.background_color | append: ';' -%}
|
|
107
|
+
{%- endif -%}
|
|
106
108
|
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
{%- if _article_header_height -%}
|
|
110
|
+
{%- assign _header_style = _header_style | append: 'min-height:' | append: _article_header_height | append: ';' -%}
|
|
111
|
+
{%- endif -%}
|
|
110
112
|
|
|
111
|
-
|
|
113
|
+
<div class="article__header--overlay">
|
|
112
114
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
{%- else -%}
|
|
126
|
-
{%- if _article_header_align == 'center' -%}
|
|
127
|
-
<div class="hero hero--center overlay" style="{{ _header_style }}">
|
|
115
|
+
{%- if _article_header_theme == 'light' -%}
|
|
116
|
+
{%- if _article_header_align == 'center' -%}
|
|
117
|
+
<div class="hero hero--center hero--light overlay" style="{{ _header_style }}">
|
|
118
|
+
{%- else -%}
|
|
119
|
+
<div class="hero hero--light overlay" style="{{ _header_style }}">
|
|
120
|
+
{%- endif -%}
|
|
121
|
+
{%- elsif _article_header_theme == 'dark' -%}
|
|
122
|
+
{%- if _article_header_align == 'center' -%}
|
|
123
|
+
<div class="hero hero--center hero--dark overlay" style="{{ _header_style }}">
|
|
124
|
+
{%- else -%}
|
|
125
|
+
<div class="hero hero--dark overlay" style="{{ _header_style }}">
|
|
126
|
+
{%- endif -%}
|
|
128
127
|
{%- else -%}
|
|
129
|
-
|
|
128
|
+
{%- if _article_header_align == 'center' -%}
|
|
129
|
+
<div class="hero hero--center overlay" style="{{ _header_style }}">
|
|
130
|
+
{%- else -%}
|
|
131
|
+
<div class="hero overlay" style="{{ _header_style }}">
|
|
132
|
+
{%- endif -%}
|
|
130
133
|
{%- endif -%}
|
|
131
|
-
{%- endif -%}
|
|
132
134
|
<div class="hero__content">
|
|
133
135
|
{%- if _full_width == false -%}
|
|
134
136
|
<div class ="main">
|
|
@@ -153,67 +155,70 @@ layout: base
|
|
|
153
155
|
{%- endif -%}
|
|
154
156
|
</div>
|
|
155
157
|
</div>
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
158
|
+
</div>
|
|
159
|
+
{%- elsif _article_header_type == 'cover' -%}
|
|
160
|
+
{%- if page.article_header.image.src -%}
|
|
161
|
+
{%- include snippets/get-nav-url.html path=page.article_header.image.src -%}
|
|
162
|
+
{%- assign _header_image_src = __return -%}
|
|
163
|
+
<img class="article__header--cover" src="{{ _header_image_src }}"></img>
|
|
164
|
+
{%- endif -%}
|
|
162
165
|
{%- endif -%}
|
|
163
|
-
{%- endif -%}
|
|
164
166
|
|
|
165
|
-
|
|
167
|
+
{%- endif -%}
|
|
166
168
|
|
|
167
169
|
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
170
|
+
{%- if _full_width == false -%}
|
|
171
|
+
<div class ="main">
|
|
172
|
+
{%- endif -%}
|
|
173
|
+
<div class="grid grid--reverse">
|
|
174
|
+
|
|
175
|
+
<div class="col-aside js-col-aside">
|
|
176
|
+
{%- if page.aside -%}
|
|
177
|
+
<aside class="page__aside js-page-aside">
|
|
178
|
+
{%- include aside/toc.html -%}
|
|
179
|
+
</aside>
|
|
180
|
+
{%- endif -%}
|
|
181
|
+
</div>
|
|
172
182
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
183
|
+
<div class="col-main cell--auto">
|
|
184
|
+
{%- if _page_type == 'article' -%}
|
|
185
|
+
<article itemscope itemtype="http://schema.org/Article">
|
|
186
|
+
{%- elsif _page_type == 'webpage' -%}
|
|
187
|
+
<article itemscope itemtype="http://schema.org/WebPage">
|
|
188
|
+
{%- else -%}
|
|
189
|
+
<article>
|
|
190
|
+
{%- endif -%}
|
|
191
|
+
|
|
192
|
+
{%- if _article_header_type == 'overlay' or page.article_header == false -%}
|
|
193
|
+
{%- include article-header.html article=page html=false -%}
|
|
194
|
+
{%- include article-info.html article=page html=false -%}
|
|
195
|
+
{%- else -%}
|
|
196
|
+
{%- include article-header.html article=page -%}
|
|
197
|
+
{%- include article-info.html article=page -%}
|
|
198
|
+
{%- endif -%}
|
|
199
|
+
|
|
200
|
+
<div class="js-article-content">{{ content }}</div>
|
|
201
|
+
{%- if jekyll.environment != "development" and _comment != false -%}
|
|
202
|
+
<section class="page__comments">{%- include comments.html -%}</section>
|
|
203
|
+
{%- endif -%}
|
|
204
|
+
</article>
|
|
205
|
+
</div>
|
|
179
206
|
</div>
|
|
180
207
|
|
|
181
|
-
|
|
182
|
-
{%- if _page_type == 'article' -%}
|
|
183
|
-
<article itemscope itemtype="http://schema.org/Article">
|
|
184
|
-
{%- elsif _page_type == 'webpage' -%}
|
|
185
|
-
<article itemscope itemtype="http://schema.org/WebPage">
|
|
186
|
-
{%- else -%}
|
|
187
|
-
<article>
|
|
188
|
-
{%- endif -%}
|
|
189
|
-
|
|
190
|
-
{%- if _article_header_type == 'overlay' or page.article_header == false -%}
|
|
191
|
-
{%- include article-header.html article=page html=false -%}
|
|
192
|
-
{%- include article-info.html article=page html=false -%}
|
|
193
|
-
{%- else -%}
|
|
194
|
-
{%- include article-header.html article=page -%}
|
|
195
|
-
{%- include article-info.html article=page -%}
|
|
196
|
-
{%- endif -%}
|
|
197
|
-
|
|
198
|
-
<div class="js-article-content">{{ content }}</div>
|
|
199
|
-
{%- if jekyll.environment != "development" and _comment != false -%}
|
|
200
|
-
<section class="page__comments">{%- include comments.html -%}</section>
|
|
201
|
-
{%- endif -%}
|
|
202
|
-
</article>
|
|
203
|
-
</div>
|
|
208
|
+
{%- if _full_width == false -%}
|
|
204
209
|
</div>
|
|
205
|
-
|
|
206
|
-
{%- if _full_width == false -%}
|
|
210
|
+
{%- endif -%}
|
|
207
211
|
</div>
|
|
208
|
-
{%- endif -%}
|
|
209
|
-
</div>
|
|
210
212
|
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
213
|
+
<div class="page__footer">{%- include footer.html -%}</div>
|
|
214
|
+
</div>
|
|
215
|
+
</div> {%- comment -%} end page__main {%- endcomment -%}
|
|
216
|
+
{%- if page.sidebar -%}
|
|
217
|
+
</div> {%- comment -%} end grid {%- endcomment -%}
|
|
218
|
+
{%- endif -%}
|
|
219
|
+
{%- if _header != false -%}
|
|
220
|
+
<div class="page__search-panel">{%- include search.html -%}</div>
|
|
221
|
+
{%- endif -%}
|
|
217
222
|
</div>
|
|
218
223
|
|
|
219
224
|
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
.hero {
|
|
2
|
-
padding: map-get($spacers, 5);
|
|
3
2
|
background-position: 50% 50%;
|
|
4
|
-
@include media-breakpoint-down(lg) {
|
|
5
|
-
padding: map-get($spacers, 5) map-get($spacers, 3);
|
|
6
|
-
}
|
|
7
|
-
@include media-breakpoint-down(md) {
|
|
8
|
-
padding: map-get($spacers, 4) map-get($spacers, 3);
|
|
9
|
-
}
|
|
10
3
|
@include flexbox();
|
|
11
|
-
@include
|
|
4
|
+
@include flex-direction(column);
|
|
5
|
+
@include justify-content(center);
|
|
12
6
|
h1 { font-size: map-get($base, font-size-h1-xl); }
|
|
13
7
|
h2 { font-size: map-get($base, font-size-h2-xl); }
|
|
14
8
|
h3 { font-size: map-get($base, font-size-h3-xl); }
|
|
@@ -34,12 +28,6 @@
|
|
|
34
28
|
h6 { font-size: map-get($base, font-size-h6-sm); }
|
|
35
29
|
p { font-size: map-get($base, font-size); }
|
|
36
30
|
}
|
|
37
|
-
|
|
38
|
-
img {
|
|
39
|
-
display: block;
|
|
40
|
-
width: 100%;
|
|
41
|
-
margin: 0 auto;
|
|
42
|
-
}
|
|
43
31
|
background-size: cover;
|
|
44
32
|
|
|
45
33
|
}
|
|
@@ -60,10 +48,13 @@
|
|
|
60
48
|
}
|
|
61
49
|
|
|
62
50
|
.hero__content {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
51
|
+
margin: map-get($spacers, 5);
|
|
52
|
+
@include media-breakpoint-down(lg) {
|
|
53
|
+
margin: map-get($spacers, 5) map-get($spacers, 3);
|
|
54
|
+
}
|
|
55
|
+
@include media-breakpoint-down(md) {
|
|
56
|
+
margin: map-get($spacers, 4) map-get($spacers, 3);
|
|
57
|
+
}
|
|
67
58
|
}
|
|
68
59
|
|
|
69
60
|
.heros {
|
|
@@ -87,22 +87,21 @@
|
|
|
87
87
|
display: none;
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
@include split-line(bottom, 4px, $main-color-1);
|
|
90
|
+
.navigation__link {
|
|
91
|
+
&::after {
|
|
92
|
+
display: block;
|
|
93
|
+
margin-bottom: -4px;
|
|
94
|
+
content: "";
|
|
95
|
+
@include split-line(bottom, 4px, transparent);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
.navigation__link--active {
|
|
99
|
+
a {
|
|
100
|
+
@include link-colors($main-color-1, $main-color-1);
|
|
101
|
+
}
|
|
102
|
+
&::after {
|
|
103
|
+
@include split-line(bottom, 4px, $main-color-1);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
107
106
|
}
|
|
108
107
|
}
|
data/_sass/components/_main.scss
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
.main {
|
|
2
2
|
width: 100%;
|
|
3
3
|
max-width: map-get($layout, content-max-width);
|
|
4
|
-
padding: 0
|
|
4
|
+
padding: 0 map-get($spacers, 5);
|
|
5
5
|
margin: 0 auto;
|
|
6
6
|
@include media-breakpoint-down(lg) {
|
|
7
|
-
padding: 0
|
|
7
|
+
padding: 0 map-get($spacers, 4);
|
|
8
|
+
}
|
|
9
|
+
@include media-breakpoint-down(md) {
|
|
10
|
+
padding: 0 map-get($spacers, 3);
|
|
8
11
|
}
|
|
9
12
|
}
|
|
10
13
|
|
|
@@ -13,7 +16,6 @@
|
|
|
13
16
|
max-width: map-get($layout, content-max-width) + map-get($layout, aside-width);
|
|
14
17
|
@include media-breakpoint-down(lg) {
|
|
15
18
|
max-width: map-get($layout, content-max-width);
|
|
16
|
-
padding: 0 1rem;
|
|
17
19
|
}
|
|
18
20
|
}
|
|
19
21
|
}
|
|
@@ -17,10 +17,17 @@
|
|
|
17
17
|
padding: 0 1.8rem;
|
|
18
18
|
margin: 0;
|
|
19
19
|
line-height: 1 !important;
|
|
20
|
+
color: $text-color;
|
|
20
21
|
background-color: transparent;
|
|
21
22
|
border: 2px solid $border-color;
|
|
22
23
|
border-radius: map-get($button, pill-radius);
|
|
23
24
|
-webkit-appearance: none; /* fix iOS don't display box-shadow properly */
|
|
25
|
+
.search--light & {
|
|
26
|
+
color: $text-color-theme-light;
|
|
27
|
+
}
|
|
28
|
+
.search--dark & {
|
|
29
|
+
color: $text-color-theme-dark;
|
|
30
|
+
}
|
|
24
31
|
@include transition(box-shadow map-get($animation, duration) map-get($animation, timing-function));
|
|
25
32
|
@include focus {
|
|
26
33
|
box-shadow: 0 0 0 2px rgba($border-color, .4);
|
|
@@ -28,10 +35,22 @@
|
|
|
28
35
|
}
|
|
29
36
|
& > .search-box__icon-search {
|
|
30
37
|
color: $text-color-l;
|
|
38
|
+
.search--light & {
|
|
39
|
+
color: $text-color-theme-light-l;
|
|
40
|
+
}
|
|
41
|
+
.search--dark & {
|
|
42
|
+
color: $text-color-theme-dark-l;
|
|
43
|
+
}
|
|
31
44
|
}
|
|
32
45
|
& > .search-box__icon-clear {
|
|
33
46
|
& > a {
|
|
34
47
|
@include link-colors($text-color);
|
|
48
|
+
.search--light & {
|
|
49
|
+
@include link-colors($text-color-theme-light);
|
|
50
|
+
}
|
|
51
|
+
.search--dark & {
|
|
52
|
+
@include link-colors($text-color-theme-dark);
|
|
53
|
+
}
|
|
35
54
|
cursor: pointer;
|
|
36
55
|
}
|
|
37
56
|
}
|
|
@@ -67,17 +86,29 @@
|
|
|
67
86
|
font-weight: map-get($base, font-weight-bold);
|
|
68
87
|
color: $text-color-l;
|
|
69
88
|
text-transform: uppercase;
|
|
89
|
+
.search--light & {
|
|
90
|
+
color: $text-color-theme-light-l;
|
|
91
|
+
}
|
|
92
|
+
.search--dark & {
|
|
93
|
+
color: $text-color-theme-dark-l;
|
|
94
|
+
}
|
|
70
95
|
}
|
|
71
96
|
.search-result__item {
|
|
72
97
|
list-style-type: none;
|
|
73
98
|
a {
|
|
74
99
|
padding: .4rem 1rem;
|
|
75
100
|
@include clickable($text-color, transparent, $text-color-3, $main-color-3);
|
|
101
|
+
.search--light & {
|
|
102
|
+
@include clickable($text-color-theme-light, transparent, $text-color-3, $main-color-3);
|
|
103
|
+
}
|
|
104
|
+
.search--dark & {
|
|
105
|
+
@include clickable($text-color-theme-dark, transparent, $text-color-3, $main-color-3);
|
|
106
|
+
}
|
|
76
107
|
}
|
|
77
108
|
&.active {
|
|
78
109
|
a {
|
|
79
|
-
color: $text-color-3;
|
|
80
|
-
background-color: $main-color-3;
|
|
110
|
+
color: $text-color-3 !important;
|
|
111
|
+
background-color: $main-color-3 !important;
|
|
81
112
|
}
|
|
82
113
|
}
|
|
83
114
|
}
|
|
@@ -86,6 +117,12 @@
|
|
|
86
117
|
font-size: map-get($base, font-size-h1);
|
|
87
118
|
font-weight: map-get($base, font-weight-bold);
|
|
88
119
|
color: $text-color-d;
|
|
120
|
+
.search--light & {
|
|
121
|
+
color: $text-color-theme-light-d;
|
|
122
|
+
}
|
|
123
|
+
.search--dark & {
|
|
124
|
+
color: $text-color-theme-dark-d;
|
|
125
|
+
}
|
|
89
126
|
@include media-breakpoint-down(md) {
|
|
90
127
|
display: none;
|
|
91
128
|
}
|
data/_sass/layout/_articles.scss
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
.layout--articles {
|
|
2
2
|
margin: map-get($base, vertical-space-lg) 0;
|
|
3
|
+
margin-top: map-get($spacers, 5);
|
|
4
|
+
margin-bottom: map-get($base, vertical-space-lg);
|
|
5
|
+
@include media-breakpoint-down(md) {
|
|
6
|
+
margin-top: map-get($spacers, 4);
|
|
7
|
+
}
|
|
3
8
|
.card__header {
|
|
4
9
|
font-size: map-get($base, font-size);
|
|
5
10
|
}
|
data/_sass/layout/_landing.scss
CHANGED
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
.layout--landing {
|
|
2
|
+
.heros {
|
|
3
|
+
max-width: map-get($layout, content-max-width) * 2;
|
|
4
|
+
margin-right: auto;
|
|
5
|
+
margin-left: auto;
|
|
6
|
+
}
|
|
2
7
|
.hero {
|
|
3
|
-
|
|
4
|
-
|
|
8
|
+
img {
|
|
9
|
+
display: block;
|
|
10
|
+
width: 100%;
|
|
11
|
+
margin: 0 auto;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
.hero__content {
|
|
15
|
+
margin-bottom: 0;
|
|
16
|
+
}
|
|
17
|
+
.hero__cover {
|
|
18
|
+
max-width: map-get($layout, content-max-width);
|
|
19
|
+
}
|
|
20
|
+
.hero__cover--full-width {
|
|
21
|
+
max-width: none;
|
|
5
22
|
}
|
|
6
23
|
}
|
data/_sass/layout/_page.scss
CHANGED
|
@@ -1,44 +1,12 @@
|
|
|
1
1
|
.layout--page {
|
|
2
2
|
height: 100%;
|
|
3
3
|
|
|
4
|
-
.
|
|
4
|
+
.page__grid {
|
|
5
5
|
height: 100%;
|
|
6
6
|
}
|
|
7
|
-
&.layout--page--sidebar {
|
|
8
|
-
.page__main {
|
|
9
|
-
@include overflow(auto);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.page__main-inner {
|
|
14
|
-
position: relative;
|
|
15
|
-
height: auto !important;
|
|
16
|
-
height: 100%;
|
|
17
|
-
min-height: 100%;
|
|
18
|
-
color: $text-color;
|
|
19
|
-
background-color: $background-color;
|
|
20
|
-
|
|
21
|
-
.col-aside {
|
|
22
|
-
display: none;
|
|
23
|
-
& > aside {
|
|
24
|
-
position: absolute;
|
|
25
|
-
width: map-get($layout, aside-width);
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.page__content {
|
|
32
|
-
padding-bottom: map-get($layout, footer-height);
|
|
33
|
-
margin: 0 auto;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.page__comments {
|
|
37
|
-
padding-bottom: map-get($base, vertical-space-lg);
|
|
38
|
-
}
|
|
39
7
|
|
|
40
8
|
.page__actions {
|
|
41
|
-
position:
|
|
9
|
+
position: fixed;
|
|
42
10
|
bottom: map-get($spacers, 3);
|
|
43
11
|
left: map-get($spacers, 3);
|
|
44
12
|
z-index: map-get($z-index, actions);
|
|
@@ -52,7 +20,6 @@
|
|
|
52
20
|
.page__sidebar {
|
|
53
21
|
z-index: map-get($z-index, sidebar);
|
|
54
22
|
display: block;
|
|
55
|
-
float: left;
|
|
56
23
|
width: 80%;
|
|
57
24
|
max-width: map-get($layout, sidebar-width);
|
|
58
25
|
height: 100%;
|
|
@@ -66,7 +33,7 @@
|
|
|
66
33
|
}
|
|
67
34
|
|
|
68
35
|
.page__mask {
|
|
69
|
-
position:
|
|
36
|
+
position: fixed;
|
|
70
37
|
top: 0;
|
|
71
38
|
right: 0;
|
|
72
39
|
bottom: 0;
|
|
@@ -77,6 +44,54 @@
|
|
|
77
44
|
background-color: $mask-color;
|
|
78
45
|
}
|
|
79
46
|
|
|
47
|
+
.page__main {
|
|
48
|
+
height: 100%;
|
|
49
|
+
}
|
|
50
|
+
&.layout--page--sidebar {
|
|
51
|
+
.page__main {
|
|
52
|
+
@include overflow(auto);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
@include media-breakpoint-down(lg) {
|
|
56
|
+
&.layout--page--sidebar {
|
|
57
|
+
.page__main {
|
|
58
|
+
@include overflow(unset);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
&.layout--page--sidebar.show-sidebar {
|
|
62
|
+
.page__main {
|
|
63
|
+
@include overflow(auto);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.page__main-inner {
|
|
69
|
+
position: relative;
|
|
70
|
+
height: auto !important;
|
|
71
|
+
height: 100%;
|
|
72
|
+
min-height: 100%;
|
|
73
|
+
color: $text-color;
|
|
74
|
+
background-color: $background-color;
|
|
75
|
+
|
|
76
|
+
.col-aside {
|
|
77
|
+
display: none;
|
|
78
|
+
& > aside {
|
|
79
|
+
position: absolute;
|
|
80
|
+
width: map-get($layout, aside-width);
|
|
81
|
+
overflow: hidden;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.page__content {
|
|
87
|
+
padding-bottom: map-get($layout, footer-height);
|
|
88
|
+
margin: 0 auto;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.page__comments {
|
|
92
|
+
padding-bottom: map-get($base, vertical-space-lg);
|
|
93
|
+
}
|
|
94
|
+
|
|
80
95
|
.page__aside {
|
|
81
96
|
.toc-aside {
|
|
82
97
|
padding: map-get($spacers, 5) 0 map-get($spacers, 3) map-get($spacers, 5);
|
|
@@ -135,11 +150,14 @@
|
|
|
135
150
|
left: 0;
|
|
136
151
|
z-index: map-get($z-index, search);
|
|
137
152
|
display: none;
|
|
138
|
-
color: $text-color;
|
|
139
|
-
background-color: $
|
|
153
|
+
color: $text-color-theme-dark;
|
|
154
|
+
background-color: $mask-color;
|
|
140
155
|
@include overflow(auto);
|
|
141
156
|
}
|
|
142
157
|
&.show-search-panel {
|
|
158
|
+
.page__viewport {
|
|
159
|
+
filter: blur(28px);
|
|
160
|
+
}
|
|
143
161
|
.page__main {
|
|
144
162
|
@include overflow(hidden);
|
|
145
163
|
}
|
|
@@ -168,5 +186,4 @@
|
|
|
168
186
|
.hero__content {
|
|
169
187
|
padding-top: map-get($layout, header-height);
|
|
170
188
|
}
|
|
171
|
-
|
|
172
189
|
}
|
data/_sass/skins/_chocolate.scss
CHANGED
data/_sass/skins/_dark.scss
CHANGED
data/_sass/skins/_default.scss
CHANGED
data/_sass/skins/_forest.scss
CHANGED
data/_sass/skins/_ocean.scss
CHANGED
data/_sass/skins/_orange.scss
CHANGED
|
@@ -36,7 +36,6 @@ $text-background-color: rgba(#000, .05);
|
|
|
36
36
|
$header-text-color: $text-color-3;
|
|
37
37
|
$header-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);
|
|
38
38
|
|
|
39
|
-
|
|
40
39
|
$footer-text-color: $text-color-3;
|
|
41
40
|
$footer-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);
|
|
42
41
|
|
|
@@ -64,6 +63,7 @@ $douban-color: #42bd56;
|
|
|
64
63
|
$github-color: #000;
|
|
65
64
|
$linkedin-color: #1074af;
|
|
66
65
|
$npm-color: #fff;
|
|
66
|
+
$telegram-color: #32afed;
|
|
67
67
|
|
|
68
68
|
// highlight colors
|
|
69
69
|
@import "skins/highlight/tomorrow-night-eighties";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-text-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 2.2.
|
|
4
|
+
version: 2.2.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Tian Qi
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-
|
|
11
|
+
date: 2018-10-02 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -194,6 +194,7 @@ files:
|
|
|
194
194
|
- _includes/svg/icon/social/npm.svg
|
|
195
195
|
- _includes/svg/icon/social/pinterest.svg
|
|
196
196
|
- _includes/svg/icon/social/qq.svg
|
|
197
|
+
- _includes/svg/icon/social/telegram.svg
|
|
197
198
|
- _includes/svg/icon/social/twitter.svg
|
|
198
199
|
- _includes/svg/icon/social/weibo.svg
|
|
199
200
|
- _includes/svg/icon/social/weixin.svg
|
|
@@ -289,9 +290,7 @@ files:
|
|
|
289
290
|
- assets/favicon-16x16.png
|
|
290
291
|
- assets/favicon-32x32.png
|
|
291
292
|
- assets/favicon.ico
|
|
292
|
-
- assets/images/license-cc4.png
|
|
293
293
|
- assets/images/logo/logo.svg
|
|
294
|
-
- assets/images/octocat.jpg
|
|
295
294
|
- assets/mstile-144x144.png
|
|
296
295
|
- assets/mstile-150x150.png
|
|
297
296
|
- assets/mstile-310x150.png
|
|
Binary file
|
data/assets/images/octocat.jpg
DELETED
|
Binary file
|