jekyll-theme-tallneck 0.3.0 → 0.3.3

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 32adec5c7785377632ac4c5860d3ff34bc0d700748d65d836e447f4092d73b55
4
- data.tar.gz: a38b8a67e5dfd0bb4ebb28b17cdde890d175ca24bbec4dbe7273c13bfc637cb5
3
+ metadata.gz: 3bca53fe63882516cab19479701715d606edb5a5a3d074a781a643133daa6959
4
+ data.tar.gz: 2cd33cbbefe418f772d2b52ea598cf28afbaa68d29c7ac87d60a6dbdda681eca
5
5
  SHA512:
6
- metadata.gz: 964779bd0fd191310a3bc2e9db234bd17ddcd5451b109fd2f0818494c1b509caef12b0a8d172480d05db2166c4d322f1f48b86cab6e04335b8f1e9dbd27788af
7
- data.tar.gz: 974090cb09f99424b7a27ebd420d91bb1c44cbabfdff2305b05ecbdf5b920b58e60f46c49e7720699ef4f2d36b61bd02a1dd33dc6f23a4397ab477a5cf6722ee
6
+ metadata.gz: 87dd18bd53971be497d0cb6dede132bd7da511f90f9ecc0b074429b767d62bc9958ce476e80c56a64a063299873d13c278f57b388a8e53ed95ed0c4d1e1f6499
7
+ data.tar.gz: 28cca40d1c724ddcef06fb6882d6b31bcd2d030acaedf48943756f3e7cbaacabd4942ece151e00f0162c91ab4683279a64e072045c874634181f974510fd759a
data/_includes/head.html CHANGED
@@ -22,19 +22,25 @@
22
22
 
23
23
  <!-- Preload -->
24
24
  <link rel="preload" as="style" href="{{ "/assets/css/style.css" | relative_url }}">
25
+ <link rel="preload" as="font" crossorigin type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.woff2" | relative_url }}">
26
+ <link rel="preload" as="font" crossorigin type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2" | relative_url }}">
27
+ <link rel="preload" as="image" type="image/svg+xml" href="{{ "/assets/images/logo.svg" | relative_url }}">
25
28
 
26
29
  <!-- CSS stylesheets -->
27
- <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}" blocking="render" fetchpriority="high">
28
- <link rel="stylesheet" href="{{ "/assets/css/code.css" | relative_url }}" fetchpriority="low">
29
- <link rel="stylesheet" href="{{ "/assets/css/print.css" | relative_url }}" media="print" fetchpriority="low">
30
+ <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}" media="all" blocking="render" fetchpriority="high">
30
31
 
32
+ <!-- Defer non-critical css -->
33
+ <link rel="stylesheet" href="{{ "/assets/css/print.css" | relative_url }}" media="print" fetchpriority="low">
34
+ <link rel="stylesheet" href="{{ "/assets/css/light_code.css" | relative_url }}" media="(prefers-color-scheme: light)" fetchpriority="low">
35
+ <link rel="stylesheet" href="{{ "/assets/css/dark_code.css" | relative_url }}" media="(prefers-color-scheme: dark)" fetchpriority="low">
36
+
31
37
  <!-- Favicon -->
32
38
  <link rel="icon" href="{{ /assets/images/favicon.svg | relative_url }}" type="image/svg+xml">
33
39
  <link rel="icon" href="{{ /assets/images/favicon.ico | relative_url }}" sizes="any">
34
40
 
35
41
  <!-- PWA -->
36
42
  <meta name="theme-color" content="#282828"/>
37
- <meta content="yes" name="apple-mobile-web-app-capable">
43
+ <meta name="mobile-web-app-capable" content="yes">
38
44
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
39
45
  <link rel="manifest" href="/assets/sitemanifest.json">
40
46
  <link rel="apple-touch-icon" sizes="512x512" href="/assets/images/pwa_icon_x512.png">
data/_layouts/home.html CHANGED
@@ -17,8 +17,8 @@ layout: base
17
17
  </div>
18
18
 
19
19
  <div class="no_print" style="height: fit-content; align-items: center; text-align: center; margin: 3rem auto 0rem;">
20
- <a href="{{ '/feed' | relative_url }}" class="hidden-link hover-underline center">
21
- <span>Read all posts →</span>
20
+ <a href="{{ '/feed' | relative_url }}" class="btn">
21
+ Read all posts
22
22
  </a>
23
23
  </div>
24
24
  </div>
@@ -180,7 +180,6 @@
180
180
  .highlight .il {
181
181
  color: #ae81ff;
182
182
  } /* Literal.Number.Integer.Long */
183
-
184
183
  .highlight .gh {
185
184
  } /* Generic Heading & Diff Header */
186
185
  .highlight .gu {
@@ -0,0 +1,208 @@
1
+ @media (prefers-color-scheme: light) {
2
+
3
+ .highlight .hll {
4
+ background-color: #ffffcc;
5
+ }
6
+ .highlight .c {
7
+ color: #808080;
8
+ } /* Comment */
9
+ .highlight .err {
10
+ color: #f00000;
11
+ background-color: #f0a0a0;
12
+ } /* Error */
13
+ .highlight .k {
14
+ color: #008000;
15
+ font-weight: bold;
16
+ } /* Keyword */
17
+ .highlight .o {
18
+ color: #303030;
19
+ } /* Operator */
20
+ .highlight .cm {
21
+ color: #808080;
22
+ } /* Comment.Multiline */
23
+ .highlight .cp {
24
+ color: #507090;
25
+ } /* Comment.Preproc */
26
+ .highlight .c1 {
27
+ color: #808080;
28
+ } /* Comment.Single */
29
+ .highlight .cs {
30
+ color: #cc0000;
31
+ font-weight: bold;
32
+ } /* Comment.Special */
33
+ .highlight .gd {
34
+ color: #a00000;
35
+ } /* Generic.Deleted */
36
+ .highlight .ge {
37
+ font-style: italic;
38
+ } /* Generic.Emph */
39
+ .highlight .gr {
40
+ color: #ff0000;
41
+ } /* Generic.Error */
42
+ .highlight .gh {
43
+ color: #000080;
44
+ font-weight: bold;
45
+ } /* Generic.Heading */
46
+ .highlight .gi {
47
+ color: #00a000;
48
+ } /* Generic.Inserted */
49
+ .highlight .go {
50
+ color: #808080;
51
+ } /* Generic.Output */
52
+ .highlight .gp {
53
+ color: #c65d09;
54
+ font-weight: bold;
55
+ } /* Generic.Prompt */
56
+ .highlight .gs {
57
+ font-weight: bold;
58
+ } /* Generic.Strong */
59
+ .highlight .gu {
60
+ color: #800080;
61
+ font-weight: bold;
62
+ } /* Generic.Subheading */
63
+ .highlight .gt {
64
+ color: #0040d0;
65
+ } /* Generic.Traceback */
66
+ .highlight .kc {
67
+ color: #008000;
68
+ font-weight: bold;
69
+ } /* Keyword.Constant */
70
+ .highlight .kd {
71
+ color: #008000;
72
+ font-weight: bold;
73
+ } /* Keyword.Declaration */
74
+ .highlight .kn {
75
+ color: #008000;
76
+ font-weight: bold;
77
+ } /* Keyword.Namespace */
78
+ .highlight .kp {
79
+ color: #003080;
80
+ font-weight: bold;
81
+ } /* Keyword.Pseudo */
82
+ .highlight .kr {
83
+ color: #008000;
84
+ font-weight: bold;
85
+ } /* Keyword.Reserved */
86
+ .highlight .kt {
87
+ color: #303090;
88
+ font-weight: bold;
89
+ } /* Keyword.Type */
90
+ .highlight .m {
91
+ color: #6000e0;
92
+ font-weight: bold;
93
+ } /* Literal.Number */
94
+ //.highlight .s { background-color: #fff0f0 } /* Literal.String */
95
+ .highlight .na {
96
+ color: #0000c0;
97
+ } /* Name.Attribute */
98
+ .highlight .nb {
99
+ color: #007020;
100
+ } /* Name.Builtin */
101
+ .highlight .nc {
102
+ color: #b00060;
103
+ font-weight: bold;
104
+ } /* Name.Class */
105
+ .highlight .no {
106
+ color: #003060;
107
+ font-weight: bold;
108
+ } /* Name.Constant */
109
+ .highlight .nd {
110
+ color: #505050;
111
+ font-weight: bold;
112
+ } /* Name.Decorator */
113
+ .highlight .ni {
114
+ color: #800000;
115
+ font-weight: bold;
116
+ } /* Name.Entity */
117
+ .highlight .ne {
118
+ color: #f00000;
119
+ font-weight: bold;
120
+ } /* Name.Exception */
121
+ .highlight .nf {
122
+ color: #0060b0;
123
+ font-weight: bold;
124
+ } /* Name.Function */
125
+ .highlight .nl {
126
+ color: #907000;
127
+ font-weight: bold;
128
+ } /* Name.Label */
129
+ .highlight .nn {
130
+ color: #0e84b5;
131
+ font-weight: bold;
132
+ } /* Name.Namespace */
133
+ .highlight .nt {
134
+ color: #007000;
135
+ } /* Name.Tag */
136
+ .highlight .nv {
137
+ color: #906030;
138
+ } /* Name.Variable */
139
+ .highlight .ow {
140
+ color: #000000;
141
+ font-weight: bold;
142
+ } /* Operator.Word */
143
+ .highlight .w {
144
+ color: #bbbbbb;
145
+ } /* Text.Whitespace */
146
+ .highlight .mf {
147
+ color: #6000e0;
148
+ font-weight: bold;
149
+ } /* Literal.Number.Float */
150
+ .highlight .mh {
151
+ color: #005080;
152
+ font-weight: bold;
153
+ } /* Literal.Number.Hex */
154
+ .highlight .mi {
155
+ color: #0000d0;
156
+ font-weight: bold;
157
+ } /* Literal.Number.Integer */
158
+ .highlight .mo {
159
+ color: #4000e0;
160
+ font-weight: bold;
161
+ } /* Literal.Number.Oct */
162
+ .highlight .sb {
163
+ background-color: #fff0f0;
164
+ } /* Literal.String.Backtick */
165
+ .highlight .sc {
166
+ color: #0040d0;
167
+ } /* Literal.String.Char */
168
+ .highlight .sd {
169
+ color: #d04020;
170
+ } /* Literal.String.Doc */
171
+ //.highlight .s2 { background-color: #fff0f0 } /* Literal.String.Double */
172
+ .highlight .se {
173
+ color: #606060;
174
+ font-weight: bold;
175
+ background-color: #fff0f0;
176
+ } /* Literal.String.Escape */
177
+ //.highlight .sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
178
+ //.highlight .si { background-color: #e0e0e0 } /* Literal.String.Interpol */
179
+ .highlight .sx {
180
+ color: #d02000;
181
+ background-color: #fff0f0;
182
+ } /* Literal.String.Other */
183
+ .highlight .sr {
184
+ color: #000000;
185
+ background-color: #fff0ff;
186
+ } /* Literal.String.Regex */
187
+ //.highlight .s1 { background-color: #fff0f0 } /* Literal.String.Single */
188
+ .highlight .ss {
189
+ color: #a06000;
190
+ } /* Literal.String.Symbol */
191
+ .highlight .bp {
192
+ color: #007020;
193
+ } /* Name.Builtin.Pseudo */
194
+ .highlight .vc {
195
+ color: #306090;
196
+ } /* Name.Variable.Class */
197
+ .highlight .vg {
198
+ color: #d07000;
199
+ font-weight: bold;
200
+ } /* Name.Variable.Global */
201
+ .highlight .vi {
202
+ color: #3030b0;
203
+ } /* Name.Variable.Instance */
204
+ .highlight .il {
205
+ color: #0000d0;
206
+ font-weight: bold;
207
+ } /* Literal.Number.Integer.Long */
208
+ }
@@ -34,6 +34,7 @@ body {
34
34
  main {
35
35
  display: block;
36
36
  max-width: variables.$main-max-width;
37
+ margin-top: variables.$header-height;
37
38
  }
38
39
 
39
40
  a {
@@ -0,0 +1,18 @@
1
+ @use "../variables";
2
+
3
+ /* Modern outline button */
4
+ .btn {
5
+ display: inline-block;
6
+ padding: 0.5rem 1rem;
7
+ border: 1px solid var(--border-secondary);
8
+ background-color: transparent;
9
+ color: var(--text-primary);
10
+ border-radius: 0.5rem;
11
+ text-decoration: none;
12
+ transition: background-color 0.3s ease, color 0.3s ease;
13
+
14
+ &:hover {
15
+ background-color: var(--border-secondary);
16
+ color: var(--text-primary);
17
+ }
18
+ }
@@ -16,13 +16,13 @@
16
16
  padding-right: 2rem;
17
17
  }
18
18
 
19
- @media (max-width: 800px) and (min-width: 600px) {
19
+ @media (max-width: 800px) and (min-width: 680px) {
20
20
  grid-template-columns: 1fr 1fr;
21
21
  padding-left: 1rem;
22
22
  padding-right: 1rem;
23
23
  }
24
24
 
25
- @media (max-width: 600px) {
25
+ @media (max-width: 680px) {
26
26
  grid-template-columns: 1fr;
27
27
  }
28
28
 
@@ -30,7 +30,6 @@
30
30
 
31
31
  .post-card {
32
32
  max-width: variables.$card-max-width;
33
-
34
33
 
35
34
  vertical-align: middle;
36
35
 
@@ -2,3 +2,4 @@
2
2
  @forward "components/post-card";
3
3
  @forward "components/post-preview";
4
4
  @forward "components/about.scss";
5
+ @forward "components/button.scss";
@@ -1,60 +1,60 @@
1
1
  /* jetbrains-mono-300 - latin_latin-ext */
2
2
  @font-face {
3
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
3
+ font-display: swap;
4
4
  font-family: 'JetBrains Mono';
5
5
  font-style: normal;
6
6
  font-weight: 300;
7
- src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
8
- url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
7
+ src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300.woff2') format('woff2'),
8
+ url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300.ttf') format('truetype');
9
9
  }
10
10
 
11
11
  /* jetbrains-mono-300italic - latin_latin-ext */
12
12
  @font-face {
13
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
13
+ font-display: swap;
14
14
  font-family: 'JetBrains Mono';
15
15
  font-style: italic;
16
16
  font-weight: 300;
17
- src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
18
- url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
17
+ src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300italic.woff2') format('woff2'),
18
+ url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300italic.ttf') format('truetype');
19
19
  }
20
20
 
21
21
  /* jetbrains-mono-regular - latin_latin-ext */
22
22
  @font-face {
23
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
23
+ font-display: swap;
24
24
  font-family: 'JetBrains Mono';
25
25
  font-style: normal;
26
26
  font-weight: 400;
27
- src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
28
- url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
27
+ src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-regular.woff2') format('woff2'),
28
+ url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-regular.ttf') format('truetype');
29
29
  }
30
30
 
31
31
  /* jetbrains-mono-italic - latin_latin-ext */
32
32
  @font-face {
33
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
33
+ font-display: swap;
34
34
  font-family: 'JetBrains Mono';
35
35
  font-style: italic;
36
36
  font-weight: 400;
37
- src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
38
- url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
37
+ src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-italic.woff2') format('woff2'),
38
+ url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-italic.ttf') format('truetype');
39
39
  }
40
40
 
41
41
  /* jetbrains-mono-600 - latin_latin-ext */
42
42
  @font-face {
43
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
43
+ font-display: swap;
44
44
  font-family: 'JetBrains Mono';
45
45
  font-style: normal;
46
46
  font-weight: 600;
47
- src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
48
- url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
47
+ src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600.woff2') format('woff2'),
48
+ url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600.ttf') format('truetype');
49
49
  }
50
50
 
51
51
  /* jetbrains-mono-600italic - latin_latin-ext */
52
52
  @font-face {
53
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
53
+ font-display: swap;
54
54
  font-family: 'JetBrains Mono';
55
55
  font-style: italic;
56
56
  font-weight: 600;
57
- src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
58
- url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
57
+ src: url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600italic.woff2') format('woff2'),
58
+ url('/assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-600italic.ttf') format('truetype');
59
59
  }
60
60
 
@@ -1,69 +1,69 @@
1
1
  /* open-sans-300 - latin_latin-ext_math_symbols */
2
2
  @font-face {
3
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
3
+ font-display: swap;
4
4
  font-family: 'Open Sans';
5
5
  font-style: normal;
6
6
  font-weight: 300;
7
- src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
8
- url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
7
+ src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300.woff2') format('woff2'),
8
+ url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300.ttf') format('truetype');
9
9
  }
10
10
 
11
11
  /* open-sans-300italic - latin_latin-ext_math_symbols */
12
12
  @font-face {
13
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
13
+ font-display: swap;
14
14
  font-family: 'Open Sans';
15
15
  font-style: italic;
16
16
  font-weight: 300;
17
- src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
18
- url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
17
+ src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300italic.woff2') format('woff2'),
18
+ url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-300italic.ttf') format('truetype');
19
19
  }
20
20
 
21
21
  /* open-sans-regular - latin_latin-ext_math_symbols */
22
22
  @font-face {
23
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
23
+ font-display: swap;
24
24
  font-family: 'Open Sans';
25
25
  font-style: normal;
26
26
  font-weight: 400;
27
- src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
28
- url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
27
+ src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2') format('woff2'),
28
+ url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.ttf') format('truetype');
29
29
  }
30
30
 
31
31
  /* open-sans-600 - latin_latin-ext_math_symbols */
32
32
  @font-face {
33
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
33
+ font-display: swap;
34
34
  font-family: 'Open Sans';
35
35
  font-style: normal;
36
36
  font-weight: 600;
37
- src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
38
- url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
37
+ src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600.woff2') format('woff2'),
38
+ url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600.ttf') format('truetype');
39
39
  }
40
40
 
41
41
  /* open-sans-600italic - latin_latin-ext_math_symbols */
42
42
  @font-face {
43
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
43
+ font-display: swap;
44
44
  font-family: 'Open Sans';
45
45
  font-style: italic;
46
46
  font-weight: 600;
47
- src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
48
- url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
47
+ src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600italic.woff2') format('woff2'),
48
+ url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-600italic.ttf') format('truetype');
49
49
  }
50
50
 
51
51
  /* open-sans-700 - latin_latin-ext_math_symbols */
52
52
  @font-face {
53
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
53
+ font-display: swap;
54
54
  font-family: 'Open Sans';
55
55
  font-style: normal;
56
56
  font-weight: 700;
57
- src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
58
- url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
57
+ src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.woff2') format('woff2'),
58
+ url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.ttf') format('truetype');
59
59
  }
60
60
 
61
61
  /* open-sans-700italic - latin_latin-ext_math_symbols */
62
62
  @font-face {
63
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
63
+ font-display: swap;
64
64
  font-family: 'Open Sans';
65
65
  font-style: italic;
66
66
  font-weight: 700;
67
- src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
68
- url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
67
+ src: url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700italic.woff2') format('woff2'),
68
+ url('/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700italic.ttf') format('truetype');
69
69
  }
@@ -1,10 +1,10 @@
1
1
  @use "variables";
2
2
 
3
3
  .page-header {
4
- position: relative;
4
+ position: fixed;
5
5
  z-index: 100;
6
6
  width: 100%;
7
- height: 3.3rem;
7
+ height: variables.$header-height;
8
8
 
9
9
  background-color: var(--header-background);
10
10
  color: var(--header-text-primary);
@@ -7,10 +7,10 @@
7
7
  position: relative;
8
8
  margin: 0 auto;
9
9
 
10
- padding: 2rem 2rem 1rem 2rem;
10
+ padding: 2rem + variables.$header-height 2rem 1rem 2rem;
11
11
 
12
12
  @media screen and (max-width: 380px) {
13
- padding: 1rem 1.25rem;
13
+ padding: 1rem + variables.$header-height 1.25rem;
14
14
  }
15
15
 
16
16
  img {
@@ -18,12 +18,14 @@ $table-text-align: left !default;
18
18
 
19
19
  $min-width : 220px !default;
20
20
 
21
+ $header-height: 3.3rem !default;
22
+
21
23
  // Width of the content area
22
24
  $main-max-width: 1200px !default;
23
25
  $content-width-overflow: 100px !default;
24
26
  $content-width: 1000px !default;
25
27
 
26
- $card-max-width: 18rem !default;
28
+ $card-max-width: 28rem !default;
27
29
  $card-min-width: 16rem !default;
28
30
  $card-min-height: 400px !default;
29
31
 
@@ -0,0 +1,6 @@
1
+ ---
2
+ ---
3
+
4
+ @charset "utf-8";
5
+
6
+ @use "dark_codeblock";
@@ -0,0 +1,6 @@
1
+ ---
2
+ ---
3
+
4
+ @charset "utf-8";
5
+
6
+ @use "light_codeblock";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-tallneck
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.0
4
+ version: 0.3.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - John Toniutti
8
- autorequire:
8
+ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-11-08 00:00:00.000000000 Z
11
+ date: 2025-08-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -104,7 +104,7 @@ dependencies:
104
104
  - - ">="
105
105
  - !ruby/object:Gem::Version
106
106
  version: '0'
107
- description:
107
+ description:
108
108
  email:
109
109
  - john.toniutti@gmail.com
110
110
  executables: []
@@ -124,12 +124,13 @@ files:
124
124
  - _layouts/feed.html
125
125
  - _layouts/home.html
126
126
  - _layouts/post.html
127
- - _sass/dark_code.scss
128
- - _sass/light_code.scss
127
+ - _sass/dark_codeblock.scss
128
+ - _sass/light_codeblock.scss
129
129
  - _sass/tallneck.scss
130
130
  - _sass/tallneck/base.scss
131
131
  - _sass/tallneck/components.scss
132
132
  - _sass/tallneck/components/about.scss
133
+ - _sass/tallneck/components/button.scss
133
134
  - _sass/tallneck/components/post-card.scss
134
135
  - _sass/tallneck/components/post-preview.scss
135
136
  - _sass/tallneck/components/post.scss
@@ -140,7 +141,8 @@ files:
140
141
  - _sass/tallneck/header.scss
141
142
  - _sass/tallneck/layout.scss
142
143
  - _sass/tallneck/variables.scss
143
- - assets/css/code.scss
144
+ - assets/css/dark_code.scss
145
+ - assets/css/light_code.scss
144
146
  - assets/css/print.css
145
147
  - assets/css/style.scss
146
148
  - assets/fonts/jetbrains_mono/jetbrains-mono-v20-latin_latin-ext-300.ttf
@@ -194,7 +196,7 @@ licenses:
194
196
  - MIT
195
197
  metadata:
196
198
  plugin_type: theme
197
- post_install_message:
199
+ post_install_message:
198
200
  rdoc_options: []
199
201
  require_paths:
200
202
  - lib
@@ -210,7 +212,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
210
212
  version: '0'
211
213
  requirements: []
212
214
  rubygems_version: 3.4.10
213
- signing_key:
215
+ signing_key:
214
216
  specification_version: 4
215
217
  summary: A minimalist Jekyll theme with dark mode support
216
218
  test_files: []
@@ -1,205 +0,0 @@
1
- .highlight .hll {
2
- background-color: #ffffcc;
3
- }
4
- .highlight .c {
5
- color: #808080;
6
- } /* Comment */
7
- .highlight .err {
8
- color: #f00000;
9
- background-color: #f0a0a0;
10
- } /* Error */
11
- .highlight .k {
12
- color: #008000;
13
- font-weight: bold;
14
- } /* Keyword */
15
- .highlight .o {
16
- color: #303030;
17
- } /* Operator */
18
- .highlight .cm {
19
- color: #808080;
20
- } /* Comment.Multiline */
21
- .highlight .cp {
22
- color: #507090;
23
- } /* Comment.Preproc */
24
- .highlight .c1 {
25
- color: #808080;
26
- } /* Comment.Single */
27
- .highlight .cs {
28
- color: #cc0000;
29
- font-weight: bold;
30
- } /* Comment.Special */
31
- .highlight .gd {
32
- color: #a00000;
33
- } /* Generic.Deleted */
34
- .highlight .ge {
35
- font-style: italic;
36
- } /* Generic.Emph */
37
- .highlight .gr {
38
- color: #ff0000;
39
- } /* Generic.Error */
40
- .highlight .gh {
41
- color: #000080;
42
- font-weight: bold;
43
- } /* Generic.Heading */
44
- .highlight .gi {
45
- color: #00a000;
46
- } /* Generic.Inserted */
47
- .highlight .go {
48
- color: #808080;
49
- } /* Generic.Output */
50
- .highlight .gp {
51
- color: #c65d09;
52
- font-weight: bold;
53
- } /* Generic.Prompt */
54
- .highlight .gs {
55
- font-weight: bold;
56
- } /* Generic.Strong */
57
- .highlight .gu {
58
- color: #800080;
59
- font-weight: bold;
60
- } /* Generic.Subheading */
61
- .highlight .gt {
62
- color: #0040d0;
63
- } /* Generic.Traceback */
64
- .highlight .kc {
65
- color: #008000;
66
- font-weight: bold;
67
- } /* Keyword.Constant */
68
- .highlight .kd {
69
- color: #008000;
70
- font-weight: bold;
71
- } /* Keyword.Declaration */
72
- .highlight .kn {
73
- color: #008000;
74
- font-weight: bold;
75
- } /* Keyword.Namespace */
76
- .highlight .kp {
77
- color: #003080;
78
- font-weight: bold;
79
- } /* Keyword.Pseudo */
80
- .highlight .kr {
81
- color: #008000;
82
- font-weight: bold;
83
- } /* Keyword.Reserved */
84
- .highlight .kt {
85
- color: #303090;
86
- font-weight: bold;
87
- } /* Keyword.Type */
88
- .highlight .m {
89
- color: #6000e0;
90
- font-weight: bold;
91
- } /* Literal.Number */
92
- //.highlight .s { background-color: #fff0f0 } /* Literal.String */
93
- .highlight .na {
94
- color: #0000c0;
95
- } /* Name.Attribute */
96
- .highlight .nb {
97
- color: #007020;
98
- } /* Name.Builtin */
99
- .highlight .nc {
100
- color: #b00060;
101
- font-weight: bold;
102
- } /* Name.Class */
103
- .highlight .no {
104
- color: #003060;
105
- font-weight: bold;
106
- } /* Name.Constant */
107
- .highlight .nd {
108
- color: #505050;
109
- font-weight: bold;
110
- } /* Name.Decorator */
111
- .highlight .ni {
112
- color: #800000;
113
- font-weight: bold;
114
- } /* Name.Entity */
115
- .highlight .ne {
116
- color: #f00000;
117
- font-weight: bold;
118
- } /* Name.Exception */
119
- .highlight .nf {
120
- color: #0060b0;
121
- font-weight: bold;
122
- } /* Name.Function */
123
- .highlight .nl {
124
- color: #907000;
125
- font-weight: bold;
126
- } /* Name.Label */
127
- .highlight .nn {
128
- color: #0e84b5;
129
- font-weight: bold;
130
- } /* Name.Namespace */
131
- .highlight .nt {
132
- color: #007000;
133
- } /* Name.Tag */
134
- .highlight .nv {
135
- color: #906030;
136
- } /* Name.Variable */
137
- .highlight .ow {
138
- color: #000000;
139
- font-weight: bold;
140
- } /* Operator.Word */
141
- .highlight .w {
142
- color: #bbbbbb;
143
- } /* Text.Whitespace */
144
- .highlight .mf {
145
- color: #6000e0;
146
- font-weight: bold;
147
- } /* Literal.Number.Float */
148
- .highlight .mh {
149
- color: #005080;
150
- font-weight: bold;
151
- } /* Literal.Number.Hex */
152
- .highlight .mi {
153
- color: #0000d0;
154
- font-weight: bold;
155
- } /* Literal.Number.Integer */
156
- .highlight .mo {
157
- color: #4000e0;
158
- font-weight: bold;
159
- } /* Literal.Number.Oct */
160
- .highlight .sb {
161
- background-color: #fff0f0;
162
- } /* Literal.String.Backtick */
163
- .highlight .sc {
164
- color: #0040d0;
165
- } /* Literal.String.Char */
166
- .highlight .sd {
167
- color: #d04020;
168
- } /* Literal.String.Doc */
169
- //.highlight .s2 { background-color: #fff0f0 } /* Literal.String.Double */
170
- .highlight .se {
171
- color: #606060;
172
- font-weight: bold;
173
- background-color: #fff0f0;
174
- } /* Literal.String.Escape */
175
- //.highlight .sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
176
- //.highlight .si { background-color: #e0e0e0 } /* Literal.String.Interpol */
177
- .highlight .sx {
178
- color: #d02000;
179
- background-color: #fff0f0;
180
- } /* Literal.String.Other */
181
- .highlight .sr {
182
- color: #000000;
183
- background-color: #fff0ff;
184
- } /* Literal.String.Regex */
185
- //.highlight .s1 { background-color: #fff0f0 } /* Literal.String.Single */
186
- .highlight .ss {
187
- color: #a06000;
188
- } /* Literal.String.Symbol */
189
- .highlight .bp {
190
- color: #007020;
191
- } /* Name.Builtin.Pseudo */
192
- .highlight .vc {
193
- color: #306090;
194
- } /* Name.Variable.Class */
195
- .highlight .vg {
196
- color: #d07000;
197
- font-weight: bold;
198
- } /* Name.Variable.Global */
199
- .highlight .vi {
200
- color: #3030b0;
201
- } /* Name.Variable.Instance */
202
- .highlight .il {
203
- color: #0000d0;
204
- font-weight: bold;
205
- } /* Literal.Number.Integer.Long */
data/assets/css/code.scss DELETED
@@ -1,7 +0,0 @@
1
- ---
2
- ---
3
-
4
- @charset "utf-8";
5
-
6
- @use "light_code";
7
- @use "dark_code";