type-on-strap 2.3.4 → 2.3.5

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 (45) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +29 -12
  3. data/_data/language.yml +2 -0
  4. data/_includes/{blog.html → blog/blog.html} +2 -2
  5. data/_includes/{blog_nav.html → blog/blog_nav.html} +0 -0
  6. data/_includes/{post_info.html → blog/post_info.html} +0 -0
  7. data/_includes/{post_nav.html → blog/post_nav.html} +0 -0
  8. data/_includes/{footer.html → default/footer.html} +1 -1
  9. data/_includes/{head.html → default/head.html} +14 -1
  10. data/_includes/{navbar.html → default/navbar.html} +5 -0
  11. data/_includes/{tags_list.html → default/tags_list.html} +0 -0
  12. data/_includes/gallery.html +2 -3
  13. data/_includes/social/cusdis.html +12 -0
  14. data/_includes/{disqus.html → social/disqus.html} +0 -0
  15. data/_includes/social/icon_partial.html +11 -0
  16. data/_includes/social/icons.html +107 -0
  17. data/_includes/{share_buttons.html → social/share_buttons.html} +44 -36
  18. data/_layouts/custom.html +12 -7
  19. data/_layouts/default.html +4 -4
  20. data/_layouts/home.html +1 -1
  21. data/_layouts/page.html +1 -1
  22. data/_layouts/post.html +8 -5
  23. data/_layouts/tags.html +4 -4
  24. data/_sass/base/_global.scss +11 -11
  25. data/_sass/base/_highlight.scss +73 -72
  26. data/_sass/base/_utility.scss +9 -7
  27. data/_sass/base/_variables.scss +109 -73
  28. data/_sass/external/font-awesome/_stacked.scss +1 -1
  29. data/_sass/includes/_footer.scss +13 -2
  30. data/_sass/includes/_mermaid.scss +8 -0
  31. data/_sass/includes/_navbar.scss +7 -6
  32. data/_sass/includes/_share_buttons.scss +1 -1
  33. data/_sass/layouts/_blog.scss +6 -5
  34. data/_sass/layouts/_page.scss +1 -1
  35. data/_sass/layouts/_posts.scss +25 -6
  36. data/_sass/layouts/_search.scss +11 -8
  37. data/_sass/layouts/_tags.scss +2 -2
  38. data/_sass/type-on-strap.scss +3 -2
  39. data/assets/css/vendor/bootstrap-iso.css +0 -30
  40. data/assets/css/vendor/bootstrap-iso.min.css +1 -1
  41. data/assets/css/vendor/bootstrap.css +0 -30
  42. data/assets/js/main.min.js +1 -1
  43. data/assets/js/partials/dark-mode.js +43 -0
  44. metadata +17 -13
  45. data/_includes/icons.html +0 -267
data/_layouts/custom.html CHANGED
@@ -4,29 +4,34 @@ layout: default
4
4
 
5
5
  <article {% if page.feature-img %}class="feature-image" {% endif %} style="padding:0;">
6
6
  <header id="main" style="background-image: url('{{ page.feature-img | relative_url }}')">
7
+ {% unless page.hide_title %}
7
8
  <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
8
- {% if include.is_post %}
9
- {% include post_info.html author=page.author date=page.date %}
10
- {% else %}
9
+ {% endunless %}
10
+ {% if page.is_post %}
11
+ {% include blog/post_info.html author=page.author date=page.date %}
12
+ {% endif %}
11
13
  </header>
12
14
  <section class="post-content">{{ content }}</section>
13
15
 
14
16
  <div style="display: inline-block;">
15
17
  <!-- Social media shares -->
16
- {% if include.is_post %} {% include share_buttons.html %} {% endif %}
18
+ {% if include.is_post %} {% include social/share_buttons.html %} {% endif %}
17
19
 
18
20
  <!-- Tag list -->
19
21
  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
20
- {% include tags_list.html tags=tag_list %}
22
+ {% include default/tags_list.html tags=tag_list %}
21
23
  </div>
22
24
 
23
25
  </article>
24
26
 
27
+ <!-- Cusdis -->
28
+ {% if site.cusdis_app_id %}{% include social/cusdis.html %}{% endif %}
29
+
25
30
  <!-- Disqus -->
26
31
  {% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
27
- {% include disqus.html %}{% endif %}
32
+ {% include social/disqus.html %}{% endif %}
28
33
 
29
34
  <!-- Post navigation -->
30
35
  {% if site.post_navigation %}
31
- {% include post_nav.html %}
36
+ {% include blog/post_nav.html %}
32
37
  {% endif %}
data/_layouts/default.html CHANGED
@@ -1,17 +1,17 @@
1
1
  <!DOCTYPE html>
2
2
  <!--
3
- Type on Strap jekyll theme v2.3.4
3
+ Type on Strap jekyll theme v2.3.5
4
4
  Copyright 2016-2021 Sylhare
5
5
  Theme free for personal and commercial use under the MIT license
6
6
  https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
7
7
  -->
8
8
  <html lang="en">
9
- {% include head.html %}
9
+ {% include default/head.html %}
10
10
  <body>
11
- {% include navbar.html %}
11
+ {% include default/navbar.html %}
12
12
  <div class="content">
13
13
  {{ content }}
14
14
  </div>
15
- {% include footer.html %}
15
+ {% include default/footer.html %}
16
16
  </body>
17
17
  </html>
data/_layouts/home.html CHANGED
@@ -9,6 +9,6 @@ layout: default
9
9
  <h1> {{ site.header_text | default: "Change <code>header_text</code> in <code>_config.yml</code>"}} </h1>
10
10
  </div>
11
11
 
12
- {% include blog.html %}
12
+ {% include blog/blog.html %}
13
13
 
14
14
  </div>
data/_layouts/page.html CHANGED
@@ -30,6 +30,6 @@ layout: default
30
30
 
31
31
  <!-- Tag list for portfolio -->
32
32
  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
33
- {% include tags_list.html tags=tag_list %}
33
+ {% include default/tags_list.html tags=tag_list %}
34
34
 
35
35
  </article>
data/_layouts/post.html CHANGED
@@ -8,7 +8,7 @@ layout: default
8
8
  <div class="feature-image-padding"></div>
9
9
  {% else %}
10
10
  <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
11
- {% include post_info.html author=page.author date=page.date %}
11
+ {% include blog/post_info.html author=page.author date=page.date %}
12
12
  {% endif %}
13
13
  </div>
14
14
  </header>
@@ -24,21 +24,24 @@ layout: default
24
24
  </section>
25
25
 
26
26
  <!-- Social media shares -->
27
- {% include share_buttons.html %}
27
+ {% include social/share_buttons.html %}
28
28
 
29
29
  <!-- Tag list -->
30
30
  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
31
- {% include tags_list.html tags=tag_list %}
31
+ {% include default/tags_list.html tags=tag_list %}
32
32
 
33
33
  </article>
34
34
 
35
+ <!-- Cusdis -->
36
+ {% if site.cusdis_app_id %}{% include social/cusdis.html %}{% endif %}
37
+
35
38
  <!-- Disqus -->
36
39
  {% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
37
- {% include disqus.html %}{% endif %}
40
+ {% include social/disqus.html %}{% endif %}
38
41
 
39
42
  <!-- Post navigation -->
40
43
  {% if site.post_navigation or site.theme_settings.post_navigation %}
41
- {% include post_nav.html %}
44
+ {% include blog/post_nav.html %}
42
45
  {% endif %}
43
46
 
44
47
  <!-- To change color of links in the page -->
data/_layouts/tags.html CHANGED
@@ -29,7 +29,7 @@ layout: page
29
29
  {% endfor %}
30
30
 
31
31
  <!-- Displays the list of tags-->
32
- {% include tags_list.html tags=rawtags %}
32
+ {% include default/tags_list.html tags=rawtags %}
33
33
 
34
34
  <!-- Displays the posts and pages that contains the tag-->
35
35
  <div class="posts">
@@ -51,7 +51,7 @@ layout: page
51
51
  <i class="far fa-file-image" aria-hidden="true"></i>
52
52
  {{ page.title }}
53
53
  </a>
54
- {% include post_info.html date=page.date %}
54
+ {% include blog/post_info.html date=page.date %}
55
55
  </h5>
56
56
  {% endif %}
57
57
  {% endfor %}
@@ -65,7 +65,7 @@ layout: page
65
65
  {{ post.title }}
66
66
  </a>
67
67
 
68
- {% include post_info.html date=post.date %}
68
+ {% include blog/post_info.html date=post.date %}
69
69
  </h5>
70
70
  {% endif %}
71
71
  {% endfor %}
@@ -79,7 +79,7 @@ layout: page
79
79
  {{ note.title }}
80
80
  </a>
81
81
 
82
- {% include post_info.html date=note.date %}
82
+ {% include blog/post_info.html date=note.date %}
83
83
  </h5>
84
84
  {% endif %}
85
85
  {% endfor %}
data/_sass/base/_global.scss CHANGED
@@ -14,20 +14,20 @@ figure {
14
14
  }
15
15
 
16
16
  html {
17
- background: $background-color;
17
+ background: var(--background);
18
18
  }
19
19
 
20
20
  // Typography
21
21
  ::selection {
22
- background: $selection-color;
22
+ background: var(--selection);
23
23
  }
24
24
 
25
25
  ::-moz-selection {
26
- background: $selection-color;
26
+ background: var(--selection);
27
27
  }
28
28
 
29
29
  body {
30
- color: $text-color;
30
+ color: var(--text);
31
31
  font-family: $font-family-main;
32
32
  font-size: $font-size;
33
33
  word-wrap: break-word;
@@ -44,7 +44,7 @@ h6 {
44
44
  margin: 0.67em 0;
45
45
 
46
46
  a {
47
- color: $text-color;
47
+ color: var(--text);
48
48
  }
49
49
 
50
50
  }
@@ -142,11 +142,11 @@ img[align=right] {
142
142
  }
143
143
 
144
144
  blockquote {
145
- border-left: 2px solid darken($blockquote-color, 20%);
145
+ border-left: 2px solid #9fd2e3;
146
146
  margin: 1em 1em;
147
147
  padding: 0.75em 1em;
148
- background-color: $blockquote-color;
149
- box-shadow: 0 2px 2px $border-color;
148
+ background-color: var(--blockquote);
149
+ box-shadow: 0 2px 2px var(--border);
150
150
  }
151
151
 
152
152
  blockquote *:last-child,
@@ -164,7 +164,7 @@ table {
164
164
  td,
165
165
  th {
166
166
  padding: 0.5em 1em;
167
- border: 1px solid $border-color;
167
+ border: 1px solid var(--border);
168
168
  text-align: left;
169
169
  }
170
170
 
@@ -220,13 +220,13 @@ ul {
220
220
 
221
221
  hr {
222
222
  border: 0;
223
- border-top: 1px solid $border-color;
223
+ border-top: 1px solid var(--border);
224
224
  border-bottom: 1px solid #fff;
225
225
  margin: 1em 0;
226
226
  }
227
227
 
228
228
  a {
229
- color: $link-color;
229
+ color: var(--link);
230
230
  text-decoration: none;
231
231
  }
232
232
 
data/_sass/base/_highlight.scss CHANGED
@@ -6,8 +6,8 @@ div.highlighter-rouge,
6
6
  figure.highlight,
7
7
  .highlight code {
8
8
  position: relative;
9
- background: $base00;
10
- color: $base05;
9
+ background: var(--base00);
10
+ color: var(--base05);
11
11
  font-family: $monospace;
12
12
  font-size: $font-size-code;
13
13
  line-height: $font-height-code;
@@ -48,10 +48,11 @@ figure.highlight {
48
48
  code.highlighter-rouge {
49
49
  padding: 0.2em 0.4em;
50
50
  font-size: $font-size-code;
51
- background-color: transparentize($base00, 0.85);
52
- color: rgb(36, 41, 46);
51
+ background-color: var(--code-background);
52
+ color: var(--code-inline);
53
53
  border-radius: 2px;
54
54
  font-family: $monospace;
55
+ //filter: invert(100%) contrast(200%);
55
56
  }
56
57
 
57
58
  table.rouge-table {
@@ -69,8 +70,8 @@ table.rouge-table {
69
70
  &.rouge-gutter {
70
71
  padding-right: 1em;
71
72
  width: 2em;
72
- color: $base04;
73
- border-right: 1px solid $base04;
73
+ color: var(--base04);
74
+ border-right: 1px solid --var(base04);
74
75
  text-align: right
75
76
  }
76
77
 
@@ -90,145 +91,145 @@ table.rouge-table {
90
91
  width: 100%;
91
92
 
92
93
  ::selection {
93
- background-color: $base02
94
+ background-color: var(--base02)
94
95
  }
95
96
  }
96
97
 
97
98
  .highlight .hll {
98
- background-color: $base06
99
+ background-color: var(--base06)
99
100
  }
100
101
 
101
102
  .highlight {
102
103
  .bp{ /* Name.Builtin.Pseudo */
103
- color: $base0c }
104
+ color: var(--base0c) }
104
105
  .c { /* Comment */
105
- color: $base03 }
106
+ color: var(--base03) }
106
107
  .cm{ /* Comment.Multiline */
107
- color: $base03 }
108
+ color: var(--base03) }
108
109
  .cp{ /* Comment.Preproc */
109
- color: $base03 }
110
+ color: var(--base03) }
110
111
  .c1{ /* Comment.Single */
111
- color: $base03 }
112
+ color: var(--base03) }
112
113
  .cs{ /* Comment.Special */
113
- color: $base03 }
114
+ color: var(--base03) }
114
115
  .dl{ /* String.Quotes 8 */
115
- color: $base0a }
116
+ color: var(--base0a) }
116
117
  .err { /* Error */
117
- color: $base0c }
118
+ color: var(--base0c) }
118
119
  .gd{ /* Generic.Deleted */
119
- color: $base0c }
120
+ color: var(--base0c) }
120
121
  .ge{ /* Generic.Emph */
121
122
  font-style: italic }
122
123
  .gh{ /* Generic.Heading */
123
- color: $base05;font-weight: bold }
124
+ color: var(--base05);font-weight: bold }
124
125
  .gi{ /* Generic.Inserted */
125
- color: $base0a }
126
+ color: var(--base0a) }
126
127
  .gp{ /* Generic.Prompt */
127
- color: $base04;font-weight: bold }
128
+ color: var(--base04);font-weight: bold }
128
129
  .gs{ /* Generic.Strong */
129
130
  font-weight: bold }
130
131
  .gu{ /* Generic.Subheading */
131
- color: $base08;font-weight: bold }
132
+ color: var(--base08);font-weight: bold }
132
133
  .il{ /* Literal.Number.Integer.Long */
133
- color: $base0e }
134
+ color: var(--base0e) }
134
135
  .k { /* Keyword */
135
- color: $base0d }
136
+ color: var(--base0d) }
136
137
  .kc{ /* Keyword.Constant */
137
- color: $base0d }
138
+ color: var(--base0d) }
138
139
  .kd{ /* Keyword.Declaration */
139
- color: $base0d }
140
+ color: var(--base0d) }
140
141
  .kn{ /* Keyword.Namespace */
141
- color: $base0d }
142
+ color: var(--base0d) }
142
143
  .kp{ /* Keyword.Pseudo */
143
- color: $base0d }
144
+ color: var(--base0d) }
144
145
  .kr{ /* Keyword.Reserved */
145
- color: $base0d }
146
+ color: var(--base0d) }
146
147
  .kt{ /* Keyword.Type */
147
- color: $base09 }
148
+ color: var(--base09) }
148
149
  .l{ /* Literal */
149
- color: $base0e }
150
+ color: var(--base0e) }
150
151
  .ld{ /* Literal.Date */
151
- color: $base0a }
152
+ color: var(--base0a) }
152
153
  .m{ /* Literal.Number */
153
- color: $base0e }
154
+ color: var(--base0e) }
154
155
  .mb{ /* Literal.Bytes */
155
- color: $base0e }
156
+ color: var(--base0e) }
156
157
  .mf{ /* Literal.Number.Float */
157
- color: $base0e }
158
+ color: var(--base0e) }
158
159
  .mh{ /* Literal.Number.Hex */
159
- color: $base0e }
160
+ color: var(--base0e) }
160
161
  .mi{ /* Literal.Number.Integer */
161
- color: $base0e }
162
+ color: var(--base0e) }
162
163
  .mo{ /* Literal.Number.Oct */
163
- color: $base0e }
164
+ color: var(--base0e) }
164
165
  .n{ /* Name */
165
- color: $base05 }
166
+ color: var(--base05) }
166
167
  .na{ /* Name.Attribute */
167
- color: $base0b }
168
+ color: var(--base0b) }
168
169
  .nb{ /* Name.Builtin */
169
- color: $base05 }
170
+ color: var(--base05) }
170
171
  .nc{ /* Name.Class */
171
- color: $base05 }
172
+ color: var(--base05) }
172
173
  .no{ /* Name.Constant */
173
- color: $base05 }
174
+ color: var(--base05) }
174
175
  .nd{ /* Name.Decorator */
175
- color: $base0f }
176
+ color: var(--base0f) }
176
177
  .ni{ /* Name.Entity */
177
- color: $base05 }
178
+ color: var(--base05) }
178
179
  .ne{ /* Name.Exception */
179
- color: $base0c }
180
+ color: var(--base0c) }
180
181
  .nf{ /* Name.Function */
181
- color: $base0b }
182
+ color: var(--base0b) }
182
183
  .nl{ /* Name.Label */
183
- color: $base05 }
184
+ color: var(--base05) }
184
185
  .nn{ /* Name.Namespace */
185
- color: $base05 }
186
+ color: var(--base05) }
186
187
  .nt{ /* Name.Tag */
187
- color: $base08 }
188
+ color: var(--base08) }
188
189
  .nv{ /* Name.Variable */
189
- color: $base0c }
190
+ color: var(--base0c) }
190
191
  .nx{ /* Name.Other */
191
- color: $base0b }
192
+ color: var(--base0b) }
192
193
  .o{ /* Operator */
193
- color: $base08 }
194
+ color: var(--base08) }
194
195
  .ow{ /* Operator.Word */
195
- color: $base0d }
196
+ color: var(--base0d) }
196
197
  .p{ /* Punctuation */
197
- color: $base05 }
198
+ color: var(--base05) }
198
199
  .py{ /* Name.Property */
199
- color: $base05 }
200
+ color: var(--base05) }
200
201
  .s{ /* Literal.String */
201
- color: $base0a }
202
+ color: var(--base0a) }
202
203
  .sb{ /* Literal.String.Backtick */
203
- color: $base0a }
204
+ color: var(--base0a) }
204
205
  .sc{ /* Literal.String.Char */
205
- color: $base05 }
206
+ color: var(--base05) }
206
207
  .sd{ /* Literal.String.Doc */
207
- color: $base04 }
208
+ color: var(--base04) }
208
209
  .s2{ /* Literal.String.Double */
209
- color: $base0a }
210
+ color: var(--base0a) }
210
211
  .se{ /* Literal.String.Escape */
211
- color: $base0e }
212
+ color: var(--base0e) }
212
213
  .sh{ /* Literal.String.Heredoc */
213
- color: $base0a }
214
+ color: var(--base0a) }
214
215
  .si{ /* Literal.String.Interpol */
215
- color: $base0e }
216
+ color: var(--base0e) }
216
217
  .sx{ /* Literal.String.Other */
217
- color: $base0a }
218
+ color: var(--base0a) }
218
219
  .sr{ /* Literal.String.Regex */
219
- color: $base0a }
220
+ color: var(--base0a) }
220
221
  .s1{ /* Literal.String.Single */
221
- color: $base0a }
222
+ color: var(--base0a) }
222
223
  .ss{ /* Literal.String.Symbol */
223
- color: $base0a }
224
+ color: var(--base0a) }
224
225
  .vc{ /* Name.Variable.Class */
225
- color: $base0c }
226
+ color: var(--base0c) }
226
227
  .vg{ /* Name.Variable.Global */
227
- color: $base0c }
228
+ color: var(--base0c) }
228
229
  .vi{ /* Name.Variable.Instance */
229
- color: $base0c }
230
+ color: var(--base0c) }
230
231
  .w{ /* Text.Whitespace */
231
- color: $base05 }
232
+ color: var(--base05) }
232
233
  }
233
234
 
234
235
  // Fix Github syntax display
@@ -289,6 +290,6 @@ table.rouge-table {
289
290
  }
290
291
 
291
292
  table.dataframe {
292
- border: 0 solid $border-color;
293
+ border: 0 solid var(--border);
293
294
  border-collapse: collapse;
294
295
  }