From 08f4e1c933bf1a136f104111cbc2f3fffdc204b2 Mon Sep 17 00:00:00 2001 From: rmaguiar Date: Thu, 23 Jul 2020 16:42:54 -0300 Subject: 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 --- README.md | 20 ++- assets/fonts/open-sans-v17-latin-700.woff | Bin 0 -> 18900 bytes assets/fonts/open-sans-v17-latin-700.woff2 | Bin 0 -> 15056 bytes assets/fonts/open-sans-v17-latin-italic.woff | Bin 0 -> 17440 bytes assets/fonts/open-sans-v17-latin-italic.woff2 | Bin 0 -> 13780 bytes assets/fonts/open-sans-v17-latin-regular.woff | Bin 0 -> 18100 bytes assets/fonts/open-sans-v17-latin-regular.woff2 | Bin 0 -> 14380 bytes assets/fonts/oswald-v29-latin-700.woff | Bin 0 -> 20072 bytes assets/fonts/oswald-v29-latin-700.woff2 | Bin 0 -> 16328 bytes assets/scss/main.scss | 189 +++++++++------------ exampleSite/config.toml | 2 +- exampleSite/content/posts/more-katex.md | 10 +- ...m.scss_1b2bf5373d097200b186ddaf7c11814c.content | 1 - ...form.scss_1b2bf5373d097200b186ddaf7c11814c.json | 1 - ...l.scss_1b2bf5373d097200b186ddaf7c11814c.content | 1 - ...cial.scss_1b2bf5373d097200b186ddaf7c11814c.json | 1 - ...n.scss_694b6a5caed62875bf9278dff98b7f5e.content | 2 +- ...main.scss_694b6a5caed62875bf9278dff98b7f5e.json | 2 +- ...8420b71ffba971f06775_35_960x1027_resize_box.png | Bin 222 -> 0 bytes ...7b1a2258aa9b8103_103752_1280x0_resize_box_2.png | Bin 135176 -> 0 bytes ...a2258aa9b8103_103752_640x0_resize_q90_box_2.png | Bin 113840 -> 0 bytes ...77b1a2258aa9b8103_103752_960x0_resize_box_2.png | Bin 125425 -> 0 bytes .../static/fonts/open-sans-v17-latin-700.woff | Bin 18900 -> 0 bytes .../static/fonts/open-sans-v17-latin-700.woff2 | Bin 15056 -> 0 bytes .../static/fonts/open-sans-v17-latin-italic.woff | Bin 17440 -> 0 bytes .../static/fonts/open-sans-v17-latin-italic.woff2 | Bin 13780 -> 0 bytes .../static/fonts/open-sans-v17-latin-regular.woff | Bin 18100 -> 0 bytes .../static/fonts/open-sans-v17-latin-regular.woff2 | Bin 14380 -> 0 bytes exampleSite/static/fonts/oswald-v29-latin-700.woff | Bin 20072 -> 0 bytes .../static/fonts/oswald-v29-latin-700.woff2 | Bin 16328 -> 0 bytes layouts/_default/baseof.html | 1 - layouts/_default/list.html | 14 +- layouts/_default/single.html | 30 ++-- layouts/partials/categories.html | 2 +- layouts/partials/font-preload.html | 8 + layouts/partials/footer.html | 2 +- layouts/partials/head.html | 6 +- layouts/partials/katex.html | 4 +- layouts/partials/search-form.html | 2 +- layouts/partials/tags.html | 2 +- layouts/shortcodes/contact-form.html | 3 +- netlify.toml | 10 ++ static/fonts/open-sans-v17-latin-700.woff | Bin 18900 -> 0 bytes static/fonts/open-sans-v17-latin-700.woff2 | Bin 15056 -> 0 bytes static/fonts/open-sans-v17-latin-italic.woff | Bin 17440 -> 0 bytes static/fonts/open-sans-v17-latin-italic.woff2 | Bin 13780 -> 0 bytes static/fonts/open-sans-v17-latin-regular.woff | Bin 18100 -> 0 bytes static/fonts/open-sans-v17-latin-regular.woff2 | Bin 14380 -> 0 bytes static/fonts/oswald-v29-latin-700.woff | Bin 20072 -> 0 bytes static/fonts/oswald-v29-latin-700.woff2 | Bin 16328 -> 0 bytes 50 files changed, 149 insertions(+), 164 deletions(-) create mode 100644 assets/fonts/open-sans-v17-latin-700.woff create mode 100644 assets/fonts/open-sans-v17-latin-700.woff2 create mode 100644 assets/fonts/open-sans-v17-latin-italic.woff create mode 100644 assets/fonts/open-sans-v17-latin-italic.woff2 create mode 100644 assets/fonts/open-sans-v17-latin-regular.woff create mode 100644 assets/fonts/open-sans-v17-latin-regular.woff2 create mode 100644 assets/fonts/oswald-v29-latin-700.woff create mode 100644 assets/fonts/oswald-v29-latin-700.woff2 delete mode 100644 exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.content delete mode 100644 exampleSite/resources/_gen/assets/scss/scss/exclusive/contact-form.scss_1b2bf5373d097200b186ddaf7c11814c.json delete mode 100644 exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.content delete mode 100644 exampleSite/resources/_gen/assets/scss/scss/exclusive/social.scss_1b2bf5373d097200b186ddaf7c11814c.json delete mode 100644 exampleSite/resources/_gen/images/pixel_hu056d3b950fd68420b71ffba971f06775_35_960x1027_resize_box.png delete mode 100644 exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_1280x0_resize_box_2.png delete mode 100644 exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_640x0_resize_q90_box_2.png delete mode 100644 exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_960x0_resize_box_2.png delete mode 100644 exampleSite/static/fonts/open-sans-v17-latin-700.woff delete mode 100644 exampleSite/static/fonts/open-sans-v17-latin-700.woff2 delete mode 100644 exampleSite/static/fonts/open-sans-v17-latin-italic.woff delete mode 100644 exampleSite/static/fonts/open-sans-v17-latin-italic.woff2 delete mode 100644 exampleSite/static/fonts/open-sans-v17-latin-regular.woff delete mode 100644 exampleSite/static/fonts/open-sans-v17-latin-regular.woff2 delete mode 100644 exampleSite/static/fonts/oswald-v29-latin-700.woff delete mode 100644 exampleSite/static/fonts/oswald-v29-latin-700.woff2 create mode 100644 layouts/partials/font-preload.html create mode 100644 netlify.toml delete mode 100644 static/fonts/open-sans-v17-latin-700.woff delete mode 100644 static/fonts/open-sans-v17-latin-700.woff2 delete mode 100644 static/fonts/open-sans-v17-latin-italic.woff delete mode 100644 static/fonts/open-sans-v17-latin-italic.woff2 delete mode 100644 static/fonts/open-sans-v17-latin-regular.woff delete mode 100644 static/fonts/open-sans-v17-latin-regular.woff2 delete mode 100644 static/fonts/oswald-v29-latin-700.woff delete mode 100644 static/fonts/oswald-v29-latin-700.woff2 diff --git a/README.md b/README.md index e7db8a9..7f92146 100644 --- a/README.md +++ b/README.md @@ -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: ![HTML color picker with 12 presets.](https://gitlab.com/rmaguiar/hugo-theme-color-your-world/-/raw/master/images/color-picker.png) @@ -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: + +Buy Me A Coffee diff --git a/assets/fonts/open-sans-v17-latin-700.woff b/assets/fonts/open-sans-v17-latin-700.woff new file mode 100644 index 0000000..b8b46d0 Binary files /dev/null and b/assets/fonts/open-sans-v17-latin-700.woff differ diff --git a/assets/fonts/open-sans-v17-latin-700.woff2 b/assets/fonts/open-sans-v17-latin-700.woff2 new file mode 100644 index 0000000..3a38286 Binary files /dev/null and b/assets/fonts/open-sans-v17-latin-700.woff2 differ diff --git a/assets/fonts/open-sans-v17-latin-italic.woff b/assets/fonts/open-sans-v17-latin-italic.woff new file mode 100644 index 0000000..2bfa582 Binary files /dev/null and b/assets/fonts/open-sans-v17-latin-italic.woff differ diff --git a/assets/fonts/open-sans-v17-latin-italic.woff2 b/assets/fonts/open-sans-v17-latin-italic.woff2 new file mode 100644 index 0000000..10031c0 Binary files /dev/null and b/assets/fonts/open-sans-v17-latin-italic.woff2 differ diff --git a/assets/fonts/open-sans-v17-latin-regular.woff b/assets/fonts/open-sans-v17-latin-regular.woff new file mode 100644 index 0000000..39e88ed Binary files /dev/null and b/assets/fonts/open-sans-v17-latin-regular.woff differ diff --git a/assets/fonts/open-sans-v17-latin-regular.woff2 b/assets/fonts/open-sans-v17-latin-regular.woff2 new file mode 100644 index 0000000..e9f58b7 Binary files /dev/null and b/assets/fonts/open-sans-v17-latin-regular.woff2 differ diff --git a/assets/fonts/oswald-v29-latin-700.woff b/assets/fonts/oswald-v29-latin-700.woff new file mode 100644 index 0000000..a2bd9a2 Binary files /dev/null and b/assets/fonts/oswald-v29-latin-700.woff differ diff --git a/assets/fonts/oswald-v29-latin-700.woff2 b/assets/fonts/oswald-v29-latin-700.woff2 new file mode 100644 index 0000000..9760113 Binary files /dev/null and b/assets/fonts/oswald-v29-latin-700.woff2 differ 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 deleted file mode 100644 index 1def4ce..0000000 Binary files a/exampleSite/resources/_gen/images/pixel_hu056d3b950fd68420b71ffba971f06775_35_960x1027_resize_box.png and /dev/null differ 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 deleted file mode 100644 index 1456dff..0000000 Binary files a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_1280x0_resize_box_2.png and /dev/null differ 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 deleted file mode 100644 index 7aa5ca7..0000000 Binary files a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_640x0_resize_q90_box_2.png and /dev/null differ 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 deleted file mode 100644 index 07799ec..0000000 Binary files a/exampleSite/resources/_gen/images/posts/lorem-ipsum/img/golden-lion-tamarin-drawing_hu171843260861e7577b1a2258aa9b8103_103752_960x0_resize_box_2.png and /dev/null differ diff --git a/exampleSite/static/fonts/open-sans-v17-latin-700.woff b/exampleSite/static/fonts/open-sans-v17-latin-700.woff deleted file mode 100644 index b8b46d0..0000000 Binary files a/exampleSite/static/fonts/open-sans-v17-latin-700.woff and /dev/null differ diff --git a/exampleSite/static/fonts/open-sans-v17-latin-700.woff2 b/exampleSite/static/fonts/open-sans-v17-latin-700.woff2 deleted file mode 100644 index 3a38286..0000000 Binary files a/exampleSite/static/fonts/open-sans-v17-latin-700.woff2 and /dev/null differ diff --git a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff b/exampleSite/static/fonts/open-sans-v17-latin-italic.woff deleted file mode 100644 index 2bfa582..0000000 Binary files a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff and /dev/null differ diff --git a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff2 b/exampleSite/static/fonts/open-sans-v17-latin-italic.woff2 deleted file mode 100644 index 10031c0..0000000 Binary files a/exampleSite/static/fonts/open-sans-v17-latin-italic.woff2 and /dev/null differ diff --git a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff b/exampleSite/static/fonts/open-sans-v17-latin-regular.woff deleted file mode 100644 index 39e88ed..0000000 Binary files a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff and /dev/null differ diff --git a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff2 b/exampleSite/static/fonts/open-sans-v17-latin-regular.woff2 deleted file mode 100644 index e9f58b7..0000000 Binary files a/exampleSite/static/fonts/open-sans-v17-latin-regular.woff2 and /dev/null differ diff --git a/exampleSite/static/fonts/oswald-v29-latin-700.woff b/exampleSite/static/fonts/oswald-v29-latin-700.woff deleted file mode 100644 index a2bd9a2..0000000 Binary files a/exampleSite/static/fonts/oswald-v29-latin-700.woff and /dev/null differ diff --git a/exampleSite/static/fonts/oswald-v29-latin-700.woff2 b/exampleSite/static/fonts/oswald-v29-latin-700.woff2 deleted file mode 100644 index 9760113..0000000 Binary files a/exampleSite/static/fonts/oswald-v29-latin-700.woff2 and /dev/null differ 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 @@

{{ .Title }}

{{ if or .Params.categories .Params.tags }} -
+
    - {{- with .Params.categories -}} - {{- range sort . -}} -
  • {{ . }}
    • - {{- end -}} - {{- end -}} - {{- with .Params.tags -}} - {{- range sort . -}} -
  • {{ . }}
    • - {{- end -}} - {{ end }} + {{- with .Params.categories -}} + {{- range sort . -}} +
  • {{ . }}
    • + {{- end -}} + {{- end -}} + {{- with .Params.tags -}} + {{- range sort . -}} +
  • {{ . }}
    • + {{- end -}} + {{- end -}} +
{{- end -}} @@ -42,7 +41,7 @@ {{ if .Params.toc }}
- {{ T "table_of_contents" }} + {{ T "table_of_contents" }} {{ .Page.TableOfContents }}
{{ end }} @@ -64,5 +63,4 @@ {{ 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 @@ -
    +
      {{ range .Site.Taxonomies.categories }}
    • {{ .Page.Title }}
      • {{ 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 @@ + + +{{ range (resources.Match "fonts/*") }} + +{{ 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 @@
      - +
      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 @@ -{{ with (readDir "/static/fonts") }} - {{ range . }} - - {{ end }} -{{ end }} +{{ partialCached "font-preload" . }} {{ $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 @@ - -{{ if or (in .Params.katexExtensions "mchem") (in .Site.Params.katexExtensions "mchem") }} + +{{ if or (in .Params.katexExtensions "mhchem") (in .Site.Params.katexExtensions "mhchem") }} {{ 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 }}
      {{ end }} - +
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 @@ -