diff options
| author | rmaguiar <rmaguiar@tuta.io> | 2020-07-23 22:42:54 +0300 |
|---|---|---|
| committer | rmaguiar <rmaguiar@tuta.io> | 2020-07-23 22:42:54 +0300 |
| commit | 08f4e1c933bf1a136f104111cbc2f3fffdc204b2 (patch) | |
| tree | 9393da2fc0038d2121897a8c02668eff94151b17 | |
| parent | 3522c6d848cd0ece42912eb4256ab85df1167886 (diff) | |
Add a live demo site and minor changes
* Add a live demo site (hosted on Netlify)
* Move fonts from static folder to assets
* Fix mhchem mispelled as mchem
* Other minor changes
42 files changed, 149 insertions, 164 deletions
@@ -1,5 +1,7 @@ # Color Your World +[Live demo (on Netlify)](https://color-your-world-demo.netlify.app/) + **Color Your World** is a [Hugo](https://gohugo.io) theme developed around a single experiment that led me to this:  @@ -40,7 +42,7 @@ I've been working on this theme for so long that there are features I don't even If you have git installed, you can do the following at the CLI within the Hugo directory: -``` +```bash git clone https://gitlab.com/rmaguiar/hugo-theme-color-your-world.git themes/color-your-world ``` @@ -333,15 +335,21 @@ More possible params for your config file: changeTransition = ".3s ease" ``` -## Thanks to +## Acknowledgements * [Font Awesome](https://fontawesome.com/) and [Fork Awesome](https://forkaweso.me/) for the icons; * [@nickpunt](https://gist.github.com/nickpunt) and [@regpaq](https://gist.github.com/regpaq) for the [dark/light mode switcher](https://gist.github.com/regpaq/04c67e8aceecbf0fd819945835412d1f) idea; -* Glenn McComb and [his great article](https://glennmccomb.com/articles/how-to-build-custom-hugo-pagination/) about custom pagination with Hugo; -* JeffProd and [his interesting article](https://en.jeffprod.com/blog/2018/build-your-own-hugo-website-search-engine/) about building a custom search engine for Hugo; -* Many people [on this forked gist](https://gist.github.com/eddiewebb/735feb48f50f0ddd65ae5606a1cb41ae) for their takes on Fuse.js with Hugo; +* Glenn McComb and [his article](https://glennmccomb.com/articles/how-to-build-custom-hugo-pagination/) about custom pagination with Hugo; +* JeffProd and [his article](https://en.jeffprod.com/blog/2018/build-your-own-hugo-website-search-engine/) about building a custom search engine for Hugo; +* Many people [on this forked gist](https://gist.github.com/eddiewebb/735feb48f50f0ddd65ae5606a1cb41ae) for their takes on Fuse.js + Hugo; * Philip Walton and [his sticky footer solution](https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/) with Flexbox; * [lazysizes](https://github.com/aFarkas/lazysizes); * [Fuse.js](https://github.com/krisk/Fuse); -* [KaTeX](https://katex.org/), "the _**fastest**_ math typesetting library for the web"; +* [KaTeX](https://katex.org/); * Hugo and [its community](https://discourse.gohugo.io/). + +## Sponsoring + +If this repo was useful or helpful to you in any way, please consider buying me a coffee: + +<a href="https://www.buymeacoffee.com/rmaguiar" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/lato-orange.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;"></a> diff --git a/exampleSite/static/fonts/open-sans-v17-latin-700.woff b/assets/fonts/open-sans-v17-latin-700.woff Binary files differindex b8b46d0..b8b46d0 100644 --- a/exampleSite/static/fonts/open-sans-v17-latin-700.woff +++ b/assets/fonts/open-sans-v17-latin-700.woff diff --git a/exampleSite/static/fonts/open-sans-v17-latin-700.woff2 b/assets/fonts/open-sans-v17-latin-700.woff2 Binary files differindex 3a38286..3a38286 100644 --- a/exampleSite/static/fonts/open-sans-v17-latin-700.woff2 +++ b/assets/fonts/open-sans-v17-latin-700.woff2 diff --git a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff b/assets/fonts/open-sans-v17-latin-italic.woff Binary files differindex 2bfa582..2bfa582 100644 --- a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff +++ b/assets/fonts/open-sans-v17-latin-italic.woff diff --git a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff2 b/assets/fonts/open-sans-v17-latin-italic.woff2 Binary files differindex 10031c0..10031c0 100644 --- a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff2 +++ b/assets/fonts/open-sans-v17-latin-italic.woff2 diff --git a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff b/assets/fonts/open-sans-v17-latin-regular.woff Binary files differindex 39e88ed..39e88ed 100644 --- a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff +++ b/assets/fonts/open-sans-v17-latin-regular.woff diff --git a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff2 b/assets/fonts/open-sans-v17-latin-regular.woff2 Binary files differindex e9f58b7..e9f58b7 100644 --- a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff2 +++ b/assets/fonts/open-sans-v17-latin-regular.woff2 diff --git a/exampleSite/static/fonts/oswald-v29-latin-700.woff b/assets/fonts/oswald-v29-latin-700.woff Binary files differindex a2bd9a2..a2bd9a2 100644 --- a/exampleSite/static/fonts/oswald-v29-latin-700.woff +++ b/assets/fonts/oswald-v29-latin-700.woff diff --git a/exampleSite/static/fonts/oswald-v29-latin-700.woff2 b/assets/fonts/oswald-v29-latin-700.woff2 Binary files differindex 9760113..9760113 100644 --- a/exampleSite/static/fonts/oswald-v29-latin-700.woff2 +++ b/assets/fonts/oswald-v29-latin-700.woff2 diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 661093d..0736063 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -11,12 +11,11 @@ $change-transition: {{ .Site.Params.Style.changeTransition | default .Site.Data. -// Default size
+// Default font size
:root {
font-size: $font-size;
}
-
html {
scroll-behavior: smooth;
@@ -91,6 +90,7 @@ html { }
+
body {
// Some reset
@@ -101,23 +101,18 @@ body { a {
color: var(--accent);
-
- outline: 2px dashed transparent;
- outline-offset: 2px;
+ outline-offset: 2px;
+
transition:
opacity .2s ease-in-out,
- outline .2s ease-in-out;
-
- &:focus {
- outline-color: var(--accent);
- }
+ outline-color .2s ease-in-out;
+
+ word-break: break-word;
&:hover {
opacity: .75;
}
-
- word-break: break-word;
}
background: var(--bg);
@@ -224,20 +219,15 @@ body { input,
button {
margin: 0 7.5px;
- outline: 2px dashed transparent;
transition:
- outline .2s ease-in-out,
+ outline-color .2s ease-in-out,
transform .2s ease-in-out;
-
- &:focus {
- outline-color: var(--accent);
- }
-
+
&:hover {
transform: scale(1.2);
}
-
+
// HACK
// Override Firefox unnecessary extra inner outline
&::-moz-focus-inner {
@@ -254,6 +244,21 @@ body { }
+// footer button,
+// footer input,
+// input[type=submit],
+// .search-box button,
+// .toc summary,
+body a,
+.outline-dashed {
+ outline: 2px dashed transparent;
+
+ &:focus {
+ outline-color: var(--accent);
+ }
+}
+
+
ol,
ul {
list-style: none;
@@ -279,7 +284,7 @@ hr { }
// Sticky footer
-div.filler {
+.filler {
flex: 1;
align-items: center;
@@ -366,7 +371,6 @@ article > header { }
article {
-
h2,
h3 {
margin: 2rem 0 1rem;
@@ -405,7 +409,7 @@ video { // ANCHOR LINKS
-a.anchor {
+.anchor {
background-image: none;
svg {
@@ -422,7 +426,7 @@ a.anchor { // Also minor spacing ajustment
@for $i from 2 through 6 {
h#{$i} {
- a.anchor {
+ .anchor {
margin: 0 0 0 (.25rem + .1 * (6 - $i));
svg {
@@ -435,9 +439,9 @@ a.anchor { // Avoid accidental selection
label,
-span.lnt,
summary,
-sup.footnote-ref {
+.footnote-ref,
+.lnt {
user-select: none;
}
@@ -483,7 +487,7 @@ ol { // FOOTNOTES
-section.footnotes {
+.footnotes {
border-top: 2px solid var(--fg);
// HACK
@@ -516,7 +520,7 @@ section.footnotes { // different browsers and platforms
// Solved right now by replacing the "↩" symbol with a
// SVG (or plain text if it's the user wish)
- a.footnote-backref {
+ .footnote-backref {
margin: 0 0 0 9px;
{{ if .Site.Params.Style.hasIconAsFootnoteReturnLink }}
@@ -557,7 +561,7 @@ section.footnotes { sup {
line-height: 0;
- a.footnote-ref {
+ .footnote-ref {
text-decoration: none;
&::before {
@@ -573,8 +577,7 @@ sup { // For mode change animation
code,
-.chroma,
-.chroma span {
+.chroma {
transition:
background-color $change-transition,
color $change-transition;
@@ -582,10 +585,10 @@ code, article > pre,
-section.scroll,
-span.katex-display,
-div.highlight > pre,
-div.highlight > div {
+.scroll,
+.katex-display,
+.highlight > pre,
+.highlight > div {
overflow-x: auto;
@@ -603,7 +606,7 @@ div.highlight > div { // TABLE
-section.scroll {
+.scroll {
border: 1px solid var(--fg);
@@ -660,25 +663,25 @@ section.scroll { }
-div.highlight > div table {
+.highlight > div table {
padding: 0 24px;
max-height: $box-max-height;
}
-div.chroma td:first-of-type {
+.chroma td:first-of-type {
padding: 0 18px 0 0;
}
article > pre,
-span.katex-display,
-div.highlight > pre {
+.katex-display,
+.highlight > pre {
padding: var(--hl-pad);
}
article > pre,
-span.katex-display,
-div.highlight > pre,
-div.highlight > div.chroma {
+.katex-display,
+.highlight > pre,
+.highlight > .chroma {
border: 1px solid $box-border;
line-height: 1.5rem;
@@ -699,7 +702,7 @@ li a { article > header {
- section.tags {
+ .terms {
margin: .9rem 0 .6rem;
@@ -722,7 +725,7 @@ article > header { -ul.posts {
+.posts {
padding: 0;
li {
@@ -768,7 +771,7 @@ ul.posts { // Not sure if I like this
@include respond-below($mobile-breakpoint) {
- ul.posts a {
+ .posts a {
flex-direction: column-reverse;
align-items: unset;
@@ -780,7 +783,7 @@ ul.posts { -span.katex-display {
+.katex-display {
border: 1px dashed var(--alt-fg);
overflow-x: auto;
@@ -884,7 +887,7 @@ video { // Table of Contents
-details.toc {
+.toc {
background: var(--alt-bg);
color: var(--dtl);
@@ -897,18 +900,15 @@ details.toc { summary {
background: var(--accent);
border: 1px solid rgba(0,0,0,.3);
-
border-radius: $border-radius;
-
- @include button-like;
font-family: $heading-font;
- padding: 15px 30px 18.5px;
-
- outline: 2px dashed transparent;
- outline-offset: 3px;
+ outline-offset: 2px;
+ padding: 15px 30px 18.5px;
+
+ @include button-like;
@include letterpress(var(--lpress));
transition:
@@ -916,15 +916,10 @@ details.toc { opacity .2s ease,
outline-color .3s ease,
padding .2s ease;
-
+
&:hover {
opacity: .75;
}
-
- &:focus {
- outline-color: var(--accent);
- }
-
}
&[open] summary {
@@ -969,14 +964,14 @@ details.toc { }
#TableOfContents,
-section.footnotes ol,
+.footnotes ol,
article > ul,
article > ol {
line-height: 1.5rem;
}
#TableOfContents ul,
-section.footnotes ol {
+.footnotes ol {
padding-left: 24px;
}
@@ -1019,24 +1014,22 @@ article > ul { // BUTTONS
.btn,
-a.footnote-backref,
+.footnote-backref,
input[type=submit] {
background: var(--accent);
border: 1px solid rgba(0,0,0,.3);
+ border-radius: $border-radius;
color: var(--dtl);
+ text-decoration: none;
+
transition:
background-color $change-transition,
color $change-transition,
opacity .2s ease-in-out,
outline-color .3s ease;
-
- border-radius: $border-radius;
@include button-like;
-
- text-decoration: none;
-
@include letterpress(var(--lpress));
&:hover {
@@ -1054,14 +1047,14 @@ summary { // Categories
{{ if .Site.Taxonomies.categories }}
- li.cats a {
+ .category a {
font-weight: bold;
}
{{ end }}
-ul.tags {
+.terms {
display: flex;
flex-wrap: wrap;
@@ -1097,7 +1090,7 @@ ul.tags { -ul.pagination {
+.pagination {
font-family: $body-font;
font-weight: $body-bold-weight;
text-align: center;
@@ -1139,18 +1132,17 @@ ul.pagination { user-select: none;
@include button-like;
-
@include letterpress(var(--lpress));
}
}
svg {
+ display: inline-block;
+
fill: currentColor;
@include squared(18px);
-
- display: inline-block;
-
+
// HACK
// Cheap vertical align
margin: auto auto -2px;
@@ -1164,13 +1156,11 @@ ul.pagination { margin-top: 1rem;
font-family: $heading-font;
- font-weight: $heading-weight;
font-size: .9rem;
+ font-weight: $heading-weight;
letter-spacing: .5px;
text-transform: uppercase;
-
- user-select: none;
}
.input-text {
@@ -1184,7 +1174,7 @@ ul.pagination { transition:
background-color $change-transition,
border $change-transition,
- outline .2s ease-in-out;
+ outline-color .2s ease-in-out;
outline: 2px solid transparent;
@@ -1197,7 +1187,7 @@ ul.pagination { // SEARCH
-section.search-box {
+.search-box {
form {
display: flex;
@@ -1220,19 +1210,11 @@ section.search-box { button {
border-radius: 0 $border-radius $border-radius 0;
- padding: 6px 30px;
-
- outline: 2px dashed transparent;
- outline-offset: 2px;
- &:focus {
- outline-color: var(--accent);
- }
-
- &:hover {
- opacity: .75;
- }
+ padding: 6px 30px;
+ outline-offset: 2px;
+
svg {
@include squared(15px);
@@ -1251,7 +1233,7 @@ section.search-box { }
}
-section.social {
+.social {
{{ if .Site.Params.Style.socialIsFlex }}
@@ -1299,8 +1281,6 @@ section.social { text-transform: uppercase;
line-height: 1rem;
-
- user-select: none;
}
&:hover {
@@ -1360,24 +1340,15 @@ section.social { margin-top: 1.2rem;
padding: 12px 42px 15px;
-
- outline: 2px dashed transparent;
- outline-offset: 2px;
+ outline-offset: 2px;
+
transition:
background-color $change-transition,
border .2s ease-in-out,
color $change-transition,
- outline .2s ease-in-out,
+ outline-color .2s ease-in-out,
opacity .2s ease-in-out;
-
- &:focus {
- outline-color: var(--accent);
- }
-
- &:hover {
- opacity: .75;
- }
// HACK
// Override Firefox unnecessary extra inner outline
@@ -1401,7 +1372,7 @@ section.social { -p.error {
+.error {
color: var(--err);
}
@@ -1510,7 +1481,7 @@ html { {{ end }}
{{ if .Site.Params.hasNoscriptNotice }}
- p.noscript {
+ .noscript {
font-weight: bold;
}
{{ end }}
diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 9e11f66..4a2330e 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,4 +1,4 @@ -baseURL = "https://example.com" +baseURL = "https://example.com/" languageCode = "en" title = "Color Your World" theme = "color-your-world" diff --git a/exampleSite/content/posts/more-katex.md b/exampleSite/content/posts/more-katex.md index f20a53c..282de3c 100644 --- a/exampleSite/content/posts/more-katex.md +++ b/exampleSite/content/posts/more-katex.md @@ -1,14 +1,14 @@ --- title : "More KaTeX" -description : "Brief explanation of mchem, copy-tex, etc." +description : "Brief explanation of mhchem, copy-tex, etc." katex : true -katexExtensions : [ mchem, copy-tex ] +katexExtensions : [ mhchem, copy-tex ] tags : [ markdown, shortcodes, extra ] --- -The extensions `mchem` and `copy-tex` are also included (along the necessary `auto-render`). +The extensions `mhchem` and `copy-tex` are also included (along the necessary `auto-render`). -The `mchem` extension allows chemistry notation, like {{< math.inline >}} \(\ce{H2O}\) {{< /math.inline >}} or: +The `mhchem` extension allows chemistry notation, like {{< math.inline >}} \(\ce{H2O}\) {{< /math.inline >}} or: $$ \ce{x Na(NH4)HPO4 ->[\Delta] (NaPO3)_x + x NH3 ^ + x H2O} @@ -24,7 +24,7 @@ About how to load the extensions, here's a quick example: --- title : "More KaTeX" katex : true -katexExtensions : [ mchem, copy-tex ] +katexExtensions : [ mhchem, copy-tex ] --- ... diff --git a/exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.content b/exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.content deleted file mode 100644 index 7d600b6..0000000 --- a/exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.content +++ /dev/null @@ -1 +0,0 @@ -#contact{margin:1.5rem 0}#contact label{display:block;line-height:1.8rem}#contact input[name=name],#contact input[name=_replyto],#contact input[name=_subject],#contact select,#contact textarea{display:block;margin:3px 0;max-width:100%}#contact input[name=name],#contact input[name=_replyto],#contact input[name=_subject]{min-width:240px;padding:6px 12px}#contact select{min-width:210px;padding:6px}#contact textarea{padding:9px 15px;width:90%;height:auto}#contact input[type=submit]{cursor:pointer;font-family:oswald,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem;margin-top:1.2rem;padding:12px 42px 15px;outline:2px dashed transparent;outline-offset:2px;transition:background-color .3s ease,border .2s ease-in-out,color .3s ease,outline .2s ease-in-out,opacity .2s ease-in-out}#contact input[type=submit]:focus{outline-color:var(--accent)}#contact input[type=submit]:hover{opacity:.75}#contact input[type=submit]::-moz-focus-inner{border:0}@supports(-moz-appearance:meterbar){#contact select{color:var(--fg);color:transparent;text-shadow:0 0 0 var(--fg)}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.json b/exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.json deleted file mode 100644 index e08f2e0..0000000 --- a/exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"scss/exclusive/contact-form.min.css","MediaType":"text/css","Data":{}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.content b/exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.content deleted file mode 100644 index f12c5d9..0000000 --- a/exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.content +++ /dev/null @@ -1 +0,0 @@ -section.social{display:flex;flex-wrap:wrap}section.social a{display:flex;flex:1;align-items:center;margin:0 9px 9px 0;min-width:150px;padding:15px 21px;text-align:center}section.social a svg{fill:currentColor;stroke:var(--lpress);stroke-width:9px;width:36px;height:36px}section.social a p{flex:1;margin:0 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1rem;user-select:none}section.social a:hover{opacity:.75}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.json b/exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.json deleted file mode 100644 index e6d0b12..0000000 --- a/exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"scss/exclusive/social.min.css","MediaType":"text/css","Data":{}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.content b/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.content index 7601f01..fa96cbe 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.content +++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.content @@ -1 +1 @@ -@font-face{font-family:oswald;font-style:normal;font-weight:700;font-display:swap;src:local("Oswald"),url(../fonts/oswald-v29-latin-700.woff2)format("woff2"),url(../fonts/oswald-v29-latin-700.woff)format("woff")}@font-face{font-family:open sans;font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(../fonts/open-sans-v17-latin-regular.woff2)format("woff2"),url(../fonts/open-sans-v17-latin-regular.woff)format("woff")}@font-face{font-family:open sans;font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(../fonts/open-sans-v17-latin-700.woff2)format("woff2"),url(../fonts/open-sans-v17-latin-700.woff)format("woff")}@font-face{font-family:open sans;font-style:italic;font-weight:400;font-display:swap;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(../fonts/open-sans-v17-latin-italic.woff2)format("woff2"),url(../fonts/open-sans-v17-latin-italic.woff)format("woff")}:root{font-size:18px}html{scroll-behavior:smooth}html[data-mode=light]{--bg: #ddd;--fg: #444;--alt-bg: #d6d6d6;--alt-fg: #333;--dtl: #fdfdfd;--err: #c70000;--bgmod: rgba(0, 0, 0, 0.3);--input-bg: #fefefe;--input-fg: #111;--input-bd: #ccc;--lpress: rgba(0, 0, 0, 0.2);--rlpress: rgba(255, 255, 255, 0.2)}html[data-mode=light] .chroma,html[data-mode=light] pre,html[data-mode=light] p code,html[data-mode=light] li code{color:#93a1a1;background-color:#002b36}html[data-mode=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}html[data-mode=light] .chroma .lntable{border-spacing:0;margin:0;border:0;width:auto;display:block}html[data-mode=light] .chroma .hl{display:block;width:100%;background-color:rgba(0,0,0,.3)}html[data-mode=light] .chroma .nb{color:#b58900}html[data-mode=light] .chroma .ge{font-style:italic}html[data-mode=light] .chroma .gr{color:#e8625f;font-weight:700}html[data-mode=light] .chroma .gs{font-weight:700}html[data-mode=light] .chroma .x,html[data-mode=light] .chroma .kc,html[data-mode=light] .chroma .no,html[data-mode=light] .chroma .ni,html[data-mode=light] .chroma .ne,html[data-mode=light] .chroma .se,html[data-mode=light] .chroma .gh{color:#e9662f}html[data-mode=light] .chroma .lnt,html[data-mode=light] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#848f8f}html[data-mode=light] .chroma .k,html[data-mode=light] .chroma .kn,html[data-mode=light] .chroma .kp,html[data-mode=light] .chroma .o,html[data-mode=light] .chroma .ow,html[data-mode=light] .chroma .cs,html[data-mode=light] .chroma .cp,html[data-mode=light] .chroma .cpf,html[data-mode=light] .chroma .gi{color:#859900}html[data-mode=light] .chroma .kd,html[data-mode=light] .chroma .kr,html[data-mode=light] .chroma .bp,html[data-mode=light] .chroma .nc,html[data-mode=light] .chroma .nd,html[data-mode=light] .chroma .nf,html[data-mode=light] .chroma .nt,html[data-mode=light] .chroma .nv,html[data-mode=light] .chroma .gu{color:#3294da}html[data-mode=light] .chroma .kt,html[data-mode=light] .chroma .sr,html[data-mode=light] .chroma .gd{color:#e8625f}html[data-mode=light] .chroma .s,html[data-mode=light] .chroma .sa,html[data-mode=light] .chroma .sc,html[data-mode=light] .chroma .dl,html[data-mode=light] .chroma .s2,html[data-mode=light] .chroma .si,html[data-mode=light] .chroma .sx,html[data-mode=light] .chroma .s1,html[data-mode=light] .chroma .ss,html[data-mode=light] .chroma .m,html[data-mode=light] .chroma .mb,html[data-mode=light] .chroma .mf,html[data-mode=light] .chroma .mh,html[data-mode=light] .chroma .mi,html[data-mode=light] .chroma .il,html[data-mode=light] .chroma .mo{color:#2aa198}html[data-mode=light] .chroma .sb,html[data-mode=light] .chroma .c,html[data-mode=light] .chroma .ch,html[data-mode=light] .chroma .cm,html[data-mode=light] .chroma .c1{color:#759299}html[data-mode=dark]{--bg: #1f1f1f;--fg: #bbb;--alt-bg: #1c1c1c;--alt-fg: #ddd;--dtl: #1a1a1a;--err: #ff3131;--bgmod: rgba(255, 255, 255, 0.3);--input-bg: #222;--input-fg: #f0f0f0;--input-bd: #262626;--lpress: rgba(255, 255, 255, 0.2);--rlpress: rgba(0, 0, 0, 0.2)}html[data-mode=dark] img{filter:contrast(0.85)grayscale(0.3)}html[data-mode=dark] .chroma,html[data-mode=dark] pre,html[data-mode=dark] p code,html[data-mode=dark] li code{color:#f8f8f2;background:#272822}html[data-mode=dark] .chroma .err{color:#eb0083;background-color:#1e0010}html[data-mode=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}html[data-mode=dark] .chroma .lntable{border-spacing:0;margin:0;border:0;width:auto;display:block}html[data-mode=dark] .chroma .hl{display:block;width:100%;background-color:rgba(0,0,0,.3)}html[data-mode=dark] .chroma .ge{font-style:italic}html[data-mode=dark] .chroma .gs{font-weight:700}html[data-mode=dark] .chroma .lnt,html[data-mode=dark] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#8e8e8e}html[data-mode=dark] .chroma .k,html[data-mode=dark] .chroma .kc,html[data-mode=dark] .chroma .kd,html[data-mode=dark] .chroma .kp,html[data-mode=dark] .chroma .kr,html[data-mode=dark] .chroma .kt,html[data-mode=dark] .chroma .no{color:#66d9ef}html[data-mode=dark] .chroma .kn,html[data-mode=dark] .chroma .nt,html[data-mode=dark] .chroma .o,html[data-mode=dark] .chroma .ow,html[data-mode=dark] .chroma .gd{color:#f94e8a}html[data-mode=dark] .chroma .na,html[data-mode=dark] .chroma .nc,html[data-mode=dark] .chroma .nd,html[data-mode=dark] .chroma .ne,html[data-mode=dark] .chroma .nf,html[data-mode=dark] .chroma .nx,html[data-mode=dark] .chroma .gi{color:#a6e22e}html[data-mode=dark] .chroma .l,html[data-mode=dark] .chroma .se,html[data-mode=dark] .chroma .m,html[data-mode=dark] .chroma .mb,html[data-mode=dark] .chroma .mf,html[data-mode=dark] .chroma .mh,html[data-mode=dark] .chroma .mi,html[data-mode=dark] .chroma .il,html[data-mode=dark] .chroma .mo{color:#ae81ff}html[data-mode=dark] .chroma .ld,html[data-mode=dark] .chroma .s,html[data-mode=dark] .chroma .sa,html[data-mode=dark] .chroma .sb,html[data-mode=dark] .chroma .sc,html[data-mode=dark] .chroma .dl,html[data-mode=dark] .chroma .sd,html[data-mode=dark] .chroma .s2,html[data-mode=dark] .chroma .sh,html[data-mode=dark] .chroma .si,html[data-mode=dark] .chroma .sx,html[data-mode=dark] .chroma .sr,html[data-mode=dark] .chroma .s1,html[data-mode=dark] .chroma .ss{color:#e6db74}html[data-mode=dark] .chroma .c,html[data-mode=dark] .chroma .ch,html[data-mode=dark] .chroma .cm,html[data-mode=dark] .chroma .c1,html[data-mode=dark] .chroma .cs,html[data-mode=dark] .chroma .cp,html[data-mode=dark] .chroma .cpf,html[data-mode=dark] .chroma .gu{color:#949076}body{margin:0;padding:0;font-family:open sans,sans-serif;background:var(--bg);color:var(--fg);display:flex;min-height:100vh;flex-direction:column}body a{color:var(--accent);outline:2px dashed transparent;outline-offset:2px;transition:opacity .2s ease-in-out,outline .2s ease-in-out;word-break:break-word}body a:focus{outline-color:var(--accent)}body a:hover{opacity:.75}body>header,body>footer{background:var(--alt-bg);color:var(--alt-fg);text-align:center}body>header{padding:0 1.5rem 1rem}body>header nav{margin:.5rem 0 0}body>header nav ul{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}body>header nav ul a{display:block;word-break:keep-all;margin:0 7.5px 15px;padding:9px 21px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase}body>footer{padding:1rem 3rem}body>footer p{line-height:1.8rem;margin:.75rem 0;white-space:pre-wrap}body>footer a{transition:opacity .2s ease-in-out,outline-color .3s ease}body>footer a:hover{opacity:.75}body>footer section{padding:6px 0 12px}body>footer section input{border:1px solid var(--fg);outline-offset:3px;padding:0}body>footer section input::-webkit-color-swatch{border:none}body>footer section input::-webkit-color-swatch-wrapper{padding:0}body>footer section button{background:0;border:0;padding:3px 3px 0}body>footer section button svg{fill:var(--fg);stroke:var(--lpress);stroke-width:.6rem}body>footer section input,body>footer section button{margin:0 7.5px;outline:2px dashed transparent;transition:outline .2s ease-in-out,transform .2s ease-in-out}body>footer section input:focus,body>footer section button:focus{outline-color:var(--accent)}body>footer section input:hover,body>footer section button:hover{transform:scale(1.2)}body>footer section input::-moz-focus-inner,body>footer section button::-moz-focus-inner{border:0}body>footer section input,body>footer section button svg{width:42px;height:42px}ol,ul{list-style:none}h1{text-shadow:0 1px 0 var(--rlpress),1px 0 0 var(--rlpress)}hr{border:1px solid var(--lpress);margin:2.4rem 0 1.2rem}::selection{background:var(--accent);color:#f0f0f0;text-shadow:none}div.filler{flex:1;align-items:center;justify-content:center}article>header h1{line-height:3rem}article>header img{margin:1rem 0 0}article>header p{font-size:.9rem;font-style:italic}h6,h5,h4,h3,h2,h1{font-family:oswald,sans-serif;font-weight:700}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}main p{line-height:1.65rem}code{font-family:monospace}body>header>a{font-family:oswald,sans-serif;font-size:2.1rem;font-weight:700;transition:color .3s ease,opacity .2s ease-in-out,outline-color .3s ease;text-shadow:0 1px 0 var(--rlpress),1px 0 0 var(--rlpress);display:inline-block;margin:1.5rem 0 .75rem}article>header{margin:0 0 2rem}article>header h1{margin:9px 0}article>header p{margin:0}article h2,article h3{margin:2rem 0 1rem}article p{margin:1.5rem 0}h6+p,h5+p,h4+p,h3+p,h2+p,h1+p{margin-top:0}h6,h5,h4,h3,h2{padding-top:1rem}audio,img,video{margin:1.8rem auto}a.anchor{background-image:none}a.anchor svg{fill:var(--accent);vertical-align:middle;width:24px;height:24px}h2 a.anchor{margin:0 0 0 .65rem}h2 a.anchor svg{transform:scale(1.7)}h3 a.anchor{margin:0 0 0 .55rem}h3 a.anchor svg{transform:scale(1.525)}h4 a.anchor{margin:0 0 0 .45rem}h4 a.anchor svg{transform:scale(1.35)}h5 a.anchor{margin:0 0 0 .35rem}h5 a.anchor svg{transform:scale(1.175)}h6 a.anchor{margin:0 0 0 .25rem}h6 a.anchor svg{transform:scale(1)}label,span.lnt,summary,sup.footnote-ref{user-select:none}article ol li,article ul li{margin-bottom:.45rem}ol{counter-reset:a-counter}ol li{counter-increment:a-counter}ol li::before{content:counter(a-counter)"";font-size:.85rem;font-weight:700;text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress);background:var(--fg);border:1px solid var(--lpress);border-radius:2px;color:var(--bg);margin-right:12px;padding:2px 7.5px}section.footnotes{border-top:2px solid var(--fg);display:block;margin-top:2.4rem;padding:1rem 1rem 1.8rem}section.footnotes h2{margin:0 0 2rem}section.footnotes a{word-break:break-word}section.footnotes ol li p:first-of-type{display:inline;margin-left:-6px}section.footnotes a.footnote-backref{margin:0 0 0 9px;padding:0 9px;vertical-align:middle}section.footnotes a.footnote-backref svg{fill:var(--dtl);stroke:var(--lpress);stroke-width:.6rem;width:18px;height:18px}section.footnotes hr{display:none}sup{line-height:0}sup a.footnote-ref{text-decoration:none}sup a.footnote-ref::before{content:'['}sup a.footnote-ref::after{content:']'}code,.chroma,.chroma span{transition:background-color .3s ease,color .3s ease}article>pre,section.scroll,span.katex-display,div.highlight>pre,div.highlight>div{overflow-x:auto;transition:background-color .3s ease,color .3s ease,outline-color .3s ease;outline:3px solid transparent}article>pre:focus,section.scroll:focus,span.katex-display:focus,div.highlight>pre:focus,div.highlight>div:focus{outline-color:var(--accent)}section.scroll{border:1px solid var(--fg)}section.scroll>table{border-collapse:collapse;color:var(--fg);font-family:open sans,sans-serif;min-width:600px;width:100%}section.scroll>table td+td{border-left:1px solid var(--fg)}section.scroll>table tr+tr{border-top:1px solid var(--fg)}section.scroll>table tr:not(:first-child):last-of-type{border-bottom:1px solid var(--fg)}section.scroll>table td,section.scroll>table th{padding:9px}section.scroll>table th{background:var(--fg);color:var(--bg)}section.scroll>table tr{transition:background .2s ease-in-out,color .2s ease-in-out}section.scroll>table tr:nth-child(even){background:var(--alt-bg)}section.scroll>table tr:nth-child(odd){background:var(--bg)}section.scroll>table tr:hover{background:var(--accent);color:var(--dtl)}div.highlight>div table{padding:0 24px;max-height:75vh}div.chroma td:first-of-type{padding:0 18px 0 0}article>pre,span.katex-display,div.highlight>pre{padding:var(--hl-pad)}article>pre,span.katex-display,div.highlight>pre,div.highlight>div.chroma{border:1px solid #222;line-height:1.5rem;max-height:75vh}mark,p code,li code{border-radius:2px;padding:1px 3px}li a{word-break:break-all}article>header section.tags{margin:.9rem 0 .6rem}article>header section.tags ul{padding:0}article>header section.tags li{display:inline}article>header section.tags a{display:inline-block;margin:0 7.5px 9px 0;padding:6px 15px 9px}ul.posts{padding:0}ul.posts li{margin:.5rem 0}ul.posts a{background:var(--accent);color:var(--dtl);display:flex;margin:15px auto;padding:15px 30px 18px;text-decoration:none;align-items:center;word-break:break-word}ul.posts a p{flex:1;margin:0}ul.posts a time{background-image:linear-gradient(0deg,var(--bgmod),100%,transparent);border-radius:2px;font-size:.85rem;margin-left:1.8rem;padding:0 9px 2px}@media(max-width:768px){ul.posts a{flex-direction:column-reverse;align-items:unset}ul.posts a time{margin:.3rem 0}}span.katex-display{border:1px dashed var(--alt-fg);overflow-x:auto;padding:15px 30px}span.katex-display:focus{border:1px solid #222}img{display:block;max-width:100%;max-height:75vh;outline:3px solid transparent;transition:border-color .3s ease,outline-color .3s ease,filter .3s ease}img.cover{border:1px solid var(--fg);object-fit:cover;width:100%}article p>img{display:block;margin:2rem auto;max-width:100%}figure{margin:1.8rem auto}figure img{display:block;margin:0 auto;max-width:90%}figure figcaption{font-size:.85rem;text-align:center;margin:.75rem;line-height:1.5rem}video{display:block;max-width:91%;max-height:75vh;outline:3px solid transparent;transition:border-color .3s ease,outline-color .3s ease}video:focus,video:hover{border-color:var(--accent);outline-color:var(--accent)}video.gifoid{margin:3rem auto;max-width:90%}audio{display:block;width:90%}img.border,video.border{border:1px solid var(--fg)}img.borderless,video.borderless{border:0}details.toc{background:var(--alt-bg);color:var(--dtl);transition:background-color .3s ease,border .3s ease,linear-gradient .3s ease}details.toc summary{background:var(--accent);border:1px solid rgba(0,0,0,.3);border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.3);font-family:oswald,sans-serif;padding:15px 30px 18.5px;outline:2px dashed transparent;outline-offset:3px;text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress);transition:color .3s ease,opacity .2s ease,outline-color .3s ease,padding .2s ease}details.toc summary:hover{opacity:.75}details.toc summary:focus{outline-color:var(--accent)}details.toc[open] summary{border-radius:2px 2px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);padding:15px 30px}details.toc[open] summary~*{animation:smoothReveal .3s ease-in-out}details.toc nav#TableOfContents{border-style:solid;border-color:rgba(0,0,0,.3);border-width:0 1px 1px;border-radius:0 0 2px 2px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3);padding:6px 15px 15px 9px}details.toc nav#TableOfContents li:first-of-type{margin-top:.3rem}details.toc nav#TableOfContents ul li:not(:last-of-type),details.toc nav#TableOfContents ul li ul li:first-of-type,details.toc nav#TableOfContents ul li ol li:first-of-type,details.toc nav#TableOfContents ol li:not(:last-of-type),details.toc nav#TableOfContents ol li ul li:first-of-type,details.toc nav#TableOfContents ol li ol li:first-of-type{margin-bottom:.3rem}#TableOfContents,section.footnotes ol,article>ul,article>ol{line-height:1.5rem}#TableOfContents ul,section.footnotes ol{padding-left:24px}article>ul,article>ul ul,article>ol,article>ol ol{padding:0 24px}#TableOfContents ul li:before,article>ul li:before{content:'';margin-right:12px;background:var(--fg);border-radius:2px;width:18px;height:18px;display:inline-block;margin-bottom:-3px}@keyframes smoothReveal{0%{opacity:0}100%{opacity:1}}.btn,a.footnote-backref,input[type=submit]{background:var(--accent);border:1px solid rgba(0,0,0,.3);color:var(--dtl);transition:background-color .3s ease,color .3s ease,opacity .2s ease-in-out,outline-color .3s ease;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.3);text-decoration:none;text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress)}.btn:hover,a.footnote-backref:hover,input[type=submit]:hover{opacity:.75}button,input[type=color],summary{cursor:pointer}li.cats a{font-weight:700}ul.tags{display:flex;flex-wrap:wrap;padding:0}ul.tags a{display:flex;flex:1;align-items:center;margin:0 9px 9px 0;padding:7.5px 18px 10.5px;word-break:keep-all}ul.tags a span{background-image:linear-gradient(0deg,var(--bgmod),100%,transparent);border-radius:2px;margin-left:.45rem;padding:0 6px 1px;font-size:.85rem}ul.pagination{font-family:open sans,sans-serif;font-weight:700;text-align:center;margin:3rem auto 1rem;display:flex;flex-wrap:wrap;justify-content:center}ul.pagination li{display:inline-block;transition:background .2s ease-in-out,border .2s ease-in-out}ul.pagination li a,ul.pagination li.current p{display:block;margin:0 9px 9px 0;padding:7.5px 12px 10.5px;width:21px}ul.pagination li a{color:var(--dtl)}ul.pagination li.current p{background:var(--alt-bg);border:1px solid rgba(0,0,0,.45);border-radius:2px;color:var(--alt-fg);line-height:inherit;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.3);text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress)}ul.pagination svg{fill:currentColor;width:18px;height:18px;display:inline-block;margin:auto auto -2px}.label-form{margin-top:1rem;font-family:oswald,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;user-select:none}.input-text{background:var(--input-bg);border:1px solid var(--input-bd);color:var(--input-fg);font-family:open sans,sans-serif;font-size:.9rem;line-height:1.5rem;transition:background-color .3s ease,border .3s ease,outline .2s ease-in-out;outline:2px solid transparent}.input-text:focus{outline-color:var(--accent)}section.search-box form{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}section.search-box label{flex-basis:100%;line-height:2rem}section.search-box input[name=q]{padding:6px 12px;flex:1;border-radius:2px 0 0 2px}section.search-box button{border-radius:0 2px 2px 0;padding:6px 30px;outline:2px dashed transparent;outline-offset:2px}section.search-box button:focus{outline-color:var(--accent)}section.search-box button:hover{opacity:.75}section.search-box button svg{width:15px;height:15px;fill:currentColor;stroke:var(--lpress);stroke-width:9px}#search-info{margin:1rem 0 2rem}#search-info+ul{margin:0 0 6rem}section.social{display:flex;flex-wrap:wrap}section.social a{display:flex;flex:1;align-items:center;margin:0 9px 9px 0;min-width:150px;padding:15px 21px;text-align:center}section.social a svg{fill:currentColor;stroke:var(--lpress);stroke-width:9px;width:36px;height:36px}section.social a p{flex:1;margin:0 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1rem;user-select:none}section.social a:hover{opacity:.75}#contact{margin:1.5rem 0}#contact label{display:block;line-height:1.8rem}#contact input[name=name],#contact input[name=_replyto],#contact input[name=_subject],#contact select,#contact textarea{display:block;margin:3px 0;max-width:100%}#contact input[name=name],#contact input[name=_replyto],#contact input[name=_subject]{min-width:240px;padding:6px 12px}#contact select{min-width:210px;padding:6px}#contact textarea{padding:9px 15px;width:90%;height:auto}#contact input[type=submit]{cursor:pointer;font-family:oswald,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem;margin-top:1.2rem;padding:12px 42px 15px;outline:2px dashed transparent;outline-offset:2px;transition:background-color .3s ease,border .2s ease-in-out,color .3s ease,outline .2s ease-in-out,opacity .2s ease-in-out}#contact input[type=submit]:focus{outline-color:var(--accent)}#contact input[type=submit]:hover{opacity:.75}#contact input[type=submit]::-moz-focus-inner{border:0}@supports(-moz-appearance:meterbar){#contact select{color:var(--fg);color:transparent;text-shadow:0 0 0 var(--fg)}}p.error{color:var(--err)}mark{background:var(--accent);filter:contrast(1.2)invert(1)}abbr{text-decoration-style:solid}blockquote{background:var(--alt-bg);border-style:solid;border-width:1px 1px 1px 12px;color:var(--alt-fg);margin:var(--blk-mg);padding:0 30px}blockquote p{margin:1.2rem 0}kbd{background-color:#eee;border:1px solid #b4b4b4;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 0 0 rgba(255,255,255,.7)inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px;white-space:nowrap}kbd>kbd{margin:0 2px}main{margin:90px auto;padding:0 15px;max-width:660px}article{margin:90px auto 120px}html{--blk-mg: 1.05rem .75rem;--il-pad: 0 12px;--hl-pad: 15.75px 18px}@media(min-width:769px){html{--blk-mg: 2.1rem 1.5rem;--il-pad: 6px 24px;--hl-pad: 21px 24px}}@media(min-width:769px){a.anchor:not(:focus){opacity:0}h6>a:focus+a.anchor,h6:hover>a.anchor,h5>a:focus+a.anchor,h5:hover>a.anchor,h4>a:focus+a.anchor,h4:hover>a.anchor,h3>a:focus+a.anchor,h3:hover>a.anchor,h2>a:focus+a.anchor,h2:hover>a.anchor{opacity:1}}p.noscript{font-weight:700}blockquote.twitter-tweet{border-color:#1da0f1;padding:0 30px 27px}div.__h_instagram{margin:2rem auto}div.__h_instagram a:nth-child(2){display:block;margin:.6rem 0;line-height:0}div.__h_instagram a:nth-child(2):hover{opacity:.75}div.__h_instagram img{border:1px solid var(--fg);max-width:100%;object-fit:cover}h2#vimeo-simple-shortcode{margin-bottom:1rem}div.s_video_simple{margin:0 auto;width:96%}div.s_video_simple a{border:1px solid var(--fg);display:block;margin:6px;line-height:0}div.s_video_simple a:hover{opacity:.75}section.youtube{border:1px solid var(--fg);margin:2rem 0;padding-bottom:56.25%;position:relative;overflow:hidden;height:0}section.info img{border:3px solid var(--fg);border-radius:9px}
\ No newline at end of file +@font-face{font-family:oswald;font-style:normal;font-weight:700;font-display:swap;src:local("Oswald"),url(../fonts/oswald-v29-latin-700.woff2)format("woff2"),url(../fonts/oswald-v29-latin-700.woff)format("woff")}@font-face{font-family:open sans;font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(../fonts/open-sans-v17-latin-regular.woff2)format("woff2"),url(../fonts/open-sans-v17-latin-regular.woff)format("woff")}@font-face{font-family:open sans;font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(../fonts/open-sans-v17-latin-700.woff2)format("woff2"),url(../fonts/open-sans-v17-latin-700.woff)format("woff")}@font-face{font-family:open sans;font-style:italic;font-weight:400;font-display:swap;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(../fonts/open-sans-v17-latin-italic.woff2)format("woff2"),url(../fonts/open-sans-v17-latin-italic.woff)format("woff")}:root{font-size:18px}html{scroll-behavior:smooth}html[data-mode=light]{--bg: #ddd;--fg: #444;--alt-bg: #d6d6d6;--alt-fg: #333;--dtl: #fdfdfd;--err: #c70000;--bgmod: rgba(0, 0, 0, 0.3);--input-bg: #fefefe;--input-fg: #111;--input-bd: #ccc;--lpress: rgba(0, 0, 0, 0.2);--rlpress: rgba(255, 255, 255, 0.2)}html[data-mode=light] .chroma,html[data-mode=light] pre,html[data-mode=light] p code,html[data-mode=light] li code{color:#93a1a1;background-color:#002b36}html[data-mode=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}html[data-mode=light] .chroma .lntable{border-spacing:0;margin:0;border:0;width:auto;display:block}html[data-mode=light] .chroma .hl{display:block;width:100%;background-color:rgba(0,0,0,.3)}html[data-mode=light] .chroma .nb{color:#b58900}html[data-mode=light] .chroma .ge{font-style:italic}html[data-mode=light] .chroma .gr{color:#e8625f;font-weight:700}html[data-mode=light] .chroma .gs{font-weight:700}html[data-mode=light] .chroma .x,html[data-mode=light] .chroma .kc,html[data-mode=light] .chroma .no,html[data-mode=light] .chroma .ni,html[data-mode=light] .chroma .ne,html[data-mode=light] .chroma .se,html[data-mode=light] .chroma .gh{color:#e9662f}html[data-mode=light] .chroma .lnt,html[data-mode=light] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#848f8f}html[data-mode=light] .chroma .k,html[data-mode=light] .chroma .kn,html[data-mode=light] .chroma .kp,html[data-mode=light] .chroma .o,html[data-mode=light] .chroma .ow,html[data-mode=light] .chroma .cs,html[data-mode=light] .chroma .cp,html[data-mode=light] .chroma .cpf,html[data-mode=light] .chroma .gi{color:#859900}html[data-mode=light] .chroma .kd,html[data-mode=light] .chroma .kr,html[data-mode=light] .chroma .bp,html[data-mode=light] .chroma .nc,html[data-mode=light] .chroma .nd,html[data-mode=light] .chroma .nf,html[data-mode=light] .chroma .nt,html[data-mode=light] .chroma .nv,html[data-mode=light] .chroma .gu{color:#3294da}html[data-mode=light] .chroma .kt,html[data-mode=light] .chroma .sr,html[data-mode=light] .chroma .gd{color:#e8625f}html[data-mode=light] .chroma .s,html[data-mode=light] .chroma .sa,html[data-mode=light] .chroma .sc,html[data-mode=light] .chroma .dl,html[data-mode=light] .chroma .s2,html[data-mode=light] .chroma .si,html[data-mode=light] .chroma .sx,html[data-mode=light] .chroma .s1,html[data-mode=light] .chroma .ss,html[data-mode=light] .chroma .m,html[data-mode=light] .chroma .mb,html[data-mode=light] .chroma .mf,html[data-mode=light] .chroma .mh,html[data-mode=light] .chroma .mi,html[data-mode=light] .chroma .il,html[data-mode=light] .chroma .mo{color:#2aa198}html[data-mode=light] .chroma .sb,html[data-mode=light] .chroma .c,html[data-mode=light] .chroma .ch,html[data-mode=light] .chroma .cm,html[data-mode=light] .chroma .c1{color:#759299}html[data-mode=dark]{--bg: #1f1f1f;--fg: #bbb;--alt-bg: #1c1c1c;--alt-fg: #ddd;--dtl: #1a1a1a;--err: #ff3131;--bgmod: rgba(255, 255, 255, 0.3);--input-bg: #222;--input-fg: #f0f0f0;--input-bd: #262626;--lpress: rgba(255, 255, 255, 0.2);--rlpress: rgba(0, 0, 0, 0.2)}html[data-mode=dark] img{filter:contrast(0.85)grayscale(0.3)}html[data-mode=dark] .chroma,html[data-mode=dark] pre,html[data-mode=dark] p code,html[data-mode=dark] li code{color:#f8f8f2;background:#272822}html[data-mode=dark] .chroma .err{color:#eb0083;background-color:#1e0010}html[data-mode=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}html[data-mode=dark] .chroma .lntable{border-spacing:0;margin:0;border:0;width:auto;display:block}html[data-mode=dark] .chroma .hl{display:block;width:100%;background-color:rgba(0,0,0,.3)}html[data-mode=dark] .chroma .ge{font-style:italic}html[data-mode=dark] .chroma .gs{font-weight:700}html[data-mode=dark] .chroma .lnt,html[data-mode=dark] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#8e8e8e}html[data-mode=dark] .chroma .k,html[data-mode=dark] .chroma .kc,html[data-mode=dark] .chroma .kd,html[data-mode=dark] .chroma .kp,html[data-mode=dark] .chroma .kr,html[data-mode=dark] .chroma .kt,html[data-mode=dark] .chroma .no{color:#66d9ef}html[data-mode=dark] .chroma .kn,html[data-mode=dark] .chroma .nt,html[data-mode=dark] .chroma .o,html[data-mode=dark] .chroma .ow,html[data-mode=dark] .chroma .gd{color:#f94e8a}html[data-mode=dark] .chroma .na,html[data-mode=dark] .chroma .nc,html[data-mode=dark] .chroma .nd,html[data-mode=dark] .chroma .ne,html[data-mode=dark] .chroma .nf,html[data-mode=dark] .chroma .nx,html[data-mode=dark] .chroma .gi{color:#a6e22e}html[data-mode=dark] .chroma .l,html[data-mode=dark] .chroma .se,html[data-mode=dark] .chroma .m,html[data-mode=dark] .chroma .mb,html[data-mode=dark] .chroma .mf,html[data-mode=dark] .chroma .mh,html[data-mode=dark] .chroma .mi,html[data-mode=dark] .chroma .il,html[data-mode=dark] .chroma .mo{color:#ae81ff}html[data-mode=dark] .chroma .ld,html[data-mode=dark] .chroma .s,html[data-mode=dark] .chroma .sa,html[data-mode=dark] .chroma .sb,html[data-mode=dark] .chroma .sc,html[data-mode=dark] .chroma .dl,html[data-mode=dark] .chroma .sd,html[data-mode=dark] .chroma .s2,html[data-mode=dark] .chroma .sh,html[data-mode=dark] .chroma .si,html[data-mode=dark] .chroma .sx,html[data-mode=dark] .chroma .sr,html[data-mode=dark] .chroma .s1,html[data-mode=dark] .chroma .ss{color:#e6db74}html[data-mode=dark] .chroma .c,html[data-mode=dark] .chroma .ch,html[data-mode=dark] .chroma .cm,html[data-mode=dark] .chroma .c1,html[data-mode=dark] .chroma .cs,html[data-mode=dark] .chroma .cp,html[data-mode=dark] .chroma .cpf,html[data-mode=dark] .chroma .gu{color:#949076}body{margin:0;padding:0;font-family:open sans,sans-serif;background:var(--bg);color:var(--fg);display:flex;min-height:100vh;flex-direction:column}body a{color:var(--accent);outline-offset:2px;transition:opacity .2s ease-in-out,outline-color .2s ease-in-out;word-break:break-word}body a:hover{opacity:.75}body>header,body>footer{background:var(--alt-bg);color:var(--alt-fg);text-align:center}body>header{padding:0 1.5rem 1rem}body>header nav{margin:.5rem 0 0}body>header nav ul{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}body>header nav ul a{display:block;word-break:keep-all;margin:0 7.5px 15px;padding:9px 21px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase}body>footer{padding:1rem 3rem}body>footer p{line-height:1.8rem;margin:.75rem 0;white-space:pre-wrap}body>footer a{transition:opacity .2s ease-in-out,outline-color .3s ease}body>footer a:hover{opacity:.75}body>footer section{padding:6px 0 12px}body>footer section input{border:1px solid var(--fg);outline-offset:3px;padding:0}body>footer section input::-webkit-color-swatch{border:none}body>footer section input::-webkit-color-swatch-wrapper{padding:0}body>footer section button{background:0;border:0;padding:3px 3px 0}body>footer section button svg{fill:var(--fg);stroke:var(--lpress);stroke-width:.6rem}body>footer section input,body>footer section button{margin:0 7.5px;transition:outline-color .2s ease-in-out,transform .2s ease-in-out}body>footer section input:hover,body>footer section button:hover{transform:scale(1.2)}body>footer section input::-moz-focus-inner,body>footer section button::-moz-focus-inner{border:0}body>footer section input,body>footer section button svg{width:42px;height:42px}body a,.outline-dashed{outline:2px dashed transparent}body a:focus,.outline-dashed:focus{outline-color:var(--accent)}ol,ul{list-style:none}h1{text-shadow:0 1px 0 var(--rlpress),1px 0 0 var(--rlpress)}hr{border:1px solid var(--lpress);margin:2.4rem 0 1.2rem}::selection{background:var(--accent);color:#f0f0f0;text-shadow:none}.filler{flex:1;align-items:center;justify-content:center}article>header h1{line-height:3rem}article>header img{margin:1rem 0 0}article>header p{font-size:.9rem;font-style:italic}h6,h5,h4,h3,h2,h1{font-family:oswald,sans-serif;font-weight:700}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}main p{line-height:1.65rem}code{font-family:monospace}body>header>a{font-family:oswald,sans-serif;font-size:2.1rem;font-weight:700;transition:color .3s ease,opacity .2s ease-in-out,outline-color .3s ease;text-shadow:0 1px 0 var(--rlpress),1px 0 0 var(--rlpress);display:inline-block;margin:1.5rem 0 .75rem}article>header{margin:0 0 2rem}article>header h1{margin:9px 0}article>header p{margin:0}article h2,article h3{margin:2rem 0 1rem}article p{margin:1.5rem 0}h6+p,h5+p,h4+p,h3+p,h2+p,h1+p{margin-top:0}h6,h5,h4,h3,h2{padding-top:1rem}audio,img,video{margin:1.8rem auto}.anchor{background-image:none}.anchor svg{fill:var(--accent);vertical-align:middle;width:24px;height:24px}h2 .anchor{margin:0 0 0 .65rem}h2 .anchor svg{transform:scale(1.7)}h3 .anchor{margin:0 0 0 .55rem}h3 .anchor svg{transform:scale(1.525)}h4 .anchor{margin:0 0 0 .45rem}h4 .anchor svg{transform:scale(1.35)}h5 .anchor{margin:0 0 0 .35rem}h5 .anchor svg{transform:scale(1.175)}h6 .anchor{margin:0 0 0 .25rem}h6 .anchor svg{transform:scale(1)}label,summary,.footnote-ref,.lnt{user-select:none}article ol li,article ul li{margin-bottom:.45rem}ol{counter-reset:a-counter}ol li{counter-increment:a-counter}ol li::before{content:counter(a-counter)"";font-size:.85rem;font-weight:700;text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress);background:var(--fg);border:1px solid var(--lpress);border-radius:2px;color:var(--bg);margin-right:12px;padding:2px 7.5px}.footnotes{border-top:2px solid var(--fg);display:block;margin-top:2.4rem;padding:1rem 1rem 1.8rem}.footnotes h2{margin:0 0 2rem}.footnotes a{word-break:break-word}.footnotes ol li p:first-of-type{display:inline;margin-left:-6px}.footnotes .footnote-backref{margin:0 0 0 9px;padding:0 9px;vertical-align:middle}.footnotes .footnote-backref svg{fill:var(--dtl);stroke:var(--lpress);stroke-width:.6rem;width:18px;height:18px}.footnotes hr{display:none}sup{line-height:0}sup .footnote-ref{text-decoration:none}sup .footnote-ref::before{content:'['}sup .footnote-ref::after{content:']'}code,.chroma{transition:background-color .3s ease,color .3s ease}article>pre,.scroll,.katex-display,.highlight>pre,.highlight>div{overflow-x:auto;transition:background-color .3s ease,color .3s ease,outline-color .3s ease;outline:3px solid transparent}article>pre:focus,.scroll:focus,.katex-display:focus,.highlight>pre:focus,.highlight>div:focus{outline-color:var(--accent)}.scroll{border:1px solid var(--fg)}.scroll>table{border-collapse:collapse;color:var(--fg);font-family:open sans,sans-serif;min-width:600px;width:100%}.scroll>table td+td{border-left:1px solid var(--fg)}.scroll>table tr+tr{border-top:1px solid var(--fg)}.scroll>table tr:not(:first-child):last-of-type{border-bottom:1px solid var(--fg)}.scroll>table td,.scroll>table th{padding:9px}.scroll>table th{background:var(--fg);color:var(--bg)}.scroll>table tr{transition:background .2s ease-in-out,color .2s ease-in-out}.scroll>table tr:nth-child(even){background:var(--alt-bg)}.scroll>table tr:nth-child(odd){background:var(--bg)}.scroll>table tr:hover{background:var(--accent);color:var(--dtl)}.highlight>div table{padding:0 24px;max-height:75vh}.chroma td:first-of-type{padding:0 18px 0 0}article>pre,.katex-display,.highlight>pre{padding:var(--hl-pad)}article>pre,.katex-display,.highlight>pre,.highlight>.chroma{border:1px solid #222;line-height:1.5rem;max-height:75vh}mark,p code,li code{border-radius:2px;padding:1px 3px}li a{word-break:break-all}article>header .terms{margin:.9rem 0 .6rem}article>header .terms ul{padding:0}article>header .terms li{display:inline}article>header .terms a{display:inline-block;margin:0 7.5px 9px 0;padding:6px 15px 9px}.posts{padding:0}.posts li{margin:.5rem 0}.posts a{background:var(--accent);color:var(--dtl);display:flex;margin:15px auto;padding:15px 30px 18px;text-decoration:none;align-items:center;word-break:break-word}.posts a p{flex:1;margin:0}.posts a time{background-image:linear-gradient(0deg,var(--bgmod),100%,transparent);border-radius:2px;font-size:.85rem;margin-left:1.8rem;padding:0 9px 2px}@media(max-width:768px){.posts a{flex-direction:column-reverse;align-items:unset}.posts a time{margin:.3rem 0}}.katex-display{border:1px dashed var(--alt-fg);overflow-x:auto;padding:15px 30px}.katex-display:focus{border:1px solid #222}img{display:block;max-width:100%;max-height:75vh;outline:3px solid transparent;transition:border-color .3s ease,outline-color .3s ease,filter .3s ease}img.cover{border:1px solid var(--fg);object-fit:cover;width:100%}article p>img{display:block;margin:2rem auto;max-width:100%}figure{margin:1.8rem auto}figure img{display:block;margin:0 auto;max-width:90%}figure figcaption{font-size:.85rem;text-align:center;margin:.75rem;line-height:1.5rem}video{display:block;max-width:91%;max-height:75vh;outline:3px solid transparent;transition:border-color .3s ease,outline-color .3s ease}video:focus,video:hover{border-color:var(--accent);outline-color:var(--accent)}video.gifoid{margin:3rem auto;max-width:90%}audio{display:block;width:90%}img.border,video.border{border:1px solid var(--fg)}img.borderless,video.borderless{border:0}.toc{background:var(--alt-bg);color:var(--dtl);transition:background-color .3s ease,border .3s ease,linear-gradient .3s ease}.toc summary{background:var(--accent);border:1px solid rgba(0,0,0,.3);border-radius:2px;font-family:oswald,sans-serif;outline-offset:2px;padding:15px 30px 18.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.3);text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress);transition:color .3s ease,opacity .2s ease,outline-color .3s ease,padding .2s ease}.toc summary:hover{opacity:.75}.toc[open] summary{border-radius:2px 2px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);padding:15px 30px}.toc[open] summary~*{animation:smoothReveal .3s ease-in-out}.toc nav#TableOfContents{border-style:solid;border-color:rgba(0,0,0,.3);border-width:0 1px 1px;border-radius:0 0 2px 2px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3);padding:6px 15px 15px 9px}.toc nav#TableOfContents li:first-of-type{margin-top:.3rem}.toc nav#TableOfContents ul li:not(:last-of-type),.toc nav#TableOfContents ul li ul li:first-of-type,.toc nav#TableOfContents ul li ol li:first-of-type,.toc nav#TableOfContents ol li:not(:last-of-type),.toc nav#TableOfContents ol li ul li:first-of-type,.toc nav#TableOfContents ol li ol li:first-of-type{margin-bottom:.3rem}#TableOfContents,.footnotes ol,article>ul,article>ol{line-height:1.5rem}#TableOfContents ul,.footnotes ol{padding-left:24px}article>ul,article>ul ul,article>ol,article>ol ol{padding:0 24px}#TableOfContents ul li:before,article>ul li:before{content:'';margin-right:12px;background:var(--fg);border-radius:2px;width:18px;height:18px;display:inline-block;margin-bottom:-3px}@keyframes smoothReveal{0%{opacity:0}100%{opacity:1}}.btn,.footnote-backref,input[type=submit]{background:var(--accent);border:1px solid rgba(0,0,0,.3);border-radius:2px;color:var(--dtl);text-decoration:none;transition:background-color .3s ease,color .3s ease,opacity .2s ease-in-out,outline-color .3s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.3);text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress)}.btn:hover,.footnote-backref:hover,input[type=submit]:hover{opacity:.75}button,input[type=color],summary{cursor:pointer}.category a{font-weight:700}.terms{display:flex;flex-wrap:wrap;padding:0}.terms a{display:flex;flex:1;align-items:center;margin:0 9px 9px 0;padding:7.5px 18px 10.5px;word-break:keep-all}.terms a span{background-image:linear-gradient(0deg,var(--bgmod),100%,transparent);border-radius:2px;margin-left:.45rem;padding:0 6px 1px;font-size:.85rem}.pagination{font-family:open sans,sans-serif;font-weight:700;text-align:center;margin:3rem auto 1rem;display:flex;flex-wrap:wrap;justify-content:center}.pagination li{display:inline-block;transition:background .2s ease-in-out,border .2s ease-in-out}.pagination li a,.pagination li.current p{display:block;margin:0 9px 9px 0;padding:7.5px 12px 10.5px;width:21px}.pagination li a{color:var(--dtl)}.pagination li.current p{background:var(--alt-bg);border:1px solid rgba(0,0,0,.45);border-radius:2px;color:var(--alt-fg);line-height:inherit;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -3px 0 rgba(0,0,0,.3);text-shadow:0 1px 0 var(--lpress),1px 0 0 var(--lpress)}.pagination svg{display:inline-block;fill:currentColor;width:18px;height:18px;margin:auto auto -2px}.label-form{margin-top:1rem;font-family:oswald,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.input-text{background:var(--input-bg);border:1px solid var(--input-bd);color:var(--input-fg);font-family:open sans,sans-serif;font-size:.9rem;line-height:1.5rem;transition:background-color .3s ease,border .3s ease,outline-color .2s ease-in-out;outline:2px solid transparent}.input-text:focus{outline-color:var(--accent)}.search-box form{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}.search-box label{flex-basis:100%;line-height:2rem}.search-box input[name=q]{padding:6px 12px;flex:1;border-radius:2px 0 0 2px}.search-box button{border-radius:0 2px 2px 0;padding:6px 30px;outline-offset:2px}.search-box button svg{width:15px;height:15px;fill:currentColor;stroke:var(--lpress);stroke-width:9px}#search-info{margin:1rem 0 2rem}#search-info+ul{margin:0 0 6rem}.social{display:flex;flex-wrap:wrap}.social a{display:flex;flex:1;align-items:center;margin:0 9px 9px 0;min-width:150px;padding:15px 21px;text-align:center}.social a svg{fill:currentColor;stroke:var(--lpress);stroke-width:9px;width:36px;height:36px}.social a p{flex:1;margin:0 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1rem}.social a:hover{opacity:.75}#contact{margin:1.5rem 0}#contact label{display:block;line-height:1.8rem}#contact input[name=name],#contact input[name=_replyto],#contact input[name=_subject],#contact select,#contact textarea{display:block;margin:3px 0;max-width:100%}#contact input[name=name],#contact input[name=_replyto],#contact input[name=_subject]{min-width:240px;padding:6px 12px}#contact select{min-width:210px;padding:6px}#contact textarea{padding:9px 15px;width:90%;height:auto}#contact input[type=submit]{cursor:pointer;font-family:oswald,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem;margin-top:1.2rem;padding:12px 42px 15px;outline-offset:2px;transition:background-color .3s ease,border .2s ease-in-out,color .3s ease,outline-color .2s ease-in-out,opacity .2s ease-in-out}#contact input[type=submit]::-moz-focus-inner{border:0}@supports(-moz-appearance:meterbar){#contact select{color:var(--fg);color:transparent;text-shadow:0 0 0 var(--fg)}}.error{color:var(--err)}mark{background:var(--accent);filter:contrast(1.2)invert(1)}abbr{text-decoration-style:solid}blockquote{background:var(--alt-bg);border-style:solid;border-width:1px 1px 1px 12px;color:var(--alt-fg);margin:var(--blk-mg);padding:0 30px}blockquote p{margin:1.2rem 0}kbd{background-color:#eee;border:1px solid #b4b4b4;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 0 0 rgba(255,255,255,.7)inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px;white-space:nowrap}kbd>kbd{margin:0 2px}main{margin:90px auto;padding:0 15px;max-width:660px}article{margin:90px auto 120px}html{--blk-mg: 1.05rem .75rem;--il-pad: 0 12px;--hl-pad: 15.75px 18px}@media(min-width:769px){html{--blk-mg: 2.1rem 1.5rem;--il-pad: 6px 24px;--hl-pad: 21px 24px}}@media(min-width:769px){a.anchor:not(:focus){opacity:0}h6>a:focus+a.anchor,h6:hover>a.anchor,h5>a:focus+a.anchor,h5:hover>a.anchor,h4>a:focus+a.anchor,h4:hover>a.anchor,h3>a:focus+a.anchor,h3:hover>a.anchor,h2>a:focus+a.anchor,h2:hover>a.anchor{opacity:1}}.noscript{font-weight:700}blockquote.twitter-tweet{border-color:#1da0f1;padding:0 30px 27px}div.__h_instagram{margin:2rem auto}div.__h_instagram a:nth-child(2){display:block;margin:.6rem 0;line-height:0}div.__h_instagram a:nth-child(2):hover{opacity:.75}div.__h_instagram img{border:1px solid var(--fg);max-width:100%;object-fit:cover}h2#vimeo-simple-shortcode{margin-bottom:1rem}div.s_video_simple{margin:0 auto;width:96%}div.s_video_simple a{border:1px solid var(--fg);display:block;margin:6px;line-height:0}div.s_video_simple a:hover{opacity:.75}section.youtube{border:1px solid var(--fg);margin:2rem 0;padding-bottom:56.25%;position:relative;overflow:hidden;height:0}section.info img{border:3px solid var(--fg);border-radius:9px}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json index 2a00c11..5ed7172 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json +++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json @@ -1 +1 @@ -{"Target":"css/main.min.2efd523aa7e8724324ff473b833d59e09e018394fe9fb78f5a303672a509ce5580d3d7449329571776e99a1f74e6d140660c7a6ae675c83b1cce39a5b231848f.css","MediaType":"text/css","Data":{"Integrity":"sha512-Lv1SOqfockMk/0c7gz1Z4J4Bg5T+n7ePWjA2cqUJzlWA09dEkylXF3bpmh905tFAZgx6auZ1yDsczjmlsjGEjw=="}}
\ No newline at end of file +{"Target":"css/main.min.71ec6497f1b85b2d326652df1b26c256ddd753623dddc6085d1ee67a28e99bcd14c841b6188c1f914b1eb6c7f3a0073ce19cc641c5259231268638ec10333727.css","MediaType":"text/css","Data":{"Integrity":"sha512-cexkl/G4Wy0yZlLfGybCVt3XU2I93cYIXR7meijpm80UyEG2GIwfkUsetsfzoAc84ZzGQcUlkjEmhjjsEDM3Jw=="}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/images/pixel_hu056d3b950fd68420b71ffba971f06775_35_960x1027_resize_box.png b/exampleSite/resources/_gen/images/pixel_hu056d3b950fd68420b71ffba971f06775_35_960x1027_resize_box.png Binary files differdeleted file mode 100644 index 1def4ce..0000000 --- a/exampleSite/resources/_gen/images/pixel_hu056d3b950fd68420b71ffba971f06775_35_960x1027_resize_box.png +++ /dev/null diff --git a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_1280x0_resize_box_2.png b/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_1280x0_resize_box_2.png Binary files differdeleted file mode 100644 index 1456dff..0000000 --- a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_1280x0_resize_box_2.png +++ /dev/null diff --git a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_640x0_resize_q90_box_2.png b/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_640x0_resize_q90_box_2.png Binary files differdeleted file mode 100644 index 7aa5ca7..0000000 --- a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_640x0_resize_q90_box_2.png +++ /dev/null diff --git a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_960x0_resize_box_2.png b/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_960x0_resize_box_2.png Binary files differdeleted file mode 100644 index 07799ec..0000000 --- a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_960x0_resize_box_2.png +++ /dev/null diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 7c73289..3bad352 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -29,7 +29,6 @@ </footer> <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" aria-hidden="true"> - <symbol viewBox="0 0 512 512" id="adjust"> <path d="M8 256c0 136.966 111.033 248 248 248s248-111.034 248-248S392.966 8 256 8 8 119.033 8 256zm248 184V72c101.705 0 184 82.311 184 184 0 101.705-82.311 184-184 184z"/> </symbol> diff --git a/layouts/_default/list.html b/layouts/_default/list.html index fcbfef4..b1281cf 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -4,7 +4,7 @@ <!-- Collect pages using the "search" layout --> {{ $searchPages := where .Site.RegularPages "Layout" "eq" "search" }} - + <main class="list"> <!-- Display search form before listing posts --> @@ -50,11 +50,11 @@ {{ end }} {{ define "svg-extra" }} - <symbol viewBox="0 0 256 512" id="angle-right"> - <path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/> - </symbol> + <symbol viewBox="0 0 256 512" id="angle-right"> + <path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/> + </symbol> - <symbol viewBox="0 0 448 512" id="angle-double-right"> - <path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"/> - </symbol> + <symbol viewBox="0 0 448 512" id="angle-double-right"> + <path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"/> + </symbol> {{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 9f7593b..b0fddf4 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,7 +1,5 @@ {{ define "main" }} - {{ $icons := (.Scratch.Get "svgBundle").RelPermalink }} - <main> <article> <header> @@ -9,18 +7,19 @@ <h1>{{ .Title }}</h1> {{ if or .Params.categories .Params.tags }} - <section class="tags"> + <section class="terms"> <ul> - {{- with .Params.categories -}} - {{- range sort . -}} - <li class="cats"><a class="btn" href="/categories/{{ . | urlize }}">{{ . }}</a></li> - {{- end -}} - {{- end -}} - {{- with .Params.tags -}} - {{- range sort . -}} - <li><a class="btn" href="/tags/{{ . | urlize }}">{{ . }}</a></li> - {{- end -}} - {{ end }} + {{- with .Params.categories -}} + {{- range sort . -}} + <li class="category"><a class="btn" href="/categories/{{ . | urlize }}">{{ . }}</a></li> + {{- end -}} + {{- end -}} + {{- with .Params.tags -}} + {{- range sort . -}} + <li><a class="btn" href="/tags/{{ . | urlize }}">{{ . }}</a></li> + {{- end -}} + {{- end -}} + </ul> </section> {{- end -}} @@ -42,7 +41,7 @@ {{ if .Params.toc }} <details class="toc" open> - <summary>{{ T "table_of_contents" }}</summary> + <summary class="outline-dashed">{{ T "table_of_contents" }}</summary> {{ .Page.TableOfContents }} </details> {{ end }} @@ -64,5 +63,4 @@ <path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/> </symbol> {{ end }} - -{{ end }}
\ No newline at end of file +{{ end }} diff --git a/layouts/partials/categories.html b/layouts/partials/categories.html index 965b291..b64f843 100644 --- a/layouts/partials/categories.html +++ b/layouts/partials/categories.html @@ -1,4 +1,4 @@ -<ul class="labels"> +<ul class="terms"> {{ range .Site.Taxonomies.categories }} <li><a class="btn" href="{{ .Page.RelPermalink }}" aria-label="{{ .Page.Title }} ({{ .Count }})">{{ .Page.Title }}</a></li> {{ end }} diff --git a/layouts/partials/font-preload.html b/layouts/partials/font-preload.html new file mode 100644 index 0000000..e6f00f4 --- /dev/null +++ b/layouts/partials/font-preload.html @@ -0,0 +1,8 @@ +<!-- + TODO + Add a better way to detect custom fonts (ignoring the default ones) +--> + +{{ range (resources.Match "fonts/*") }} + <link rel="preload" href="{{ .RelPermalink }}" as="font" crossorigin="anonymous"> +{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a754014..f5c934a 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -30,7 +30,7 @@ <!-- Footer button and color picker --> <section class="req-js"> - <button title="{{ T "change_mode" }}"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><use xlink:href="#adjust"/></svg></button><input type="color" list="presets" value="{{ if .Site.Params.Style.isDark }}{{ $darkAccent }}{{ else }}{{ $lightAccent }}{{ end }}" title="{{ T "change_accent" }}" aria-label="{{ T "change_accent" }}"><datalist id="presets"><option value="{{ $lightAccent }}"><option value="{{ $darkAccent }}"><!-- Extra colors -->{{- range .Site.Params.style.presets -}}<option value="{{ . }}">{{ end }}</datalist> + <button class="outline-dashed" title="{{ T "change_mode" }}"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><use xlink:href="#adjust"/></svg></button><input class="outline-dashed" type="color" list="presets" value="{{ if .Site.Params.Style.isDark }}{{ $darkAccent }}{{ else }}{{ $lightAccent }}{{ end }}" title="{{ T "change_accent" }}" aria-label="{{ T "change_accent" }}"><datalist id="presets"><option value="{{ $lightAccent }}"><option value="{{ $darkAccent }}"><!-- Extra colors -->{{- range .Site.Params.style.presets -}}<option value="{{ . }}">{{ end }}</datalist> </section> <!-- noscript notice --> diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 3f37c90..fe7f30c 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -357,11 +357,7 @@ <!-- Preload fonts --> -{{ with (readDir "/static/fonts") }} - {{ range . }} - <link rel="preload" href="{{ printf "/fonts/%s" .Name | relURL }}" as="font" crossorigin="anonymous"> - {{ end }} -{{ end }} +{{ partialCached "font-preload" . }} <!-- Should be loaded even if browser has native lazy load support --> {{ $lazysizes := resources.Get "libs/lazysizes@5.2.2/lazysizes.min.js" | resources.ExecuteAsTemplate "js/lazysizes.min.js" . | minify | resources.Fingerprint "sha512" }} diff --git a/layouts/partials/katex.html b/layouts/partials/katex.html index 4810701..05a1ff0 100644 --- a/layouts/partials/katex.html +++ b/layouts/partials/katex.html @@ -2,8 +2,8 @@ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha512-h7nl+xz8wgDlNM4NqKEM4F1NkIRS17M9+uJwIGwuo8vGqIl4BhuCKdxjWEINm+xyrUjNCnK5dCrhM0sj+wTIXw==" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha512-/CMIhXiDA3m2c9kzRyd97MTb3MC6OVnx4TElQ7fkkoRghwDf6gi41gaT1PwF270W6+J60uTmwgeRpNpJdRV6sg==" crossorigin="anonymous"></script>
-<!-- mchem extension -->
-{{ if or (in .Params.katexExtensions "mchem") (in .Site.Params.katexExtensions "mchem") }}
+<!-- mhchem extension -->
+{{ if or (in .Params.katexExtensions "mhchem") (in .Site.Params.katexExtensions "mhchem") }}
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/mhchem.min.js" integrity="sha512-ndr34OWlb/uvrgXcrqKXv4YUB42kRFQi9cJ+s+alNEvNBKYyIlO970xmSWYV3vNKsrT1rwW/leiBEaZxcCwjwA==" crossorigin="anonymous"></script>
{{ end }}
diff --git a/layouts/partials/search-form.html b/layouts/partials/search-form.html index 84d67e6..e109286 100644 --- a/layouts/partials/search-form.html +++ b/layouts/partials/search-form.html @@ -13,7 +13,7 @@ {{ else }} <form role="search" action="{{ $searchPage.RelPermalink }}"> {{ end }} - <label class="label-form" for="search-input">{{ T "search_label" }}</label><input class="input-text" type="search" id="search-input" title='{{ T "search_input_title" (dict "minLength" $minLength "maxLength" $maxLength) }}' name="q" {{ with .Site.Params.Search.placeholder }}placeholder="{{ . }}"{{ end }} minlength="{{ $minLength }}" maxlength="{{ $maxLength }}" pattern="^[\S].*" required><button aria-label="{{ T "search_button_aria_label" }}" class="btn" type="submit"><svg aria-hidden="true"><use xlink:href="#search"/></svg></button> + <label class="label-form" for="search-input">{{ T "search_label" }}</label><input class="input-text" type="search" id="search-input" title='{{ T "search_input_title" (dict "minLength" $minLength "maxLength" $maxLength) }}' name="q" {{ with .Site.Params.Search.placeholder }}placeholder="{{ . }}"{{ end }} minlength="{{ $minLength }}" maxlength="{{ $maxLength }}" pattern="^[\S].*" required><button aria-label="{{ T "search_button_aria_label" }}" class="btn outline-dashed" type="submit"><svg aria-hidden="true"><use xlink:href="#search"/></svg></button> </form> <hr> </section> diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html index c750c3a..600b1fb 100644 --- a/layouts/partials/tags.html +++ b/layouts/partials/tags.html @@ -1,4 +1,4 @@ -<ul class="tags"> +<ul class="terms"> {{ range .Site.Taxonomies.tags }} <li><a class="btn" href="{{ .Page.RelPermalink }}" aria-label="{{ .Page.Title }} ({{ .Count }})">{{ .Page.Title }} <span>{{ .Count }}</span></a></li> {{ end }} diff --git a/layouts/shortcodes/contact-form.html b/layouts/shortcodes/contact-form.html index 43f165e..5fcb922 100644 --- a/layouts/shortcodes/contact-form.html +++ b/layouts/shortcodes/contact-form.html @@ -41,7 +41,6 @@ <input type="text" name="_gotcha" style="display:none"> - <input type="submit" value="{{ T "submit" }}"> + <input class="outline-dashed" type="submit" value="{{ T "submit" }}"> </form> -
\ No newline at end of file diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..32e8a2c --- /dev/null +++ b/netlify.toml @@ -0,0 +1,10 @@ +[build] + command = "hugo --gc --minify --themesDir ../../" + base = "exampleSite" + publish = "exampleSite/public" + +[build.environment] + HUGO_BASEURL = "https://color-your-world-demo.netlify.app" + HUGO_THEME = "repo" + HUGO_VERSION = "0.71.0" + HUGO_ENABLEGITINFO = "true" diff --git a/static/fonts/open-sans-v17-latin-700.woff b/static/fonts/open-sans-v17-latin-700.woff Binary files differdeleted file mode 100644 index b8b46d0..0000000 --- a/static/fonts/open-sans-v17-latin-700.woff +++ /dev/null diff --git a/static/fonts/open-sans-v17-latin-700.woff2 b/static/fonts/open-sans-v17-latin-700.woff2 Binary files differdeleted file mode 100644 index 3a38286..0000000 --- a/static/fonts/open-sans-v17-latin-700.woff2 +++ /dev/null diff --git a/static/fonts/open-sans-v17-latin-italic.woff b/static/fonts/open-sans-v17-latin-italic.woff Binary files differdeleted file mode 100644 index 2bfa582..0000000 --- a/static/fonts/open-sans-v17-latin-italic.woff +++ /dev/null diff --git a/static/fonts/open-sans-v17-latin-italic.woff2 b/static/fonts/open-sans-v17-latin-italic.woff2 Binary files differdeleted file mode 100644 index 10031c0..0000000 --- a/static/fonts/open-sans-v17-latin-italic.woff2 +++ /dev/null diff --git a/static/fonts/open-sans-v17-latin-regular.woff b/static/fonts/open-sans-v17-latin-regular.woff Binary files differdeleted file mode 100644 index 39e88ed..0000000 --- a/static/fonts/open-sans-v17-latin-regular.woff +++ /dev/null diff --git a/static/fonts/open-sans-v17-latin-regular.woff2 b/static/fonts/open-sans-v17-latin-regular.woff2 Binary files differdeleted file mode 100644 index e9f58b7..0000000 --- a/static/fonts/open-sans-v17-latin-regular.woff2 +++ /dev/null diff --git a/static/fonts/oswald-v29-latin-700.woff b/static/fonts/oswald-v29-latin-700.woff Binary files differdeleted file mode 100644 index a2bd9a2..0000000 --- a/static/fonts/oswald-v29-latin-700.woff +++ /dev/null diff --git a/static/fonts/oswald-v29-latin-700.woff2 b/static/fonts/oswald-v29-latin-700.woff2 Binary files differdeleted file mode 100644 index 9760113..0000000 --- a/static/fonts/oswald-v29-latin-700.woff2 +++ /dev/null |
