type-on-strap 2.3.10 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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