Minor improvement to a11y, caching and minor changes

13 files changed, 68 insertions, 64 deletions

diff --git a/assets/js/postpone.js b/assets/js/postpone.js
index 71f591e..cc82713 100644
--- a/assets/js/postpone.js
+++ b/assets/js/postpone.js
@@ -119,17 +119,20 @@ PALETTE.onchange = function () {
       const content = value.item.content;
       
       // Date as it should be rendered if not null
-      const formatedDate = '<time datetime=' + value.item.date + '>' + value.item.date + '</time>';
+      const spanDate = '<time datetime=' + value.item.date + '>' + value.item.date + '</time>';
+      const titleDate = ' (' + value.item.date + ')';
 
       // Pull template from hugo template definition
       const templateDefinition = document.getElementById('search-result-template').innerHTML;
 
       // Replace values
       const output = render(templateDefinition, {
-        link  : value.item.permalink,
-        date  : value.item.date ? formatedDate : '',
-        title : value.item.title
+        link      : value.item.permalink,
+        spanDate  : value.item.date ? spanDate : '',
+        title     : value.item.title,
+        titleDate : value.item.date ? titleDate : ''
       });
+      
       document.getElementById('search-results').appendChild(htmlToElement(output))
     })
   };
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 17712b5..c9ce8bd 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -603,6 +603,9 @@ article > pre,
   &:focus {

     outline-color: var(--accent);

   }

+  

+  // TEST

+  @extend %webkit-scrollbar;

 }

 

 

@@ -628,9 +631,11 @@ article > pre,
       border-top: 1px solid var(--fg);

     }

 

+    /*

     tr:not(:first-child):last-of-type {

       border-bottom: 1px solid var(--fg);

     }

+    */

 

     td,

     th {

@@ -1506,12 +1511,10 @@ html {
 {{ end }}

 

 

+

 // TEST

 // Non-standard

-pre,

-.chroma,

-.highlight,

-.scroll {

+%webkit-scrollbar {

   &::-webkit-scrollbar {

     @include squared(12px);

   }

diff --git a/exampleSite/content/posts/lorem-ipsum/index.md b/exampleSite/content/posts/lorem-ipsum/index.md
index 50d8e5c..368da89 100644
--- a/exampleSite/content/posts/lorem-ipsum/index.md
+++ b/exampleSite/content/posts/lorem-ipsum/index.md
@@ -19,7 +19,7 @@ Donec quis blandit urna. Mauris eros augue, aliquet ut consequat sed, egestas at
 
 {{< figure "sgr-s23xDAYQBCo.jpg" "Coral in **Nagoya Aquarium**, Japan by [SGR](https://unsplash.com/@sgr)." "border" >}}
 
-Etiam enim purus, **maximus** quis augue at, rutrum consectetur nisi. Phasellus ornare *justo vitae* enim semper sodales. Aliquam dapibus dapibus lobortis. Donec [commodo hendrerit](#) dolor id ornare.
+Etiam enim purus, **maximus** quis augue at, rutrum consectetur nisi. Phasellus ornare *justo vitae* enim semper sodales. Aliquam dapibus dapibus lobortis. Donec [commodo hendrerit](#), dolor id ornare.
 
 ## Inceptos himenaeos
 
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 5c8b24e..34e0a8e 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-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}#contact input[type=submit],.label-form,.toc summary,body>header>a,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;overflow-wrap:break-word}body>header>a{transition:color .3s ease,opacity .2s ease-in-out,outline-color .3s ease;font-size:2.25rem;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;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],input[type=submit],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-size:.9rem;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]{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}pre::-webkit-scrollbar,.chroma::-webkit-scrollbar,.highlight::-webkit-scrollbar,.scroll::-webkit-scrollbar{width:12px;height:12px}pre::-webkit-scrollbar-track,.chroma::-webkit-scrollbar-track,.highlight::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track{background:var(--input-bg)}pre::-webkit-scrollbar-track:horizontal,.chroma::-webkit-scrollbar-track:horizontal,.highlight::-webkit-scrollbar-track:horizontal,.scroll::-webkit-scrollbar-track:horizontal{border-top:1px solid var(--input-bd)}pre::-webkit-scrollbar-track:vertical,.chroma::-webkit-scrollbar-track:vertical,.highlight::-webkit-scrollbar-track:vertical,.scroll::-webkit-scrollbar-track:vertical{border-left:1px solid var(--input-bd)}pre::-webkit-scrollbar-thumb,.chroma::-webkit-scrollbar-thumb,.highlight::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{background:var(--accent);border:1px solid rgba(0,0,0,.3)}pre::-webkit-scrollbar-corner,.chroma::-webkit-scrollbar-corner,.highlight::-webkit-scrollbar-corner,.scroll::-webkit-scrollbar-corner{background:var(--input-bg);border-color:var(--input-bd);border-style:solid;border-width:1px 0 0 1px}
\ 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}#contact input[type=submit],.label-form,.toc summary,body>header>a,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;overflow-wrap:break-word}body>header>a{transition:color .3s ease,opacity .2s ease-in-out,outline-color .3s ease;font-size:2.25rem;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 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;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],input[type=submit],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-size:.9rem;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]{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}article>pre::-webkit-scrollbar,.scroll::-webkit-scrollbar,.katex-display::-webkit-scrollbar,.highlight>pre::-webkit-scrollbar,.highlight>div::-webkit-scrollbar{width:12px;height:12px}article>pre::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track,.katex-display::-webkit-scrollbar-track,.highlight>pre::-webkit-scrollbar-track,.highlight>div::-webkit-scrollbar-track{background:var(--input-bg)}article>pre::-webkit-scrollbar-track:horizontal,.scroll::-webkit-scrollbar-track:horizontal,.katex-display::-webkit-scrollbar-track:horizontal,.highlight>pre::-webkit-scrollbar-track:horizontal,.highlight>div::-webkit-scrollbar-track:horizontal{border-top:1px solid var(--input-bd)}article>pre::-webkit-scrollbar-track:vertical,.scroll::-webkit-scrollbar-track:vertical,.katex-display::-webkit-scrollbar-track:vertical,.highlight>pre::-webkit-scrollbar-track:vertical,.highlight>div::-webkit-scrollbar-track:vertical{border-left:1px solid var(--input-bd)}article>pre::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb,.katex-display::-webkit-scrollbar-thumb,.highlight>pre::-webkit-scrollbar-thumb,.highlight>div::-webkit-scrollbar-thumb{background:var(--accent);border:1px solid rgba(0,0,0,.3)}article>pre::-webkit-scrollbar-corner,.scroll::-webkit-scrollbar-corner,.katex-display::-webkit-scrollbar-corner,.highlight>pre::-webkit-scrollbar-corner,.highlight>div::-webkit-scrollbar-corner{background:var(--input-bg);border-color:var(--input-bd);border-style:solid;border-width:1px 0 0 1px}
\ 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 673ab5a..78d6bb8 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.38142429fa8cd53e92cc427b8fa739b289dde07b42e71bb5bf9f40192452c7dd38381d88ffb7eadbcd5407588e6122686eb62380aab7c9552ee9e24bcafa6097.css","MediaType":"text/css","Data":{"Integrity":"sha512-OBQkKfqM1T6SzEJ7j6c5sond4HtC5xu1v59AGSRSx904OB2I/7fq281UB1iOYSJobrYjgKq3yVUu6eJLyvpglw=="}}
\ No newline at end of file
+{"Target":"css/main.min.d49b1965ba29f514472451df7952f1907fb75aa67a88eea285c92172dacad786abe7f3ffc416e474d606492bc85d3fe819e5213115a40e008f1d0399ee645406.css","MediaType":"text/css","Data":{"Integrity":"sha512-1JsZZbop9RRHJFHfeVLxkH+3WqZ6iO6ihckhctrK14ar5/P/xBbkdNYGSSvIXT/oGeUhMRWkDgCPHQOZ7mRUBg=="}}
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index f0f1679..08d1f35 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -15,7 +15,7 @@
   <body>
 
     <header>
-      {{ partial "header" . }}
+      {{ partialCached "header" . }}
     </header>
 
     <div class="filler">
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index d0aab9c..07d2c6a 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -9,7 +9,7 @@
 
     <!-- Display search form before listing posts -->
     {{ if and .Site.Params.Search.enable (gt (len $searchPages) 0) (eq .Kind "section") }}
-      {{ partial "search-form" . }}
+      {{ partialCached "search-form" . }}
     {{ end }}
     
     <h1>{{ $currentTitle }}</h1>
@@ -22,25 +22,13 @@
       {{ end }}
     {{ else }}
 
-      {{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
-
-      <ul class="posts">
-        {{ range $paginator.Pages }}
-          <li>
-            <a class="btn" href="{{ .RelPermalink }}">
-              <p>{{ .LinkTitle | emojify }}</p>
-              {{ if not .Date.IsZero }}<time datetime="{{ .Date | dateFormat "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</time>{{ end }}
-            </a>
-          </li>
-        {{ end }}
-      </ul>
-      
+      {{ partial "post-list" . }}
       {{ partial "pagination" . }}
 
       {{ partialCached "tag-list" . }}
 
     {{ end }}
-    
+
   </main>
   
 {{ end }}
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index d9f0aed..39a10d9 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -14,7 +14,7 @@
       <!-- x-js-template -->
     </ul>
     
-    <script id=search-result-template type=text/x-js-template><li><a class=btn href='${link}'><p>${title}</p>${date}</a></li></script>
+    <script id=search-result-template type=text/x-js-template><li><a class=btn href='${link}' title='${title}${titleDate}'><p>${title}</p>${spanDate}</a></li></script>
   
   </main>
 
diff --git a/layouts/index.html b/layouts/index.html
index a85e73e..c4c3a6c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -3,6 +3,7 @@
   {{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
 
   <main class="index">
+
     {{ if .Content }}
       <article>
         <h1>{{ .Title | emojify }}</h1>
@@ -13,21 +14,11 @@
     
       <h1>{{ T "posts" }}</h1>
       
-      <ul class="posts">
-       {{ range $paginator.Pages }}
-          <li>
-            <a class="btn" href="{{ .Permalink }}">
-              <p>{{ .LinkTitle | emojify }}</p>
-              {{ if not .Date.IsZero }}<time datetime="{{ .Date | dateFormat "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</time>{{ end }}
-            </a>
-          </li>
-        {{ end }}
-      </ul>
-      
+      {{ partial "post-list" . }}
       {{ partial "pagination" . }}
       
     {{ end }}
-    
+
   </main>
 
 {{ end }}
diff --git a/layouts/partials/footer-opt.html b/layouts/partials/footer-opt.html
new file mode 100644
index 0000000..654e7ea
--- /dev/null
+++ b/layouts/partials/footer-opt.html
@@ -0,0 +1,15 @@
+<!-- Get default accent colors -->
+{{ $darkAccent   := .Site.Params.Style.darkAccent   | default .Site.Data.default.style.darkAccent }}
+{{ $lightAccent  := .Site.Params.Style.lightAccent  | default .Site.Data.default.style.lightAccent }}
+
+
+<section class="req-js">
+  <button class="outline-dashed" title="{{ T "changeMode" }}"><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 "changeAccent" }}" aria-label="{{ T "changeAccent" }}"><datalist id="presets"><option value="{{ $lightAccent }}"><option value="{{ $darkAccent }}">{{- range .Site.Params.style.presets -}}<option value="{{ . }}">{{ end }}</datalist>
+</section>
+
+<!-- noscript notice -->
+{{ if .Site.Params.hasNoscriptNotice }}
+  <noscript>
+    <p class="noscript">{{ T "noscript" }}</p>
+  </noscript>
+{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 84c2bc3..9ea8cee 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,7 +1,3 @@
-<!-- Get default accent colors -->
-{{ $darkAccent   := .Site.Params.Style.darkAccent   | default .Site.Data.default.style.darkAccent }}
-{{ $lightAccent  := .Site.Params.Style.lightAccent  | default .Site.Data.default.style.lightAccent }}
-
 <!-- Custom or default copyright -->
 {{ if or (templates.Exists "partials/custom/copyright") (templates.Exists "partials/custom/copyright.html") }}
   {{ partial "custom/copyright" . }}
@@ -16,26 +12,16 @@
 
 {{ if gt (len .Translations) 0 }}
 
-  {{ $processedKeys := slice }}
+  {{ $processedLangs := slice }}
 
   {{ range .Translations }}
-    {{ $currentKey := printf "<a rel=\"alternate\" hreflang=\"%s\" href=\"%s\">%s</a>" .Language.Lang .RelPermalink .Language.LanguageName }}
-    {{ $processedKeys = $processedKeys | append $currentKey }}
+    {{ $currentLang := printf "<a rel=\"alternate\" hreflang=\"%s\" href=\"%s\">%s</a>" .Language.Lang .RelPermalink .Language.LanguageName }}
+    {{ $processedLangs = $processedLangs | append $currentLang }}
   {{ end }}
 
-  <p>{{ T "alsoAvailable" }}: {{ delimit $processedKeys ", " (T "and") }}.</p>
+  <p>{{ T "alsoAvailable" }}: {{ delimit $processedLangs ", " (T "and") }}.</p>
 
 {{ end }}
 
-
 <!-- Footer button and color picker -->
-<section class="req-js">
-  <button class="outline-dashed" title="{{ T "changeMode" }}"><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 "changeAccent" }}" aria-label="{{ T "changeAccent" }}"><datalist id="presets"><option value="{{ $lightAccent }}"><option value="{{ $darkAccent }}"><!-- Extra colors -->{{- range .Site.Params.style.presets -}}<option value="{{ . }}">{{ end }}</datalist>
-</section>
-
-<!-- noscript notice -->
-{{ if .Site.Params.hasNoscriptNotice }}
-  <noscript>
-    <p class="noscript">{{ T "noscript" }}</p>
-  </noscript>
-{{ end }}
+{{ partialCached "footer-opt" . }}
diff --git a/layouts/partials/post-list.html b/layouts/partials/post-list.html
new file mode 100644
index 0000000..732bc9c
--- /dev/null
+++ b/layouts/partials/post-list.html
@@ -0,0 +1,22 @@
+{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}

+

+<ul class="posts">

+  {{ range $paginator.Pages }}

+  

+    {{ $pageDate := "" }}

+    

+    {{ if not .Date.IsZero }}

+      {{ $pageDate = .Date.Format "2006-01-02" }}

+    {{ end }}

+

+    <li>

+      <a class="btn" href="{{ .RelPermalink }}" title="{{ .LinkTitle }}{{ with $pageDate }}{{ printf " (%s)" . }}{{ end }}">

+        <p>{{ .LinkTitle | emojify }}</p>

+

+        {{ with $pageDate }}

+          <time datetime="{{ . }}">{{ . }}</time>

+        {{ end }}

+      </a>

+    </li>

+  {{ end }}

+</ul>

diff --git a/layouts/partials/tag-list.html b/layouts/partials/tag-list.html
index f46fb09..4f56257 100644
--- a/layouts/partials/tag-list.html
+++ b/layouts/partials/tag-list.html
@@ -2,9 +2,5 @@
   <hr>

   <h2>{{ T "tags" }}</h2>

   

-  <ul class="terms">

-    {{ range .Site.Taxonomies.tags }}

-      <li><a class="btn" href="{{ .Page.RelPermalink }}" title="{{ .Page.LinkTitle }} ({{ .Count }})">{{ .Page.LinkTitle }}<span>{{ .Count }}</span></a></li>

-    {{ end }}

-  </ul>

+  {{ partialCached "tags" . }}

 {{ end }}