jekyll-theme-horizon-flow 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +675 -0
  4. data/_config.yml +103 -0
  5. data/_includes/404.html +26 -0
  6. data/_includes/footer.html +104 -0
  7. data/_includes/header.html +23 -0
  8. data/_includes/read_time.html +39 -0
  9. data/_includes/toc.html +182 -0
  10. data/_layouts/archive.html +82 -0
  11. data/_layouts/categories.html +85 -0
  12. data/_layouts/default.html +26 -0
  13. data/_layouts/home.html +58 -0
  14. data/_layouts/post.html +73 -0
  15. data/_layouts/search.html +45 -0
  16. data/_layouts/tags.html +77 -0
  17. data/_posts/2021-01-01-markdown-test-page.md +179 -0
  18. data/_posts/2022-01-18-pirates.md +44 -0
  19. data/_posts/2022-06-21-leopards.md +42 -0
  20. data/_posts/2022-12-12-chatgpt-testpost-all-markdown-elements.md +121 -0
  21. data/_posts/2023-06-01-getting-started-with-jekyll.md +49 -0
  22. data/_posts/2023-06-03-customizing-your-jekyll-site.md +25 -0
  23. data/_posts/2023-06-06-welcome-to-jekyll.md +29 -0
  24. data/_posts/2023-07-13-title-for-champions.md +284 -0
  25. data/_sass/default/_base.scss +31 -0
  26. data/_sass/default/_footer.scss +162 -0
  27. data/_sass/default/_header.scss +62 -0
  28. data/_sass/external/_highlighter_rougify_base16dark.scss +84 -0
  29. data/_sass/external/_normalize.scss +349 -0
  30. data/_sass/functions/_mixins.scss +192 -0
  31. data/_sass/functions/_values.scss +21 -0
  32. data/_sass/jekyll-theme-horizon-flow.scss +16 -0
  33. data/_sass/layouts/_archive.scss +89 -0
  34. data/_sass/layouts/_categories.scss +93 -0
  35. data/_sass/layouts/_home.scss +120 -0
  36. data/_sass/layouts/_post.scss +322 -0
  37. data/_sass/layouts/_search.scss +66 -0
  38. data/_sass/layouts/_tags.scss +91 -0
  39. data/assets/search.json +20 -0
  40. data/assets/style.scss +6 -0
  41. metadata +182 -0
@@ -0,0 +1,84 @@
1
+ // command: rougify style base16.dark > _sass/external/_highlighter_rougify_base16dark.scss
2
+ // https://mazhuang.org/rouge-themes/#base16dark
3
+
4
+ .highlight table td { padding: 5px; }
5
+ .highlight table pre { margin: 0; }
6
+ .highlight, .highlight .w {
7
+ color: #d0d0d0;
8
+ background-color: #151515;
9
+ }
10
+ .highlight .err {
11
+ color: #151515;
12
+ background-color: #ac4142;
13
+ }
14
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
15
+ color: #505050;
16
+ }
17
+ .highlight .cp {
18
+ color: #f4bf75;
19
+ }
20
+ .highlight .nt {
21
+ color: #f4bf75;
22
+ }
23
+ .highlight .o, .highlight .ow {
24
+ color: #d0d0d0;
25
+ }
26
+ .highlight .p, .highlight .pi {
27
+ color: #d0d0d0;
28
+ }
29
+ .highlight .gi {
30
+ color: #90a959;
31
+ }
32
+ .highlight .gd {
33
+ color: #ac4142;
34
+ }
35
+ .highlight .gh {
36
+ color: #6a9fb5;
37
+ background-color: #151515;
38
+ font-weight: bold;
39
+ }
40
+ .highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
41
+ color: #aa759f;
42
+ }
43
+ .highlight .kc {
44
+ color: #d28445;
45
+ }
46
+ .highlight .kt {
47
+ color: #d28445;
48
+ }
49
+ .highlight .kd {
50
+ color: #d28445;
51
+ }
52
+ .highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
53
+ color: #90a959;
54
+ }
55
+ .highlight .sa {
56
+ color: #aa759f;
57
+ }
58
+ .highlight .sr {
59
+ color: #75b5aa;
60
+ }
61
+ .highlight .si {
62
+ color: #8f5536;
63
+ }
64
+ .highlight .se {
65
+ color: #8f5536;
66
+ }
67
+ .highlight .nn {
68
+ color: #f4bf75;
69
+ }
70
+ .highlight .nc {
71
+ color: #f4bf75;
72
+ }
73
+ .highlight .no {
74
+ color: #f4bf75;
75
+ }
76
+ .highlight .na {
77
+ color: #6a9fb5;
78
+ }
79
+ .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
80
+ color: #90a959;
81
+ }
82
+ .highlight .ss {
83
+ color: #90a959;
84
+ }
@@ -0,0 +1,349 @@
1
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /* Document
4
+ ========================================================================== */
5
+
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
9
+ */
10
+
11
+ html {
12
+ line-height: 1.15; /* 1 */
13
+ -webkit-text-size-adjust: 100%; /* 2 */
14
+ }
15
+
16
+ /* Sections
17
+ ========================================================================== */
18
+
19
+ /**
20
+ * Remove the margin in all browsers.
21
+ */
22
+
23
+ body {
24
+ margin: 0;
25
+ }
26
+
27
+ /**
28
+ * Render the `main` element consistently in IE.
29
+ */
30
+
31
+ main {
32
+ display: block;
33
+ }
34
+
35
+ /**
36
+ * Correct the font size and margin on `h1` elements within `section` and
37
+ * `article` contexts in Chrome, Firefox, and Safari.
38
+ */
39
+
40
+ h1 {
41
+ font-size: 2em;
42
+ margin: 0.67em 0;
43
+ }
44
+
45
+ /* Grouping content
46
+ ========================================================================== */
47
+
48
+ /**
49
+ * 1. Add the correct box sizing in Firefox.
50
+ * 2. Show the overflow in Edge and IE.
51
+ */
52
+
53
+ hr {
54
+ box-sizing: content-box; /* 1 */
55
+ height: 0; /* 1 */
56
+ overflow: visible; /* 2 */
57
+ }
58
+
59
+ /**
60
+ * 1. Correct the inheritance and scaling of font size in all browsers.
61
+ * 2. Correct the odd `em` font sizing in all browsers.
62
+ */
63
+
64
+ pre {
65
+ font-family: monospace, monospace; /* 1 */
66
+ font-size: 1em; /* 2 */
67
+ }
68
+
69
+ /* Text-level semantics
70
+ ========================================================================== */
71
+
72
+ /**
73
+ * Remove the gray background on active links in IE 10.
74
+ */
75
+
76
+ a {
77
+ background-color: transparent;
78
+ }
79
+
80
+ /**
81
+ * 1. Remove the bottom border in Chrome 57-
82
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83
+ */
84
+
85
+ abbr[title] {
86
+ border-bottom: none; /* 1 */
87
+ text-decoration: underline; /* 2 */
88
+ text-decoration: underline dotted; /* 2 */
89
+ }
90
+
91
+ /**
92
+ * Add the correct font weight in Chrome, Edge, and Safari.
93
+ */
94
+
95
+ b,
96
+ strong {
97
+ font-weight: bolder;
98
+ }
99
+
100
+ /**
101
+ * 1. Correct the inheritance and scaling of font size in all browsers.
102
+ * 2. Correct the odd `em` font sizing in all browsers.
103
+ */
104
+
105
+ code,
106
+ kbd,
107
+ samp {
108
+ font-family: monospace, monospace; /* 1 */
109
+ font-size: 1em; /* 2 */
110
+ }
111
+
112
+ /**
113
+ * Add the correct font size in all browsers.
114
+ */
115
+
116
+ small {
117
+ font-size: 80%;
118
+ }
119
+
120
+ /**
121
+ * Prevent `sub` and `sup` elements from affecting the line height in
122
+ * all browsers.
123
+ */
124
+
125
+ sub,
126
+ sup {
127
+ font-size: 75%;
128
+ line-height: 0;
129
+ position: relative;
130
+ vertical-align: baseline;
131
+ }
132
+
133
+ sub {
134
+ bottom: -0.25em;
135
+ }
136
+
137
+ sup {
138
+ top: -0.5em;
139
+ }
140
+
141
+ /* Embedded content
142
+ ========================================================================== */
143
+
144
+ /**
145
+ * Remove the border on images inside links in IE 10.
146
+ */
147
+
148
+ img {
149
+ border-style: none;
150
+ }
151
+
152
+ /* Forms
153
+ ========================================================================== */
154
+
155
+ /**
156
+ * 1. Change the font styles in all browsers.
157
+ * 2. Remove the margin in Firefox and Safari.
158
+ */
159
+
160
+ button,
161
+ input,
162
+ optgroup,
163
+ select,
164
+ textarea {
165
+ font-family: inherit; /* 1 */
166
+ font-size: 100%; /* 1 */
167
+ line-height: 1.15; /* 1 */
168
+ margin: 0; /* 2 */
169
+ }
170
+
171
+ /**
172
+ * Show the overflow in IE.
173
+ * 1. Show the overflow in Edge.
174
+ */
175
+
176
+ button,
177
+ input { /* 1 */
178
+ overflow: visible;
179
+ }
180
+
181
+ /**
182
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
183
+ * 1. Remove the inheritance of text transform in Firefox.
184
+ */
185
+
186
+ button,
187
+ select { /* 1 */
188
+ text-transform: none;
189
+ }
190
+
191
+ /**
192
+ * Correct the inability to style clickable types in iOS and Safari.
193
+ */
194
+
195
+ button,
196
+ [type="button"],
197
+ [type="reset"],
198
+ [type="submit"] {
199
+ -webkit-appearance: button;
200
+ }
201
+
202
+ /**
203
+ * Remove the inner border and padding in Firefox.
204
+ */
205
+
206
+ button::-moz-focus-inner,
207
+ [type="button"]::-moz-focus-inner,
208
+ [type="reset"]::-moz-focus-inner,
209
+ [type="submit"]::-moz-focus-inner {
210
+ border-style: none;
211
+ padding: 0;
212
+ }
213
+
214
+ /**
215
+ * Restore the focus styles unset by the previous rule.
216
+ */
217
+
218
+ button:-moz-focusring,
219
+ [type="button"]:-moz-focusring,
220
+ [type="reset"]:-moz-focusring,
221
+ [type="submit"]:-moz-focusring {
222
+ outline: 1px dotted ButtonText;
223
+ }
224
+
225
+ /**
226
+ * Correct the padding in Firefox.
227
+ */
228
+
229
+ fieldset {
230
+ padding: 0.35em 0.75em 0.625em;
231
+ }
232
+
233
+ /**
234
+ * 1. Correct the text wrapping in Edge and IE.
235
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
236
+ * 3. Remove the padding so developers are not caught out when they zero out
237
+ * `fieldset` elements in all browsers.
238
+ */
239
+
240
+ legend {
241
+ box-sizing: border-box; /* 1 */
242
+ color: inherit; /* 2 */
243
+ display: table; /* 1 */
244
+ max-width: 100%; /* 1 */
245
+ padding: 0; /* 3 */
246
+ white-space: normal; /* 1 */
247
+ }
248
+
249
+ /**
250
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251
+ */
252
+
253
+ progress {
254
+ vertical-align: baseline;
255
+ }
256
+
257
+ /**
258
+ * Remove the default vertical scrollbar in IE 10+.
259
+ */
260
+
261
+ textarea {
262
+ overflow: auto;
263
+ }
264
+
265
+ /**
266
+ * 1. Add the correct box sizing in IE 10.
267
+ * 2. Remove the padding in IE 10.
268
+ */
269
+
270
+ [type="checkbox"],
271
+ [type="radio"] {
272
+ box-sizing: border-box; /* 1 */
273
+ padding: 0; /* 2 */
274
+ }
275
+
276
+ /**
277
+ * Correct the cursor style of increment and decrement buttons in Chrome.
278
+ */
279
+
280
+ [type="number"]::-webkit-inner-spin-button,
281
+ [type="number"]::-webkit-outer-spin-button {
282
+ height: auto;
283
+ }
284
+
285
+ /**
286
+ * 1. Correct the odd appearance in Chrome and Safari.
287
+ * 2. Correct the outline style in Safari.
288
+ */
289
+
290
+ [type="search"] {
291
+ -webkit-appearance: textfield; /* 1 */
292
+ outline-offset: -2px; /* 2 */
293
+ }
294
+
295
+ /**
296
+ * Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ [type="search"]::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /**
304
+ * 1. Correct the inability to style clickable types in iOS and Safari.
305
+ * 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button; /* 1 */
310
+ font: inherit; /* 2 */
311
+ }
312
+
313
+ /* Interactive
314
+ ========================================================================== */
315
+
316
+ /*
317
+ * Add the correct display in Edge, IE 10+, and Firefox.
318
+ */
319
+
320
+ details {
321
+ display: block;
322
+ }
323
+
324
+ /*
325
+ * Add the correct display in all browsers.
326
+ */
327
+
328
+ summary {
329
+ display: list-item;
330
+ }
331
+
332
+ /* Misc
333
+ ========================================================================== */
334
+
335
+ /**
336
+ * Add the correct display in IE 10+.
337
+ */
338
+
339
+ template {
340
+ display: none;
341
+ }
342
+
343
+ /**
344
+ * Add the correct display in IE 10.
345
+ */
346
+
347
+ [hidden] {
348
+ display: none;
349
+ }
@@ -0,0 +1,192 @@
1
+ @mixin links($color) {
2
+ text-align: center;
3
+ text-decoration: none;
4
+ padding: 0 0.2em;
5
+ color: $color;
6
+
7
+ &:visited {color: $color;}
8
+ &:hover {color: $color; font-weight: bold;}
9
+ &:active {color: $color;}
10
+ }
11
+
12
+
13
+
14
+ @mixin default_card($font-color) {
15
+ border: 1px solid rgba(0, 0, 0, 0.1);
16
+ padding: 2em;
17
+ border-radius: 2px;
18
+ box-shadow: 0 0 6px $mid;
19
+ background-color: $lighter;
20
+ color: $font-color;
21
+ }
22
+
23
+
24
+
25
+ @mixin default_header($padding-left) {
26
+ font-size: 1.12em;
27
+ letter-spacing: 5px;
28
+ border-bottom: 1px dotted $mid;
29
+ margin-top: 2em;
30
+ padding-bottom: 0.5em;
31
+ padding-left: $padding-left
32
+ }
33
+
34
+
35
+ @mixin page_title() {
36
+ text-shadow: 0px 2px 4px rgba(100,100,100,0.5);
37
+ color: $primary-color;
38
+ font-family: Inter;
39
+ font-size: 36px;
40
+ font-weight: 700;
41
+ text-align: center;
42
+ margin-top: 0;
43
+ }
44
+
45
+
46
+ @mixin hover() {
47
+ background-color: $primary-color;
48
+ color: $accent-color;
49
+ }
50
+
51
+ @mixin findresults() {
52
+ display: flex;
53
+ margin-bottom: 2em;
54
+
55
+ a {
56
+ text-decoration: none;
57
+ color: inherit;
58
+ }
59
+
60
+ h3 {
61
+ color: $primary-color;
62
+ padding: 0;
63
+ margin: 0;
64
+ }
65
+
66
+ h3 a {
67
+ color: $primary-color;
68
+ padding: 0;
69
+ margin: 0;
70
+ text-decoration: none;
71
+ font-weight: bold;
72
+ }
73
+ }
74
+
75
+ @mixin findresults_day() {
76
+ display: inline-block;
77
+ background: $primary-color;
78
+ color: $background-color;
79
+ width: 2em;
80
+ height: 2em;
81
+ border-radius: 50%;
82
+ text-align: center;
83
+ font-style: unset;
84
+ line-height: 2em;
85
+ }
86
+
87
+ @mixin findresults_date() {
88
+ text-align: center;
89
+ vertical-align: middle;
90
+ display: flex;
91
+ flex-direction: column;
92
+ align-items: center;
93
+ gap: -5px;
94
+ margin: auto;
95
+ }
96
+
97
+ @mixin findresults_summary() {
98
+ margin-left: 2em;
99
+ color: $secondary-color;
100
+
101
+ a:hover {
102
+ @include hover();
103
+ }
104
+ }
105
+
106
+ @mixin showlinks($rows: 4) {
107
+ &::after {
108
+ content: "";
109
+ display: block;
110
+ border-top: 1px solid $secondary-color;
111
+ margin-left: -100vw;
112
+ margin-right: -100vw;
113
+ margin-bottom: 4em;
114
+ margin-top: 4em;
115
+ width: 200vw; //only working with overflow-x: hidden; in body in _base.scss
116
+ }
117
+
118
+ ul {
119
+ list-style: none;
120
+ padding: 0;
121
+ margin: 0;
122
+ display: flex;
123
+ flex-wrap: wrap;
124
+ row-gap: 1rem;
125
+
126
+ // Each item takes half of the container width minus the gap
127
+ @if $rows == 1 {
128
+ column-gap: 5rem;
129
+ li {
130
+ width: calc(100% - 5rem);
131
+ }
132
+ } @else if $rows == 2 {
133
+ column-gap: 5rem;
134
+ li {
135
+ width: calc(50% - 5rem);
136
+ }
137
+ } @else if $rows == 3 {
138
+ column-gap: 3rem;
139
+ li {
140
+ width: calc(33.33% - 3rem);
141
+ }
142
+ } @else if $rows == 4 {
143
+ column-gap: 2.5rem;
144
+ li {
145
+ width: calc(25% - 2.5rem);
146
+ }
147
+ } @else if $rows == 5 {
148
+ column-gap: 2rem;
149
+ li {
150
+ width: calc(20% - 2rem);
151
+ }
152
+ }
153
+
154
+ li {
155
+ display: flex;
156
+ justify-content: space-between;
157
+ align-items: center;
158
+ border-bottom: 1px dotted $secondary-color;
159
+ cursor: pointer;
160
+
161
+ a {
162
+ text-decoration: none;
163
+ color: $primary-color;
164
+ font-weight: bold;
165
+ text-transform: lowercase;
166
+ letter-spacing: -1px;
167
+ width: 100%;
168
+ display: flex;
169
+ justify-content: space-between;
170
+ padding: 0.5em;
171
+
172
+ &:hover {
173
+ @include hover();
174
+ }
175
+ }
176
+
177
+ .archive_linktitle {
178
+ flex: 1;
179
+ }
180
+ }
181
+ }
182
+
183
+ @media (max-width: 768px) {
184
+ ul {
185
+ column-gap: 0;
186
+
187
+ li {
188
+ width: 100%;
189
+ }
190
+ }
191
+ }
192
+ }
@@ -0,0 +1,21 @@
1
+ /* Breakpoint widths */
2
+ $small: 320px !default;
3
+ $medium: 768px !default;
4
+ $large: 1024px !default;
5
+ $xlarge: 1280px !default;
6
+
7
+ $darker: #060606;
8
+ $dark: #404040;
9
+ $mid: #9c9b9b;
10
+ $light: #fafafa;
11
+ $lighter: #fff;
12
+
13
+ $orange: #fa991c;
14
+ $lightgrey: #fbf3f2;
15
+ $lightblue: #1c768f;
16
+ $darkblue: #032539;
17
+
18
+ $primary-color:#032539;
19
+ $secondary-color: #1c768f;
20
+ $background-color: #fbf3f2;
21
+ $accent-color: #fa991c;
@@ -0,0 +1,16 @@
1
+ @import "external/_normalize.scss";
2
+ @import "external/_highlighter_rougify_base16dark.scss";
3
+
4
+ @import "functions/_mixins.scss";
5
+ @import "functions/_values.scss";
6
+
7
+ @import "layouts/_archive.scss";
8
+ @import "layouts/_categories.scss";
9
+ @import "layouts/_home.scss";
10
+ @import "layouts/_post.scss";
11
+ @import "layouts/_search.scss";
12
+ @import "layouts/_tags.scss";
13
+
14
+ @import "default/_base.scss";
15
+ @import "default/_footer.scss";
16
+ @import "default/_header.scss";