7 | {{content}}
8 |
9 |
10 |
15 |
17 |
18 | {{title}}
16 |{{code}}
5 |{{message}}
6 | Go to the front page → 7 |
11 |
12 |
26 |
27 | {{/if}}
28 |
--------------------------------------------------------------------------------
/assets/built/infinitescroll.js:
--------------------------------------------------------------------------------
1 | function initInfiniteScroll(n,t){var r=t.querySelector("link[rel=next]");if(r){var i=t.querySelector(".post-feed");if(i){var o=300,l=!1,s=!1,c=n.scrollY,u=n.innerHeight,d=t.documentElement.scrollHeight;n.addEventListener("scroll",a,{passive:!0}),n.addEventListener("resize",m),v()}}function f(){if(404===this.status)return n.removeEventListener("scroll",a),void n.removeEventListener("resize",m);this.response.querySelectorAll(".post-card").forEach(function(e){i.appendChild(e)});var e=this.response.querySelector("link[rel=next]");e?r.href=e.href:(n.removeEventListener("scroll",a),n.removeEventListener("resize",m)),d=t.documentElement.scrollHeight,s=l=!1}function e(){if(!s)if(c+u<=d-o)l=!1;else{s=!0;var e=new n.XMLHttpRequest;e.responseType="document",e.addEventListener("load",f),e.open("GET",r.href),e.send(null)}}function v(){l||n.requestAnimationFrame(e),l=!0}function a(){c=n.scrollY,v()}function m(){u=n.innerHeight,d=t.documentElement.scrollHeight,v()}}initInfiniteScroll(window,document);
2 | //# sourceMappingURL=infinitescroll.js.map
--------------------------------------------------------------------------------
/assets/css/components/tables.css:
--------------------------------------------------------------------------------
1 | /* Tables
2 | /* ---------------------------------------------------------- */
3 |
4 | table {
5 | border-collapse: separate;
6 | margin: 0 0 var(--margin) 0;
7 | width: 100%;
8 | font-size: 0.8em;
9 | }
10 |
11 | th {
12 | color: var(--color-base);
13 | font-size: 0.9em;
14 | font-weight: var(--font-bold);
15 | padding: 0 0.7em 0.4em 0.7em;
16 | text-align: left;
17 | }
18 |
19 | td {
20 | padding: 0.4em 0.7em;
21 | border-left-width: 0;
22 | border-top-width: 0;
23 | }
24 |
25 | td:first-child {
26 | border-left-width: 1px;
27 | }
28 |
29 | tbody tr {
30 | border: solid 1px var(--color-border);
31 | border-left: 0;
32 | border-right: 0;
33 | }
34 |
35 | tbody tr:first-child td {
36 | border-top-width: 1px;
37 | }
38 |
39 | tbody tr:nth-child(2n + 1) {
40 | background-color: var(--color-bg);
41 | }
42 |
43 | tbody td {
44 | border: solid 1px var(--color-border);
45 | border-left-width: 0;
46 | border-top-width: 0;
47 | }
48 |
49 | tfoot {
50 | border-width: 0;
51 | }
52 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (c) 2013-2019 Ghost Foundation
2 |
3 | Permission is hereby granted, free of charge, to any person
4 | obtaining a copy of this software and associated documentation
5 | files (the "Software"), to deal in the Software without
6 | restriction, including without limitation the rights to use,
7 | copy, modify, merge, publish, distribute, sublicense, and/or sell
8 | copies of the Software, and to permit persons to whom the
9 | Software is furnished to do so, subject to the following
10 | conditions:
11 |
12 | The above copyright notice and this permission notice shall be
13 | included in all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
17 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
19 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
20 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
21 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.
23 |
--------------------------------------------------------------------------------
/author.hbs:
--------------------------------------------------------------------------------
1 | {{!< default}}
2 | {{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
3 |
4 | {{#author}}
5 | {{!-- Everything inside the #author tags pulls data from the author --}}
6 | Theme errors
13 |-
14 | {{#each errorDetails}}
15 |
-
16 | {{{rule}}}
17 |
18 | {{#each failures}}
19 |
Ref: {{ref}}
20 |Message: {{message}}
21 | {{/each}} 22 |
23 | {{/each}}
24 |
{{name}}
8 |9 | {{#if bio}} 10 | {{bio}} 11 | {{/if}} 12 |
13 | 27 |
31 | {{#foreach posts}}
32 |
33 | {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
34 | {{> "post-card"}}
35 |
36 | {{/foreach}}
37 |
38 |
39 |
--------------------------------------------------------------------------------
/post.hbs:
--------------------------------------------------------------------------------
1 | {{!< default}}
2 |
3 | {{#post}}
4 | {{title}}
8 |{{custom_excerpt}}
12 | {{/if}} 13 | 14 | {{#if feature_image}} 15 |
16 | 
17 |
18 | {{/if}}
19 |
20 |
21 | {{content}}
22 |
23 |
24 | {{!-- Email subscribe form at the bottom of the page --}}
25 | {{#if @labs.subscribers}}
26 | Subscribe to {{@site.title}}
28 |Get the latest posts delivered right to your inbox
29 | {{subscribe_form placeholder="youremail@example.com"}} 30 |
24 |
25 |
26 |
57 |
58 |
59 |
66 |
67 | {{!-- The footer at the very bottom of the screen --}}
68 |
71 |
72 |
73 |
74 | {{!-- The big email subscribe modal content --}}
75 | {{#if @labs.subscribers}}
76 |
27 |
28 |
56 |
29 |
33 |
34 |
37 |
30 |
31 |
32 |
38 | {{#if @blog.logo}}
39 | 
40 | {{else}}
41 | {{@blog.title}}
42 | {{/if}}
43 |
44 |
45 |
54 |
55 |
60 |
61 | {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
62 | {{{body}}}
63 |
64 |
65 |
77 |
78 |
87 | {{/if}}
88 |
89 |
90 |
91 |
96 |
97 |
115 |
116 |
117 | {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}}
118 | {{{block "scripts"}}}
119 |
120 | {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}}
121 | {{ghost_foot}}
122 |
123 |
124 |
125 |
--------------------------------------------------------------------------------
/assets/css/components/global.css:
--------------------------------------------------------------------------------
1 | /* Reset
2 | /* ---------------------------------------------------------- */
3 |
4 | html,
5 | body,
6 | div,
7 | span,
8 | applet,
9 | object,
10 | iframe,
11 | h1,
12 | h2,
13 | h3,
14 | h4,
15 | h5,
16 | h6,
17 | p,
18 | blockquote,
19 | pre,
20 | a,
21 | abbr,
22 | acronym,
23 | address,
24 | big,
25 | cite,
26 | code,
27 | del,
28 | dfn,
29 | em,
30 | img,
31 | ins,
32 | kbd,
33 | q,
34 | s,
35 | samp,
36 | small,
37 | strike,
38 | strong,
39 | sub,
40 | sup,
41 | tt,
42 | var,
43 | dl,
44 | dt,
45 | dd,
46 | ol,
47 | ul,
48 | li,
49 | fieldset,
50 | form,
51 | label,
52 | legend,
53 | table,
54 | caption,
55 | tbody,
56 | tfoot,
57 | thead,
58 | tr,
59 | th,
60 | td,
61 | article,
62 | aside,
63 | canvas,
64 | details,
65 | embed,
66 | figure,
67 | figcaption,
68 | footer,
69 | header,
70 | hgroup,
71 | menu,
72 | nav,
73 | output,
74 | ruby,
75 | section,
76 | summary,
77 | time,
78 | mark,
79 | audio,
80 | video {
81 | margin: 0;
82 | padding: 0;
83 | border: 0;
84 | font: inherit;
85 | font-size: 100%;
86 | vertical-align: baseline;
87 | }
88 | body {
89 | line-height: 1;
90 | }
91 | ol,
92 | ul {
93 | list-style: none;
94 | }
95 | blockquote,
96 | q {
97 | quotes: none;
98 | }
99 | blockquote:before,
100 | blockquote:after,
101 | q:before,
102 | q:after {
103 | content: "";
104 | content: none;
105 | }
106 | table {
107 | border-spacing: 0;
108 | border-collapse: collapse;
109 | }
110 | img {
111 | max-width: 100%;
112 | }
113 | html {
114 | box-sizing: border-box;
115 | font-family: sans-serif;
116 |
117 | -ms-text-size-adjust: 100%;
118 | -webkit-text-size-adjust: 100%;
119 | }
120 | *,
121 | *:before,
122 | *:after {
123 | box-sizing: inherit;
124 | }
125 | a {
126 | background-color: transparent;
127 | }
128 | a:active,
129 | a:hover {
130 | outline: 0;
131 | }
132 | b,
133 | strong {
134 | font-weight: bold;
135 | }
136 | i,
137 | em,
138 | dfn {
139 | font-style: italic;
140 | }
141 | h1 {
142 | margin: 0.67em 0;
143 | font-size: 2em;
144 | }
145 | small {
146 | font-size: 80%;
147 | }
148 | sub,
149 | sup {
150 | position: relative;
151 | font-size: 75%;
152 | line-height: 0;
153 | vertical-align: baseline;
154 | }
155 | sup {
156 | top: -0.5em;
157 | }
158 | sub {
159 | bottom: -0.25em;
160 | }
161 | img {
162 | border: 0;
163 | }
164 | svg:not(:root) {
165 | overflow: hidden;
166 | }
167 | mark {
168 | background-color: #fdffb6;
169 | }
170 | code,
171 | kbd,
172 | pre,
173 | samp {
174 | font-family: monospace, monospace;
175 | font-size: 1em;
176 | }
177 | button,
178 | input,
179 | optgroup,
180 | select,
181 | textarea {
182 | margin: 0;
183 | color: inherit;
184 | font: inherit;
185 | }
186 | button {
187 | overflow: visible;
188 | border: none;
189 | }
190 | button,
191 | select {
192 | text-transform: none;
193 | }
194 | button,
195 | html input[type="button"],
196 | input[type="reset"],
197 | input[type="submit"] {
198 | cursor: pointer;
199 | -webkit-appearance: button;
200 | }
201 | button[disabled],
202 | html input[disabled] {
203 | cursor: default;
204 | }
205 | button::-moz-focus-inner,
206 | input::-moz-focus-inner {
207 | padding: 0;
208 | border: 0;
209 | }
210 | input {
211 | line-height: normal;
212 | }
213 | input:focus {
214 | outline: none;
215 | }
216 | input[type="checkbox"],
217 | input[type="radio"] {
218 | box-sizing: border-box;
219 | padding: 0;
220 | }
221 | input[type="number"]::-webkit-inner-spin-button,
222 | input[type="number"]::-webkit-outer-spin-button {
223 | height: auto;
224 | }
225 | input[type="search"] {
226 | box-sizing: content-box;
227 |
228 | -webkit-appearance: textfield;
229 | }
230 | input[type="search"]::-webkit-search-cancel-button,
231 | input[type="search"]::-webkit-search-decoration {
232 | -webkit-appearance: none;
233 | }
234 | legend {
235 | padding: 0;
236 | border: 0;
237 | }
238 | textarea {
239 | overflow: auto;
240 | }
241 | table {
242 | border-spacing: 0;
243 | border-collapse: collapse;
244 | }
245 | td,
246 | th {
247 | padding: 0;
248 | }
249 |
250 | /* ==========================================================================
251 | Base styles: opinionated defaults
252 | ========================================================================== */
253 |
254 | html {
255 | overflow-x: hidden;
256 | overflow-y: scroll;
257 | font-size: 62.5%;
258 |
259 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
260 | }
261 | body {
262 | overflow-x: hidden;
263 | color: color(var(--color-base) l(+20%));
264 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
265 | font-size: 1.5rem;
266 | line-height: 1.6em;
267 | font-weight: 400;
268 | font-style: normal;
269 | letter-spacing: 0;
270 | text-rendering: optimizeLegibility;
271 | background: #fff;
272 |
273 | -webkit-font-smoothing: antialiased;
274 | -moz-osx-font-smoothing: grayscale;
275 | -moz-font-feature-settings: "liga" on;
276 | }
277 |
278 | ::selection {
279 | text-shadow: none;
280 | background: #cbeafb;
281 | }
282 |
283 | hr {
284 | position: relative;
285 | display: block;
286 | width: 100%;
287 | margin: 2.5em 0 3.5em;
288 | padding: 0;
289 | height: 1px;
290 | border: 0;
291 | border-top: 1px solid color(var(--color-border) l(+10%));
292 | }
293 |
294 | audio,
295 | canvas,
296 | iframe,
297 | img,
298 | svg,
299 | video {
300 | vertical-align: middle;
301 | }
302 |
303 | p,
304 | blockquote {
305 | margin: 0 0 1.5em 0;
306 | }
307 |
308 | blockquote {
309 | margin: 1.5em 0;
310 | padding: 0 1.6em 0 1.6em;
311 | border-left: var(--color-bg) 0.5em solid;
312 | }
313 |
314 | blockquote p {
315 | margin: 0.8em 0;
316 | font-size: 1.2em;
317 | font-weight: 300;
318 | }
319 |
320 | blockquote small {
321 | display: inline-block;
322 | margin: 0.8em 0 0.8em 1.5em;
323 | font-size: 0.9em;
324 | opacity: 0.8;
325 | }
326 | /* Quotation marks */
327 | blockquote small:before {
328 | content: "\2014 \00A0";
329 | }
330 |
331 | blockquote cite {
332 | font-weight: bold;
333 | }
334 | blockquote cite a {
335 | font-weight: normal;
336 | }
337 |
338 | a {
339 | color: color(var(--color-primary) l(-5%));
340 | text-decoration: none;
341 | transition: 0.4s ease;
342 | }
343 |
344 | a:hover {
345 | text-decoration: underline;
346 | transition: 0.2s ease;
347 | }
348 |
349 | h1,
350 | h2,
351 | h3,
352 | h4,
353 | h5,
354 | h6 {
355 | margin-top: 0;
356 | line-height: 1.4;
357 | font-weight: 700;
358 | text-rendering: optimizeLegibility;
359 | }
360 |
361 | h1 {
362 | margin: 0 0 0.5em 0;
363 | font-size: 5.7rem;
364 | font-weight: 800;
365 | }
366 | @media (max-width: 500px) {
367 | h1 {
368 | font-size: 2.7rem;
369 | }
370 | }
371 |
372 | h2 {
373 | margin: 1.5em 0 0.5em 0;
374 | font-size: 4rem;
375 | }
376 | @media (max-width: 500px) {
377 | h2 {
378 | font-size: 2rem;
379 | }
380 | }
381 |
382 | h3 {
383 | margin: 1.5em 0 1em 0;
384 | font-size: 3.2rem;
385 | }
386 | @media (max-width: 500px) {
387 | h3 {
388 | font-size: 1.8rem;
389 | }
390 | }
391 |
392 | h4 {
393 | margin: 1.5em 0 1em 0;
394 | font-size: 2.6rem;
395 | }
396 |
397 | h5 {
398 | margin: 1.5em 0 1em 0;
399 | font-size: 2.4rem;
400 | }
401 |
402 | h6 {
403 | margin: 1.5em 0 1em 0;
404 | font-size: 2.2rem;
405 | }
406 |
407 |
--------------------------------------------------------------------------------
/assets/css/screen.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | This is a development CSS file which is built to a minified
4 | production stylesheet in assets/built/screen.css using gulp dev
5 |
6 | */
7 |
8 |
9 | /* Lib - Local component imports
10 | /* ---------------------------------------------------------- */
11 | @import "vars.css";
12 | @import "components/global.css";
13 | @import "components/ghost.css";
14 | @import "components/lists.css";
15 | @import "components/grid.css";
16 | @import "components/tables.css";
17 | @import "components/forms.css";
18 | @import "components/buttons.css";
19 | @import "components/actions.css";
20 | @import "components/hamburger.css";
21 | @import "components/animations.css";
22 |
23 |
24 | /* Main - Theme styles
25 | /* ---------------------------------------------------------- */
26 |
27 | body {
28 | font-family: 'Muli', sans-serif;
29 | background: var(--color-bg);
30 | transition: background 0.3s ease-out;
31 | transition-delay: 0.25;
32 | }
33 |
34 | .img {
35 | display: block;
36 | width: 100%;
37 | height: 100%;
38 | background-position: center center;
39 | background-size: cover;
40 | border-radius: 100%;
41 | }
42 |
43 | .hidden {
44 | visibility: hidden;
45 | position: absolute;
46 | text-indent: -9999px;
47 | }
48 |
49 |
50 | /* Layout
51 | /* ---------------------------------------------------------- */
52 |
53 | .site-wrapper {
54 | padding: 3vw;
55 | min-height: 100vh;
56 | }
57 | @media (max-width: 850px) {
58 | .site-wrapper {
59 | padding: 6vw;
60 | }
61 | }
62 |
63 | .page-head {
64 | display: flex;
65 | flex-direction: column;
66 | align-items: center;
67 | justify-content: center;
68 | padding: 13vw 0;
69 | max-width: 70%;
70 | margin: auto;
71 | text-align: center;
72 | }
73 |
74 | .error-head {
75 | height: 75vh;
76 | }
77 |
78 | .error-head h1 {
79 | margin: 0;
80 | font-size: 7rem;
81 | line-height: 1.1em;
82 | font-weight: var(--font-heavy);
83 | letter-spacing: 10px;
84 | }
85 |
86 | .error-head p {
87 | font-size: 1.4rem;
88 | text-transform: uppercase;
89 | letter-spacing: 1px;
90 | color: color(var(--color-base) l(+50%));
91 | }
92 |
93 | .error-link {
94 | margin-top: 1rem;
95 | font-size: 1.5rem;
96 | text-decoration: underline;
97 | }
98 |
99 | .page-head-title {
100 | margin: 0;
101 | font-size: 4.2rem;
102 | color: var(--color-base);
103 | }
104 | @media (max-width: 500px) {
105 | .page-head-title {
106 | font-size: 2rem;
107 | }
108 | }
109 |
110 | .page-head-description {
111 | margin: 0 0 1.6vw;
112 | color: color(var(--color-border) l(-20%));
113 | font-size: 2.2rem;
114 | line-height: 1.35em;
115 | }
116 | @media (max-width: 500px) {
117 | .page-head-description {
118 | font-size: 1.6rem;
119 | }
120 | }
121 |
122 | .site-foot {
123 | margin: 3vw 0 1vw;
124 | text-align: center;
125 | color: color(var(--color-border) l(-20%));
126 | font-size: 1.4rem;
127 | }
128 |
129 | .site-foot a {
130 | color: var(--color-base);
131 | }
132 |
133 |
134 | /* Site Navigation
135 | /* ---------------------------------------------------------- */
136 |
137 | .site-head {
138 | position: relative;
139 | z-index: 300;
140 | margin-top: -10px;
141 | font-size: 1.35rem;
142 | }
143 |
144 | .site-head-container {
145 | display: flex;
146 | justify-content: space-between;
147 | align-items: center;
148 | }
149 |
150 | .site-head-left {
151 | position: relative;
152 | z-index: 100;
153 | display: flex;
154 | align-items: center;
155 | margin-right: 10px;
156 | white-space: nowrap;
157 | }
158 |
159 | .nav {
160 | display: flex;
161 | margin: 0 0 0 -12px;
162 | padding: 0;
163 | list-style: none;
164 | }
165 |
166 | .site-head li {
167 | display: block;
168 | margin: 0;
169 | padding: 0;
170 | }
171 |
172 | .site-head-left a,
173 | .site-head-right a {
174 | display: block;
175 | margin: 0;
176 | padding: 10px 12px;
177 | color: var(--color-base);
178 | font-weight: 600;
179 | opacity: 0.4;
180 | }
181 |
182 | .nav-current a,
183 | .site-head a:hover {
184 | text-decoration: none;
185 | opacity: 1;
186 | }
187 |
188 | .site-head-center {
189 | position: absolute;
190 | display: flex;
191 | justify-content: center;
192 | width: 100%;
193 | }
194 |
195 | .site-head-logo {
196 | flex-shrink: 0;
197 | display: block;
198 | padding: 10px;
199 | color: var(--color-base);
200 | font-size: 2.1rem;
201 | line-height: 1em;
202 | font-weight: 700;
203 | text-transform: uppercase;
204 | letter-spacing: 1px;
205 | }
206 |
207 | .site-head-logo:hover {
208 | text-decoration: none;
209 | }
210 |
211 | .site-head-logo img {
212 | display: block;
213 | margin-top: 2px;
214 | width: auto;
215 | height: 48px;
216 | }
217 |
218 | .site-head-right {
219 | position: relative;
220 | z-index: 100;
221 | flex-shrink: 0;
222 | display: flex;
223 | align-items: center;
224 | }
225 |
226 | .social-links {
227 | flex-shrink: 0;
228 | display: flex;
229 | align-items: center;
230 | }
231 |
232 | .subscribe-button {
233 | display: block;
234 | padding: 4px 10px;
235 | border: var(--color-base) 1px solid;
236 | color: var(--color-base);
237 | font-size: 1.2rem;
238 | line-height: 1em;
239 | border-radius: 10px;
240 | opacity: 0.8;
241 | }
242 |
243 | .subscribe-button:hover {
244 | text-decoration: none;
245 | opacity: 1;
246 | }
247 |
248 | .rss-button {
249 | opacity: 0.4;
250 | }
251 |
252 | .rss-button:hover {
253 | opacity: 1;
254 | }
255 |
256 | .rss-button svg {
257 | margin-bottom: 1px;
258 | height: 2.1rem;
259 | fill: var(--color-base);
260 | }
261 |
262 |
263 | /* Mobile Nav Menu
264 | /* ---------------------------------------------------------- */
265 |
266 | .nav-burger {
267 | display: none;
268 | position: absolute;
269 | left: 0;
270 | z-index: 9999;
271 | padding: 12px 12px 12px 0;
272 | }
273 |
274 | @media (max-width: 850px) {
275 | .site-head {
276 | padding: 0;
277 | }
278 | .nav-burger {
279 | display: block;
280 | }
281 | .site-head-container {
282 | flex-direction: column;
283 | justify-content: flex-start;
284 | height: 40px;
285 | background: rgba(255,255,255,0);
286 | z-index: -1;
287 | transition: all 0.4s ease-out;
288 | overflow: hidden;
289 | }
290 | .site-head-left,
291 | .site-head-right {
292 | position: relative;
293 | z-index: -1;
294 | height: auto;
295 | transition: height 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
296 | transition-delay: 1s;
297 | }
298 | .site-head-left a,
299 | .site-head-right a {
300 | margin: 8px 0;
301 | padding: 1px 0;
302 | font-size: 2.6rem;
303 | line-height: 1.15em;
304 | font-weight: 200;
305 | opacity: 0;
306 | transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99),
307 | opacity 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
308 | transform: scale(1.1) translateY(-25px);
309 | }
310 | .site-head-right a {
311 | padding: 5px 0;
312 | margin: 1px 0;
313 | font-size: 2rem;
314 | }
315 | .nav {
316 | width: 100%;
317 | flex-direction: column;
318 | justify-content: flex-start;
319 | align-items: flex-start;
320 | margin: 3vw 0 0 0;
321 | }
322 | .site-head-left {
323 | order: 2;
324 | margin: 0;
325 | width: 100%;
326 | }
327 | .site-head-center {
328 | order: 1;
329 | position: static;
330 | z-index: auto;
331 | display: flex;
332 | justify-content: center;
333 | }
334 | .site-head-right {
335 | order: 3;
336 | width: 100%;
337 | margin-top: 3vw;
338 | }
339 | .social-links {
340 | flex-direction: column;
341 | align-items: flex-start;
342 | }
343 |
344 | .site-head-open {
345 | background: rgba(255,255,255,1);
346 | transition: background 0.5s ease-out;
347 | transition-delay: 0.25;
348 | overflow: hidden;
349 | height: 100vh;
350 | }
351 |
352 | .site-head-open .site-head-container {
353 | height: 100vh;
354 | transition: height 0.2s ease-in;
355 | }
356 |
357 | .site-head-open .site-head-left,
358 | .site-head-open .site-head-right {
359 | z-index: 9999;
360 | height: auto;
361 | transition: height 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
362 | }
363 |
364 | .site-head-open .site-head-left a,
365 | .site-head-open .site-head-right a {
366 | opacity: 1;
367 | transition: transform 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99),
368 | opacity 0.9s cubic-bezier(0.4, 0.01, 0.165, 0.99);
369 | transform: scale(1) translateY(0px);
370 | }
371 | .site-head-open .nav-current a {
372 | border-bottom: var(--color-base) 2px solid;
373 | }
374 | .site-head-open .site-head-right a {
375 | opacity: 0.5;
376 | }
377 | .site-head-open .site-foot {
378 | display: block;
379 | position: fixed;
380 | z-index: 9999;
381 | bottom: 0;
382 | transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
383 | transform: translateY(-4vw);
384 | }
385 |
386 | }
387 |
388 |
389 | /* Post Feed
390 | /* ---------------------------------------------------------- */
391 |
392 | .post-feed {
393 | display: flex;
394 | align-items: ;
395 | flex-wrap: wrap;
396 | }
397 |
398 | .post-card {
399 | position: relative;
400 | flex: 1 1 50%;
401 | display: flex;
402 | position: relative;
403 | height: 35vw;
404 | background: linear-gradient(135deg, #1f1f1f 0%, #111 100%) center center;
405 | background-size: cover;
406 | overflow: hidden;
407 | counter-increment: posts;
408 | }
409 |
410 | @media (max-width: 700px) {
411 | .post-card {
412 | flex: 1 1 100%;
413 | height: 70vw;
414 | }
415 | }
416 |
417 | .post-card-large {
418 | flex: 1 1 100%;
419 | }
420 |
421 | .post-card-link {
422 | flex: 1 1 auto;
423 | display: block;
424 | }
425 |
426 | .post-card-content {
427 | flex: 1 1 auto;
428 | display: flex;
429 | align-items: center;
430 | justify-content: center;
431 | position: absolute;
432 | top: 0;
433 | right: 0;
434 | bottom: 0;
435 | left: 0;
436 | color: #fff;
437 | background: rgba(0,0,0,0.1);
438 | opacity: 1;
439 | transition: opacity 0.5s cubic-bezier(.33,0,.2,1);
440 | }
441 |
442 | .post-card.with-image .post-card-content {
443 | opacity: 0;
444 | }
445 | @media (max-width: 700px) {
446 | .post-card.with-image .post-card-content {
447 | opacity: 1;
448 | }
449 | }
450 |
451 | .post-card-link:hover .post-card-content {
452 | opacity: 1;
453 | transition: opacity 0.3s cubic-bezier(.33,0,.2,1);
454 | }
455 |
456 | .post-card-title {
457 | margin: 0;
458 | display: inline-block;
459 | font-size: 3.4rem;
460 | max-width: 70%;
461 | text-align: center;
462 | transition: all 0.3s cubic-bezier(.33,0,.2,1);
463 | }
464 |
465 | /* Posts without images */
466 | .post-card.no-image:before {
467 | display: block;
468 | content: counter(posts);
469 | position: absolute;
470 | bottom: -0.15em;
471 | right: 5vw;
472 | font-size: 28vw;
473 | line-height: 1em;
474 | font-weight: var(--font-heavy);
475 | letter-spacing: -0.1em;
476 | color: rgba(0,0,0,0.2);
477 | }
478 |
479 | .post-card.no-image .post-card-content {
480 | justify-content: flex-start;
481 | align-items: flex-start;
482 | padding: 4vw;
483 | }
484 |
485 | .post-card.no-image .post-card-title {
486 | font-size: 5rem;
487 | line-height: 1.15em;
488 | text-align: left;
489 | }
490 |
491 | .post-card.no-image:hover .post-card-title {
492 | text-decoration: underline;
493 | }
494 |
495 | @media (max-width: 1200px) {
496 | .post-card.no-image .post-card-title {
497 | font-size: 3.4rem;
498 | }
499 | }
500 | @media (max-width: 700px) {
501 | .post-card.no-image:before {
502 | font-size: 50vw;
503 | }
504 | }
505 |
506 | /* Post Content
507 | /* ---------------------------------------------------------- */
508 |
509 | .post-content {
510 | max-width: 720px;
511 | margin: 0 auto;
512 | padding: 6vw 0;
513 | }
514 |
515 | .post-content-header {
516 | display: flex;
517 | flex-direction: column;
518 | align-items: center;
519 | }
520 |
521 | .post-content-title {
522 | margin: 0 0 3vw;
523 | color: var(--color-base);
524 | text-align: center;
525 | }
526 |
527 | .post-content-excerpt {
528 | margin: -2vw 0 3vw;
529 | font-size: 2.2rem;
530 | line-height: 1.6em;
531 | color: var(--color-base);
532 | text-align: center;
533 | opacity: 0.5;
534 | }
535 | @media (max-width: 500px) {
536 | .post-content-excerpt {
537 | font-size: 1.8rem;
538 | }
539 | }
540 |
541 | .post-content-image {
542 | margin: 4vw 0;
543 | position: relative;
544 | width: 75vw;
545 | min-width: 100%;
546 | margin-left: calc(50% - 50vw);
547 | margin-right: calc(50% - 50vw);
548 | transform: translateX(calc(50vw - 50%));
549 | }
550 |
551 | .post-content-body {
552 | font-size: 1.9rem;
553 | line-height: 1.65em;
554 | }
555 | @media (max-width: 500px) {
556 | .post-content-body {
557 | font-size: 1.7rem;
558 | }
559 | }
560 |
561 | .post-content-body h1,
562 | .post-content-body h2,
563 | .post-content-body h3,
564 | .post-content-body h4,
565 | .post-content-body h5,
566 | .post-content-body h6 {
567 | color: var(--color-base);
568 | }
569 |
570 | .post-content-body li {
571 | word-break: break-word;
572 | }
573 |
574 | .post-content-body li p {
575 | margin: 0;
576 | }
577 |
578 | .post-content-body iframe {
579 | margin: 0 auto !important;
580 | }
581 |
582 | .post-content-body blockquote {
583 | margin: 0 0 1.5em;
584 | padding: 0 1.5em;
585 | border-left: #3eb0ef 3px solid;
586 | }
587 |
588 | .post-content-body blockquote p {
589 | margin: 0 0 1em 0;
590 | color: inherit;
591 | font-size: inherit;
592 | line-height: inherit;
593 | font-style: italic;
594 | }
595 |
596 | .post-content-body blockquote p:last-child {
597 | margin-bottom: 0;
598 | }
599 |
600 | .post-content-body code {
601 | padding: 0 5px 2px;
602 | font-size: 0.8em;
603 | line-height: 1em;
604 | font-weight: 400!important;
605 | background: var(--color-bg);
606 | border-radius: 3px;
607 | }
608 |
609 | .post-content-body p code {
610 | word-break: break-all;
611 | }
612 |
613 | .post-content-body pre {
614 | overflow-x: auto;
615 | margin: 1.5em 0 3em;
616 | padding: 20px;
617 | max-width: 100%;
618 | border: color(var(--color-base) l(-10%)) 1px solid;
619 | color: var(--color-bg);
620 | font-size: 1.4rem;
621 | line-height: 1.5em;
622 | background: color(var(--color-base) l(-3%));
623 | border-radius: 5px;
624 | }
625 |
626 | .post-content-body pre code {
627 | padding: 0;
628 | font-size: inherit;
629 | line-height: inherit;
630 | background: transparent;
631 | }
632 |
633 | .post-content-body pre code :not(span) {
634 | color: inherit;
635 | }
636 |
637 | .post-content-body .fluid-width-video-wrapper {
638 | margin: 1.5em 0 3em;
639 | }
640 |
641 | .post-content-body hr {
642 | margin: 4vw 0;
643 | }
644 |
645 | .post-content-body hr:after {
646 | content: "";
647 | position: absolute;
648 | top: -15px;
649 | left: 50%;
650 | display: block;
651 | margin-left: -10px;
652 | width: 1px;
653 | height: 30px;
654 | background: color(var(--color-border) l(+10%));
655 | box-shadow: #fff 0 0 0 5px;
656 | transform: rotate(45deg);
657 | }
658 |
659 | .footnotes-sep {
660 | margin-bottom: 30px;
661 | }
662 |
663 | .footnotes {
664 | font-size: 1.5rem;
665 | }
666 |
667 | .footnotes p {
668 | margin: 0;
669 | }
670 |
671 | .footnote-backref {
672 | color: var(--color-primary) !important;
673 | font-size: 1.2rem;
674 | font-weight: bold;
675 | text-decoration: none !important;
676 | box-shadow: none !important;
677 | }
678 |
679 | /* Author Archive
680 | /* ---------------------------------------------------------- */
681 |
682 | .author-meta {
683 | display: flex;
684 | justify-content: center;
685 | align-items: center;
686 | margin-bottom: 10px;
687 | color: color(var(--color-border) l(-20%));
688 | }
689 |
690 | .author-links {
691 | display: flex;
692 | align-items: center;
693 | margin-top: 20px;
694 | }
695 |
696 | .author-links a {
697 | display: block;
698 | margin: 0;
699 | padding: 0 12px;
700 | color: var(--color-base);
701 | opacity: 0.4;
702 | }
703 |
704 | .author-links a:hover {
705 | text-decoration: none;
706 | opacity: 1;
707 | }
708 |
709 | .author-links .divider {
710 | display: inline-block;
711 | margin: 0 3px;
712 | }
713 |
714 | /* Page Template
715 | /* ---------------------------------------------------------- */
716 |
717 | .page-template .post-content-body h1,
718 | .page-template .post-content-body h2,
719 | .page-template .post-content-body h3 {
720 | text-align: center;
721 | }
722 |
--------------------------------------------------------------------------------
/assets/built/swup.js:
--------------------------------------------------------------------------------
1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.swupMergeHeadPlugin=t():e.swupMergeHeadPlugin=t()}(window,function(){return function(n){var o={};function r(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}return r.m=n,r.c=o,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,n){"use strict";e.exports={name:"swupMergeHeadPlugin",options:{runScripts:!1},exec:function(w,y,n){document.addEventListener("swup:contentReplaced",function(){var e=document.querySelector("head"),t=n().querySelector("head");o(e,t)});var o=function(o,e){for(var t=o.children,n=e.children,r=[],i=[],s=0;s
79 | {{#if @blog.logo}}
80 |
81 | {{/if}}
82 |
86 |