jekyll-text-theme 2.2.0 → 2.2.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
[![license](https://img.shields.io/github/license/kitian616/jekyll-TeXt-theme.svg)](https://github.com/kitian616/jekyll-TeXt-theme/blob/master/LICENSE)
|
5
5
|
[![Travis](https://img.shields.io/travis/kitian616/jekyll-TeXt-theme.svg)](https://travis-ci.org/kitian616/jekyll-TeXt-theme)
|
6
6
|
|
7
|
-
![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.
|
7
|
+
![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.jpg)
|
8
8
|
|
9
9
|
![TeXt Theme Details](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-layouts.png)
|
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
|
-
| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.
|
40
|
+
| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg) |
|
41
41
|
|
42
42
|
| `ocean` | `chocolate` | `orange` |
|
43
43
|
| --- | --- | --- |
|
44
|
-
| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.
|
44
|
+
| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg) |
|
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
|