type-on-strap 2.3.10 → 2.4.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +13 -1
  3. data/_includes/default/head.liquid +2 -2
  4. data/_layouts/default.html +1 -1
  5. data/_layouts/home.liquid +19 -3
  6. data/_layouts/post.liquid +10 -1
  7. data/_sass/base/_global.scss +13 -25
  8. data/_sass/base/_highlight.scss +22 -13
  9. data/_sass/base/_utility.scss +1 -2
  10. data/_sass/base/_variables.scss +5 -5
  11. data/_sass/external/_katex.scss +377 -564
  12. data/_sass/includes/_footer.scss +3 -8
  13. data/_sass/layouts/_blog.scss +6 -6
  14. data/_sass/layouts/_posts.scss +4 -0
  15. data/_sass/layouts/_tags.scss +4 -4
  16. data/assets/css/main.scss +1 -1
  17. data/assets/fonts/katex/KaTeX_AMS-Regular.ttf +0 -0
  18. data/assets/fonts/katex/KaTeX_AMS-Regular.woff +0 -0
  19. data/assets/fonts/katex/KaTeX_AMS-Regular.woff2 +0 -0
  20. data/assets/fonts/katex/KaTeX_Caligraphic-Bold.ttf +0 -0
  21. data/assets/fonts/katex/KaTeX_Caligraphic-Bold.woff +0 -0
  22. data/assets/fonts/katex/KaTeX_Caligraphic-Bold.woff2 +0 -0
  23. data/assets/fonts/katex/KaTeX_Caligraphic-Regular.ttf +0 -0
  24. data/assets/fonts/katex/KaTeX_Caligraphic-Regular.woff +0 -0
  25. data/assets/fonts/katex/KaTeX_Caligraphic-Regular.woff2 +0 -0
  26. data/assets/fonts/katex/KaTeX_Fraktur-Bold.ttf +0 -0
  27. data/assets/fonts/katex/KaTeX_Fraktur-Bold.woff +0 -0
  28. data/assets/fonts/katex/KaTeX_Fraktur-Bold.woff2 +0 -0
  29. data/assets/fonts/katex/KaTeX_Fraktur-Regular.ttf +0 -0
  30. data/assets/fonts/katex/KaTeX_Fraktur-Regular.woff +0 -0
  31. data/assets/fonts/katex/KaTeX_Fraktur-Regular.woff2 +0 -0
  32. data/assets/fonts/katex/KaTeX_Main-Bold.ttf +0 -0
  33. data/assets/fonts/katex/KaTeX_Main-Bold.woff +0 -0
  34. data/assets/fonts/katex/KaTeX_Main-Bold.woff2 +0 -0
  35. data/assets/fonts/katex/KaTeX_Main-BoldItalic.ttf +0 -0
  36. data/assets/fonts/katex/KaTeX_Main-BoldItalic.woff +0 -0
  37. data/assets/fonts/katex/KaTeX_Main-BoldItalic.woff2 +0 -0
  38. data/assets/fonts/katex/KaTeX_Main-Italic.ttf +0 -0
  39. data/assets/fonts/katex/KaTeX_Main-Italic.woff +0 -0
  40. data/assets/fonts/katex/KaTeX_Main-Italic.woff2 +0 -0
  41. data/assets/fonts/katex/KaTeX_Main-Regular.ttf +0 -0
  42. data/assets/fonts/katex/KaTeX_Main-Regular.woff +0 -0
  43. data/assets/fonts/katex/KaTeX_Main-Regular.woff2 +0 -0
  44. data/assets/fonts/katex/KaTeX_Math-BoldItalic.ttf +0 -0
  45. data/assets/fonts/katex/KaTeX_Math-BoldItalic.woff +0 -0
  46. data/assets/fonts/katex/KaTeX_Math-BoldItalic.woff2 +0 -0
  47. data/assets/fonts/katex/KaTeX_Math-Italic.ttf +0 -0
  48. data/assets/fonts/katex/KaTeX_Math-Italic.woff +0 -0
  49. data/assets/fonts/katex/KaTeX_Math-Italic.woff2 +0 -0
  50. data/assets/fonts/katex/KaTeX_SansSerif-Bold.ttf +0 -0
  51. data/assets/fonts/katex/KaTeX_SansSerif-Bold.woff +0 -0
  52. data/assets/fonts/katex/KaTeX_SansSerif-Bold.woff2 +0 -0
  53. data/assets/fonts/katex/KaTeX_SansSerif-Italic.ttf +0 -0
  54. data/assets/fonts/katex/KaTeX_SansSerif-Italic.woff +0 -0
  55. data/assets/fonts/katex/KaTeX_SansSerif-Italic.woff2 +0 -0
  56. data/assets/fonts/katex/KaTeX_SansSerif-Regular.ttf +0 -0
  57. data/assets/fonts/katex/KaTeX_SansSerif-Regular.woff +0 -0
  58. data/assets/fonts/katex/KaTeX_SansSerif-Regular.woff2 +0 -0
  59. data/assets/fonts/katex/KaTeX_Script-Regular.ttf +0 -0
  60. data/assets/fonts/katex/KaTeX_Script-Regular.woff +0 -0
  61. data/assets/fonts/katex/KaTeX_Script-Regular.woff2 +0 -0
  62. data/assets/fonts/katex/KaTeX_Size1-Regular.ttf +0 -0
  63. data/assets/fonts/katex/KaTeX_Size1-Regular.woff +0 -0
  64. data/assets/fonts/katex/KaTeX_Size1-Regular.woff2 +0 -0
  65. data/assets/fonts/katex/KaTeX_Size2-Regular.ttf +0 -0
  66. data/assets/fonts/katex/KaTeX_Size2-Regular.woff +0 -0
  67. data/assets/fonts/katex/KaTeX_Size2-Regular.woff2 +0 -0
  68. data/assets/fonts/katex/KaTeX_Size3-Regular.ttf +0 -0
  69. data/assets/fonts/katex/KaTeX_Size3-Regular.woff +0 -0
  70. data/assets/fonts/katex/KaTeX_Size3-Regular.woff2 +0 -0
  71. data/assets/fonts/katex/KaTeX_Size4-Regular.ttf +0 -0
  72. data/assets/fonts/katex/KaTeX_Size4-Regular.woff +0 -0
  73. data/assets/fonts/katex/KaTeX_Size4-Regular.woff2 +0 -0
  74. data/assets/fonts/katex/KaTeX_Typewriter-Regular.ttf +0 -0
  75. data/assets/fonts/katex/KaTeX_Typewriter-Regular.woff +0 -0
  76. data/assets/fonts/katex/KaTeX_Typewriter-Regular.woff2 +0 -0
  77. data/assets/js/main.min.js +1 -1
  78. data/assets/js/partials/navbar.js +3 -3
  79. data/assets/js/vendor/auto-render.min.js +1 -1
  80. data/assets/js/vendor/katex.min.js +1 -1
  81. data/assets/js/vendor/mermaid.min.js +2 -32
  82. metadata +24 -12
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8f74bb3beff5e55d7d9d2e26dff05d00dce42716ddc98260095f3ab700cf48d1
4
- data.tar.gz: 81a134f5f4f12416300eeb9a45dc14a9c2624475ca0fcefffd4dfcf4e08006cd
3
+ metadata.gz: 5bb534f0b302a0888897a33a16bfbf69edc927673d007ddf79a7b1e49584caa5
4
+ data.tar.gz: 9ba59b3d7f5365384928f23095143d3774fe4cd604fc705080823cf6b5637775
5
5
  SHA512:
6
- metadata.gz: 5af3d06b1ccccf281dcbf2a6bb0610ed4e6ee373faa94058d46d7b7e040496cec13ac8f81832226223be5e78c996f0cb75bb07ceb9ad548e8697ad7480af310c
7
- data.tar.gz: 5b7363d7662612addf86084e81b2e658c331b9e7b10d9d3d79708690eec7b6a63b106804e21d15c19337c9e2c1c1f077a83d5668b85a4127ad6aa54f09fb99dc
6
+ metadata.gz: dd34951aa255557a38c5a8517dcb314b00ea247c9dd8453730f2d3d7d7b9ce4742990c726c46eef7a2bc450f683d10a241df047913188943d273b0e7393d56bc
7
+ data.tar.gz: 2e1fedf1c6269c23c532466c833151812a6c631dd6ff94c554a6cbcbf01a781a5912c155159e3d2d54f804ebeba5104b61163bffddd370936ca835b14552e904
data/README.md CHANGED
@@ -141,12 +141,24 @@ Customize your site header/footer with these variables in `_config.yml`:
141
141
 
142
142
  ```yml
143
143
  header_text: Welcome to my Jekyll blog
144
- header_feature_image: assets/img/sample3.png
145
144
  footer_text: Copyright 2017
146
145
  ```
147
146
 
148
147
  If you don't want anything, replace the value by `" "`.
149
148
 
149
+ #### Header's image
150
+
151
+ The header's image (tested with 2480x1280) can be set as one image with `header_feature_image`
152
+ but can also be responsive:
153
+
154
+ ```yml
155
+ header_feature_image: assets/img/header/my-header-image.png
156
+ header_feature_image_responsive: true
157
+ ```
158
+
159
+ By setting `header_feature_image_responsive` to true, it will look for images
160
+ with suffix `-small` (620x320) and `-medium` (1240x640) to display on smaller screen.
161
+
150
162
  #### Localisation string
151
163
 
152
164
  Localization string is a way to quickly change the template language for text like *Next Post* or *Follow on*, ...
data/_includes/default/head.liquid CHANGED
@@ -35,13 +35,13 @@
35
35
  <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
36
36
  {% endif %}
37
37
 
38
- <!-- KaTeX 0.13.9 -->
38
+ <!-- KaTeX 0.15.2 -->
39
39
  {% if site.katex or site.theme_settings.katex %}
40
40
  <script defer src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}"></script>
41
41
  <script defer src="{{ '/assets/js/vendor/auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
42
42
  {% endif %}
43
43
 
44
- <!-- Mermaid 8.9.2 -->
44
+ <!-- Mermaid 8.13.10 -->
45
45
  {% if site.mermaid %}
46
46
  <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({startOnLoad:true});"></script>
47
47
  {% endif %}
data/_layouts/default.html CHANGED
@@ -1,6 +1,6 @@
1
1
  <!DOCTYPE html>
2
2
  <!--
3
- Type on Strap jekyll theme v2.3.10
3
+ Type on Strap jekyll theme v2.4.1
4
4
  Theme free for personal and commercial use under the MIT license
5
5
  https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
6
6
  -->
data/_layouts/home.liquid CHANGED
@@ -3,9 +3,25 @@ layout: default
3
3
  ---
4
4
 
5
5
  <div class="home">
6
-
7
- <div id="main" class="call-out"
8
- style="background-image: url('{{ site.header_feature_image | relative_url }}')">
6
+ <style scoped>
7
+ {% assign image = site.header_feature_image | relative_url | split: '.' %}
8
+ .call-out_img {
9
+ background-image: url('{{ image | join: '.' }}');
10
+ }
11
+ {% if site.header_feature_image_responsive %}
12
+ @media screen and (max-width: 768px) {
13
+ .call-out_img {
14
+ background-image: url('{{ image[0] | append: '-medium.' | append: image[1] | default: image}}');
15
+ }
16
+ }
17
+ @media screen and (max-width: 576px) {
18
+ .call-out_img {
19
+ background-image: url('{{ image[0] | append: '-small.' | append: image[1] }}');
20
+ }
21
+ }
22
+ {% endif %}
23
+ </style>
24
+ <div id="main" class="call-out call-out_img">
9
25
  <h1> {{ site.header_text | default: "Change <code>header_text</code> in <code>_config.yml</code>"}} </h1>
10
26
  </div>
11
27
 
data/_layouts/post.liquid CHANGED
@@ -56,10 +56,19 @@ layout: default
56
56
  }
57
57
 
58
58
  {% if page.color %}
59
- .feature-image a { color: {{ page.color }} !important; }
59
+ .post-content a { color: {{ page.color }} !important; }
60
+ .share-buttons a { color: {{ page.color }} !important; }
61
+ .tag-list a:not(:hover) { color: {{ page.color }} !important; }
60
62
  div#post-nav a { color: {{ page.color }} !important; }
61
63
  footer a { color: {{ page.color }} !important; }
62
64
  .site-header nav a:hover { color: {{ page.color }} !important; }
65
+ a.button:hover {
66
+ background: {{ page.color }} !important;
67
+ border: 1px solid {{ page.color }} !important;
68
+ color: white;
69
+ text-decoration: none;
70
+ filter: none;
71
+ }
63
72
  header#main {
64
73
  background-color: {{ page.color }} !important;
65
74
  background-image: url('{{ site.color_image | relative_url }}');
data/_sass/base/_global.scss CHANGED
@@ -248,37 +248,25 @@ kbd {
248
248
  background: rgba(2, 2, 2, 0.85);
249
249
  color: lightgray;
250
250
  z-index: 1000;
251
- }
252
-
253
- #cookie-notice a {
254
- display: inline-block;
255
- cursor: pointer;
256
- margin-left: 0.6rem;
257
- }
258
-
259
- /* Vendor tweaks */
260
- // For correct line number width in Github Gists
261
- .gist table tbody tr td {
262
- box-sizing: content-box;
263
- }
264
251
 
265
- // KaTeX math display
266
- .math-display {
267
- display: inline-block;
268
- width: 100%;
252
+ & a {
253
+ display: inline-block;
254
+ cursor: pointer;
255
+ margin-left: 0.6rem;
256
+ }
269
257
  }
270
258
 
271
259
  // Mermaid
272
260
  .mermaid {
273
261
  background-color: rgba(255, 255, 255, 0.9);
274
262
  border-radius: 2%;
275
- }
276
263
 
277
- .mermaid > svg {
278
- margin: auto;
279
- display: block;
280
- height: auto;
281
- padding-bottom: 2em;
282
- padding-top: 2em;
283
- max-width: 100%;
264
+ & > svg {
265
+ margin: auto;
266
+ display: block;
267
+ height: auto;
268
+ padding-bottom: 2em;
269
+ padding-top: 2em;
270
+ max-width: 100%;
271
+ }
284
272
  }
data/_sass/base/_highlight.scss CHANGED
@@ -7,7 +7,7 @@ figure.highlight,
7
7
  .highlight code {
8
8
  position: relative;
9
9
  background: var(--base00);
10
- color: var(--base05);
10
+ color: var(--base07);
11
11
  font-family: $monospace;
12
12
  font-size: $font-size-code;
13
13
  line-height: $font-height-code;
@@ -121,7 +121,7 @@ table.rouge-table {
121
121
  .ge{ /* Generic.Emph */
122
122
  font-style: italic }
123
123
  .gh{ /* Generic.Heading */
124
- color: var(--base05);font-weight: bold }
124
+ color: var(--base07);font-weight: bold }
125
125
  .gi{ /* Generic.Inserted */
126
126
  color: var(--base0a) }
127
127
  .gp{ /* Generic.Prompt */
@@ -135,7 +135,7 @@ table.rouge-table {
135
135
  .k { /* Keyword */
136
136
  color: var(--base0d) }
137
137
  .kc{ /* Keyword.Constant */
138
- color: var(--base0d) }
138
+ color: var(--base0f) }
139
139
  .kd{ /* Keyword.Declaration */
140
140
  color: var(--base0d) }
141
141
  .kn{ /* Keyword.Namespace */
@@ -163,19 +163,19 @@ table.rouge-table {
163
163
  .mo{ /* Literal.Number.Oct */
164
164
  color: var(--base0e) }
165
165
  .n{ /* Name */
166
- color: var(--base05) }
166
+ color: var(--base07) }
167
167
  .na{ /* Name.Attribute */
168
- color: var(--base0b) }
168
+ color: var(--base0c) }
169
169
  .nb{ /* Name.Builtin */
170
170
  color: var(--base0c) }
171
171
  .nc{ /* Name.Class */
172
- color: var(--base05) }
172
+ color: var(--base07) }
173
173
  .no{ /* Name.Constant */
174
- color: var(--base05) }
174
+ color: var(--base07) }
175
175
  .nd{ /* Name.Decorator */
176
176
  color: var(--base0f) }
177
177
  .ni{ /* Name.Entity */
178
- color: var(--base05) }
178
+ color: var(--base07) }
179
179
  .ne{ /* Name.Exception */
180
180
  color: var(--base0c) }
181
181
  .nf{ /* Name.Function */
@@ -183,27 +183,31 @@ table.rouge-table {
183
183
  .nl{ /* Name.Label */
184
184
  color: var(--base0c) }
185
185
  .nn{ /* Name.Namespace */
186
- color: var(--base05) }
186
+ color: var(--base07) }
187
187
  .nt{ /* Name.Tag */
188
188
  color: var(--base08) }
189
189
  .nv{ /* Name.Variable */
190
190
  color: var(--base0c) }
191
191
  .nx{ /* Name.Other */
192
- color: var(--base05) }
192
+ color: var(--base07) }
193
193
  .o{ /* Operator */
194
194
  color: var(--base08) }
195
195
  .ow{ /* Operator.Word */
196
196
  color: var(--base0d) }
197
197
  .p{ /* Punctuation */
198
198
  color: var(--base05) }
199
+ .pi{ /* Name.Property */
200
+ color: var(--base07) }
199
201
  .py{ /* Name.Property */
200
- color: var(--base05) }
202
+ color: var(--base0d) }
201
203
  .s{ /* Literal.String */
202
204
  color: var(--base0a) }
205
+ .sa{ /* Literal.String.raw */
206
+ color: var(--base0a) }
203
207
  .sb{ /* Literal.String.Backtick */
204
208
  color: var(--base0a) }
205
209
  .sc{ /* Literal.String.Char */
206
- color: var(--base05) }
210
+ color: var(--base07) }
207
211
  .sd{ /* Literal.String.Doc */
208
212
  color: var(--base04) }
209
213
  .s2{ /* Literal.String.Double */
@@ -229,7 +233,7 @@ table.rouge-table {
229
233
  .vi{ /* Name.Variable.Instance */
230
234
  color: var(--base0c) }
231
235
  .w{ /* Text.Whitespace */
232
- color: var(--base05) }
236
+ color: var(--base07) }
233
237
  }
234
238
 
235
239
  // Fix Github syntax display
@@ -243,6 +247,11 @@ table.rouge-table {
243
247
  }
244
248
  }
245
249
 
250
+ // For correct line number width in Github Gists
251
+ .gist table tbody tr td {
252
+ box-sizing: content-box;
253
+ }
254
+
246
255
  // Fix nbconvert dataframe
247
256
  .dataframe tbody {
248
257
  font-size: 0.8em;
data/_sass/base/_utility.scss CHANGED
@@ -68,13 +68,13 @@ a.button {
68
68
  border: 1px solid var(--link);
69
69
  color: var(--background);
70
70
  text-decoration: none;
71
+ filter: none;
71
72
  }
72
73
  }
73
74
 
74
75
  .body-link {
75
76
  &:hover {
76
77
  text-decoration: underline;
77
- color: var(--link);
78
78
  filter: brightness(0.85);
79
79
  }
80
80
  }
@@ -83,7 +83,6 @@ a.button {
83
83
  &:hover {
84
84
  text-decoration: none;
85
85
  color: var(--link);
86
- filter: brightness(1.1);
87
86
  }
88
87
  }
89
88
 
data/_sass/base/_variables.scss CHANGED
@@ -33,7 +33,7 @@ html, html[data-theme="light"] {
33
33
  --blockquote: #eef7fa;
34
34
  --selection: #d4d4d4;
35
35
  --meta: #595959;
36
- --link: #337ab7;
36
+ --link: #0072B5;
37
37
  --header-background: #24292e;
38
38
  --header-text: #ffffff;
39
39
  --header-link: #383838;
@@ -81,11 +81,11 @@ html, html[data-theme="light"] {
81
81
  --base01: #2e3c43; // Lighter Background (Used for status bars) - NOT USED
82
82
  --base02: #314549; // Selection Background
83
83
  --base03: #546e7a; // Comments, Invisible, Line Highlighting
84
- --base04: #b2ccd6; // Dark Foreground (Used for status bars) - NOT USED
85
- --base05: #eeffff; // Light Foreground (Not often used)
86
- --base06: #eeffff; // Light Background (Not often used)
84
+ --base04: #b2ccd6; // Dark Foreground (Used for status bars)
85
+ --base05: #eeffff; // Punctuation
86
+ --base06: #eeffff; // Highlight, Light Background
87
87
  --base07: #ffffff; // Default Foreground, Default text color
88
- --base08: #f07178; // Parenthesis, Caret, Delimiters, Operators
88
+ --base08: #f07178; // Operators (and Parenthesis, Caret, Delimiters)
89
89
  --base09: #f78c6c; // Classes, Markup Bold, Search Text Background
90
90
  --base0a: #ffcb6b; // Strings, Inherited Class, Markup Code, Diff Inserted
91
91
  --base0b: #98c379; // Functions, Methods, Attribute IDs, Headings