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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: e8c52cc9cd3c2393b235d5e6860c386cf7ee7496
4
- data.tar.gz: cd27fadd6654e7790f16e9fc96f0690668b31c4f
3
+ metadata.gz: 74fbab02e8f576ce07b16b9de824b112f09844ac
4
+ data.tar.gz: 9b07af90dd375dc0b3258f7dd91ca320c7d22be3
5
5
  SHA512:
6
- metadata.gz: 37cf0106bf192d10c2c5cdd9924462de3aa0080219ab2981bf55d6562f9888d9e6f2eb4e1cc2cf9e73fd18f3c031cda46f26ccbb446e2fdf6d9a0912f7608081
7
- data.tar.gz: a376efb4c860d8e55007c26986c8687865eb56030a2095e6634989c9e0b5d21038b5829c0e94c8067caed965bd6bdc30717a91a188b19f6791c0bdfab89a3518
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.png)
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(English, Simplified Chinese, Traditional Chinese)
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, You can also your own skin.
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.png) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png) |
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.png) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png) |
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
@@ -18,9 +18,6 @@ default:
18
18
  page:
19
19
  mode: normal
20
20
  type: webpage
21
- header:
22
- type: normal
23
- theme: light
24
21
  article_header:
25
22
  align: left
26
23
  theme: light
@@ -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 -%}
@@ -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 _article_cover -%}
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 _article_cover -%}
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>
@@ -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>
@@ -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
- $pageRoot.addClass('show-sidebar');
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
  })();
@@ -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) {
@@ -7,7 +7,7 @@
7
7
  <script>
8
8
  (function() {
9
9
  var TEXT_VARIABLES = {
10
- version: '2.2.0',
10
+ version: '2.2.1',
11
11
  sources: {
12
12
  font_awesome: '{{ _sources.font_awesome }}',
13
13
  jquery: '{{ _sources.jquery }}',
@@ -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>
@@ -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
- {%- if child.image.src -%}
86
- {%- include snippets/get-nav-url.html path=child.image.src -%}
87
- {%- assign _item_image_src = __return -%}
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
- {%- if _section.image -%}
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
- {%- if child.image.url -%}
122
- <a href="{{ child.image.url }}">
123
- {%- endif -%}
124
- {%- include snippets/get-nav-url.html path=_section.image.src -%}
125
- {%- assign _url = __return -%}
126
- <img class="hero__cover" src="{{ _url }}" style="{{ _section.image.style }}" />
127
- {%- if child.image.url -%}
128
- </a>
129
- {%- endif -%}
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
- </div>
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="page__sidebar">
36
- {%- include sidebar/toc.html -%}
37
- </div>
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
- {%- assign _page_main_class = 'page__main js-page-main' -%}
44
- {%- if _page_mode == 'immersive' -%}
45
- {%- assign _page_main_class = _page_main_class | append: ' page__main--immersive' -%}
46
- {%- endif -%}
47
- {%- if page.aside -%}
48
- {%- assign _page_main_class = _page_main_class | append: ' has-aside' -%}
49
- {%- elsif _full_width -%}
50
- {%- assign _page_main_class = _page_main_class | append: ' full-width' -%}
51
- {%- endif -%}
52
- <div class="{{ _page_main_class }}">
53
-
54
- <div class="page__main-inner">
55
- <div></div>
56
- {%- if _header != false -%}
57
- <div class="page__header">
58
- {%- if _header_type == 'normal' -%}
59
- {%- include header.html -%}
60
- {%- elsif _header_type == 'translucent' -%}
61
- {%- assign _header_theme = page.header.theme | default: layout.header.theme | default: site.data.variables.default.page.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 theme='light'-%}
68
+ {%- include header.html -%}
66
69
  {%- endif -%}
70
+ </div>
67
71
  {%- endif -%}
68
- </div>
69
- {%- endif -%}
70
72
 
71
73
 
72
- <div class="page__content">
73
- {%- if _article_header_type == 'overlay' or _article_header_type == 'cover' -%}
74
+ <div class="page__content">
75
+ {%- if _article_header_type == 'overlay' or _article_header_type == 'cover' -%}
74
76
 
75
- {%- if _article_header_type == 'overlay' -%}
77
+ {%- if _article_header_type == 'overlay' -%}
76
78
 
77
- {%- assign _article_header_height = page.article_header.height | default: layout.article_header.height -%}
78
- {%- assign _article_header_align = page.article_header.align | default: layout.article_header.align | default: site.data.variables.default.page.article_header.align -%}
79
- {%- assign _article_header_theme = page.article_header.theme | default: layout.article_header.theme | default: site.data.variables.default.page.article_header.theme -%}
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
- {%- if page.article_header.background_image.src -%}
82
- {%- assign _header_background_image_src = page.article_header.background_image.src -%}
83
- {%- elsif page.article_header.background_image != false and page.cover -%}
84
- {%- assign _header_background_image_src = page.cover -%}
85
- {%- endif -%}
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
- {%- if page.article_header.background_image.gradient -%}
88
- {%- assign _header_background_image = page.article_header.background_image.gradient -%}
89
- {%- if _header_background_image_src -%}
90
- {%- assign _header_background_image = _header_background_image | append: ',' -%}
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
- {%- if _header_background_image_src -%}
95
- {%- include snippets/get-nav-url.html path=_header_background_image_src -%}
96
- {%- assign _header_background_image_src = __return -%}
97
- {%- assign _header_background_image = _header_background_image
98
- | append: 'url(' | append: _header_background_image_src | append: ')'-%}
99
- {%- endif -%}
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
- {%- assign _header_style = 'background-image:' | append: _header_background_image | append: ';' -%}
103
+ {%- assign _header_style = 'background-image:' | append: _header_background_image | append: ';' -%}
102
104
 
103
- {%- if page.article_header.background_color -%}
104
- {%- assign _header_style = _header_style | append: 'background-color:' | append: page.article_header.background_color | append: ';' -%}
105
- {%- endif -%}
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
- {%- if _article_header_height -%}
108
- {%- assign _header_style = _header_style | append: 'min-height:' | append: _article_header_height | append: ';' -%}
109
- {%- endif -%}
109
+ {%- if _article_header_height -%}
110
+ {%- assign _header_style = _header_style | append: 'min-height:' | append: _article_header_height | append: ';' -%}
111
+ {%- endif -%}
110
112
 
111
- <div class="article__header--overlay">
113
+ <div class="article__header--overlay">
112
114
 
113
- {%- if _article_header_theme == 'light' -%}
114
- {%- if _article_header_align == 'center' -%}
115
- <div class="hero hero--center hero--light overlay" style="{{ _header_style }}">
116
- {%- else -%}
117
- <div class="hero hero--light overlay" style="{{ _header_style }}">
118
- {%- endif -%}
119
- {%- elsif _article_header_theme == 'dark' -%}
120
- {%- if _article_header_align == 'center' -%}
121
- <div class="hero hero--center hero--dark overlay" style="{{ _header_style }}">
122
- {%- else -%}
123
- <div class="hero hero--dark overlay" style="{{ _header_style }}">
124
- {%- endif -%}
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
- <div class="hero overlay" style="{{ _header_style }}">
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
- </div>
157
- {%- elsif _article_header_type == 'cover' -%}
158
- {%- if page.article_header.image.src -%}
159
- {%- include snippets/get-nav-url.html path=page.article_header.image.src -%}
160
- {%- assign _header_image_src = __return -%}
161
- <img class="article__header--cover" src="{{ _header_image_src }}"></img>
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
- {%- endif -%}
167
+ {%- endif -%}
166
168
 
167
169
 
168
- {%- if _full_width == false -%}
169
- <div class ="main">
170
- {%- endif -%}
171
- <div class="grid grid--reverse">
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
- <div class="col-aside js-col-aside">
174
- {%- if page.aside -%}
175
- <aside class="page__aside js-page-aside">
176
- {%- include aside/toc.html -%}
177
- </aside>
178
- {%- endif -%}
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
- <div class="col-main cell--auto">
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
- <div class="page__footer">{%- include footer.html -%}</div>
212
- </div>
213
- </div>
214
- {%- if _header != false -%}
215
- <div class="page__search-panel">{%- include search.html -%}</div>
216
- {%- endif -%}
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
 
@@ -83,7 +83,7 @@ $z-index: (
83
83
  $layout: (
84
84
  header-height: 5rem,
85
85
  header-height-sm: 3rem,
86
- content-max-width: 850px,
86
+ content-max-width: 950px,
87
87
  sidebar-width: 250px,
88
88
  sidebar-header-height: 3rem,
89
89
  aside-width: 220px,
@@ -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 align-items(center);
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
- width: 100%;
64
- }
65
- .hero__cover {
66
- max-width: 800px;
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 {
@@ -29,6 +29,9 @@
29
29
  .npm-button {
30
30
  @include clickable($text-color-1, $npm-color);
31
31
  }
32
+ .telegram-button {
33
+ @include clickable($text-color-1, $telegram-color);
34
+ }
32
35
  }
33
36
  }
34
37
  }
@@ -87,22 +87,21 @@
87
87
  display: none;
88
88
  }
89
89
  }
90
- }
91
- }
92
-
93
- .navigation__link {
94
- &::after {
95
- display: block;
96
- margin-bottom: -4px;
97
- content: "";
98
- @include split-line(bottom, 4px, transparent);
99
- }
100
- }
101
- .navigation__link--active {
102
- a {
103
- @include link-colors($main-color-1, $main-color-1);
104
- }
105
- &::after {
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
  }
@@ -1,10 +1,13 @@
1
1
  .main {
2
2
  width: 100%;
3
3
  max-width: map-get($layout, content-max-width);
4
- padding: 0 2rem;
4
+ padding: 0 map-get($spacers, 5);
5
5
  margin: 0 auto;
6
6
  @include media-breakpoint-down(lg) {
7
- padding: 0 1rem;
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
  }
@@ -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
  }
@@ -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
- padding-bottom: 0;
4
- background-color: $text-background-color;
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
  }
@@ -1,44 +1,12 @@
1
1
  .layout--page {
2
2
  height: 100%;
3
3
 
4
- .page__main {
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: absolute;
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: absolute;
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: $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
  }
@@ -63,6 +63,7 @@ $douban-color: #42bd56;
63
63
  $github-color: #000;
64
64
  $linkedin-color: #1074af;
65
65
  $npm-color: #fff;
66
+ $telegram-color: #32afed;
66
67
 
67
68
  // highlight colors
68
69
  @import "skins/highlight/tomorrow-night-eighties";
@@ -63,6 +63,7 @@ $douban-color: #42bd56;
63
63
  $github-color: #000;
64
64
  $linkedin-color: #1074af;
65
65
  $npm-color: #fff;
66
+ $telegram-color: #32afed;
66
67
 
67
68
  // highlight colors
68
69
  @import "skins/highlight/tomorrow-night";
@@ -63,6 +63,7 @@ $douban-color: #42bd56;
63
63
  $github-color: #000;
64
64
  $linkedin-color: #1074af;
65
65
  $npm-color: #fff;
66
+ $telegram-color: #32afed;
66
67
 
67
68
  // highlight colors
68
69
  @import "skins/highlight/tomorrow";
@@ -63,6 +63,7 @@ $douban-color: #42bd56;
63
63
  $github-color: #000;
64
64
  $linkedin-color: #1074af;
65
65
  $npm-color: #fff;
66
+ $telegram-color: #32afed;
66
67
 
67
68
  // highlight colors
68
69
  @import "skins/highlight/tomorrow";
@@ -63,6 +63,7 @@ $douban-color: #42bd56;
63
63
  $github-color: #000;
64
64
  $linkedin-color: #1074af;
65
65
  $npm-color: #fff;
66
+ $telegram-color: #32afed;
66
67
 
67
68
  // highlight colors
68
69
  @import "skins/highlight/tomorrow-night-blue";
@@ -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.0
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-09-16 00:00:00.000000000 Z
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
Binary file