drone build Fri Sep 11 11:57:10 PDT 2026
This commit is contained in:
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-book">tag: book</h1>
|
||||
@@ -1379,6 +1489,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/book/2/` was built on 2026-09-10T21:23:13.808Z -->
|
||||
<!-- This page `/tags/book/2/` was built on 2026-09-11T18:57:01.768Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-book">tag: book</h1>
|
||||
@@ -1525,6 +1635,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/book/` was built on 2026-09-10T21:23:13.573Z -->
|
||||
<!-- This page `/tags/book/` was built on 2026-09-11T18:57:01.467Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-card">tag: card</h1>
|
||||
@@ -1573,6 +1683,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/card/2/` was built on 2026-09-10T21:23:12.640Z -->
|
||||
<!-- This page `/tags/card/2/` was built on 2026-09-11T18:57:00.515Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-card">tag: card</h1>
|
||||
@@ -1403,6 +1513,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/card/3/` was built on 2026-09-10T21:23:13.028Z -->
|
||||
<!-- This page `/tags/card/3/` was built on 2026-09-11T18:57:00.873Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-card">tag: card</h1>
|
||||
@@ -1577,6 +1687,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/card/` was built on 2026-09-10T21:23:12.328Z -->
|
||||
<!-- This page `/tags/card/` was built on 2026-09-11T18:57:00.150Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-gender">tag: gender</h1>
|
||||
@@ -1589,6 +1699,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/gender/2/` was built on 2026-09-10T21:23:09.838Z -->
|
||||
<!-- This page `/tags/gender/2/` was built on 2026-09-11T18:56:57.245Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-gender">tag: gender</h1>
|
||||
@@ -1433,6 +1543,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/gender/3/` was built on 2026-09-10T21:23:10.188Z -->
|
||||
<!-- This page `/tags/gender/3/` was built on 2026-09-11T18:56:58.119Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-gender">tag: gender</h1>
|
||||
@@ -1545,6 +1655,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/gender/` was built on 2026-09-10T21:23:06.992Z -->
|
||||
<!-- This page `/tags/gender/` was built on 2026-09-11T18:56:54.986Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-highlight">tag: highlight</h1>
|
||||
@@ -1367,6 +1477,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/highlight/2/` was built on 2026-09-10T21:23:14.266Z -->
|
||||
<!-- This page `/tags/highlight/2/` was built on 2026-09-11T18:57:02.315Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-highlight">tag: highlight</h1>
|
||||
@@ -1549,6 +1659,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/highlight/` was built on 2026-09-10T21:23:14.043Z -->
|
||||
<!-- This page `/tags/highlight/` was built on 2026-09-11T18:57:02.075Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="all-tags">all tags</h1>
|
||||
@@ -1824,6 +1934,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/` was built on 2026-09-10T21:23:06.992Z -->
|
||||
<!-- This page `/tags/` was built on 2026-09-11T18:56:54.986Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-knit">tag: knit</h1>
|
||||
@@ -1484,6 +1594,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/knit/` was built on 2026-09-10T21:23:13.874Z -->
|
||||
<!-- This page `/tags/knit/` was built on 2026-09-11T18:57:01.852Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-leather">tag: leather</h1>
|
||||
@@ -1531,6 +1641,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/leather/2/` was built on 2026-09-10T21:23:14.722Z -->
|
||||
<!-- This page `/tags/leather/2/` was built on 2026-09-11T18:57:02.807Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-leather">tag: leather</h1>
|
||||
@@ -1533,6 +1643,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/leather/3/` was built on 2026-09-10T21:23:14.802Z -->
|
||||
<!-- This page `/tags/leather/3/` was built on 2026-09-11T18:57:02.837Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-leather">tag: leather</h1>
|
||||
@@ -1521,6 +1631,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/leather/4/` was built on 2026-09-10T21:23:14.985Z -->
|
||||
<!-- This page `/tags/leather/4/` was built on 2026-09-11T18:57:02.976Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-leather">tag: leather</h1>
|
||||
@@ -1527,6 +1637,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/leather/` was built on 2026-09-10T21:23:14.563Z -->
|
||||
<!-- This page `/tags/leather/` was built on 2026-09-11T18:57:02.590Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-patch">tag: patch</h1>
|
||||
@@ -1372,6 +1482,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/patch/` was built on 2026-09-10T21:23:13.267Z -->
|
||||
<!-- This page `/tags/patch/` was built on 2026-09-11T18:57:01.185Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-pin">tag: pin</h1>
|
||||
@@ -1486,6 +1596,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/pin/` was built on 2026-09-10T21:23:15.726Z -->
|
||||
<!-- This page `/tags/pin/` was built on 2026-09-11T18:57:03.489Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-print">tag: print</h1>
|
||||
@@ -1569,6 +1679,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/print/2/` was built on 2026-09-10T21:23:10.936Z -->
|
||||
<!-- This page `/tags/print/2/` was built on 2026-09-11T18:56:58.814Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-print">tag: print</h1>
|
||||
@@ -1581,6 +1691,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/print/3/` was built on 2026-09-10T21:23:11.297Z -->
|
||||
<!-- This page `/tags/print/3/` was built on 2026-09-11T18:56:59.192Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-print">tag: print</h1>
|
||||
@@ -1569,6 +1679,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/print/4/` was built on 2026-09-10T21:23:11.678Z -->
|
||||
<!-- This page `/tags/print/4/` was built on 2026-09-11T18:56:59.535Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-print">tag: print</h1>
|
||||
@@ -1435,6 +1545,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/print/5/` was built on 2026-09-10T21:23:12.049Z -->
|
||||
<!-- This page `/tags/print/5/` was built on 2026-09-11T18:56:59.858Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-print">tag: print</h1>
|
||||
@@ -1539,6 +1649,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/print/` was built on 2026-09-10T21:23:10.469Z -->
|
||||
<!-- This page `/tags/print/` was built on 2026-09-11T18:56:58.399Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-shirt">tag: shirt</h1>
|
||||
@@ -1463,6 +1573,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/shirt/2/` was built on 2026-09-10T21:23:15.349Z -->
|
||||
<!-- This page `/tags/shirt/2/` was built on 2026-09-11T18:57:03.251Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-shirt">tag: shirt</h1>
|
||||
@@ -1571,6 +1681,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/shirt/` was built on 2026-09-10T21:23:15.186Z -->
|
||||
<!-- This page `/tags/shirt/` was built on 2026-09-11T18:57:03.132Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-software">tag: software</h1>
|
||||
@@ -1413,6 +1523,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/software/2/` was built on 2026-09-10T21:23:15.562Z -->
|
||||
<!-- This page `/tags/software/2/` was built on 2026-09-11T18:57:03.386Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-software">tag: software</h1>
|
||||
@@ -1523,6 +1633,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/software/` was built on 2026-09-10T21:23:15.431Z -->
|
||||
<!-- This page `/tags/software/` was built on 2026-09-11T18:57:03.254Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-stationery">tag: stationery</h1>
|
||||
@@ -1364,6 +1474,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/stationery/` was built on 2026-09-10T21:23:16.006Z -->
|
||||
<!-- This page `/tags/stationery/` was built on 2026-09-11T18:57:03.770Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-sticker">tag: sticker</h1>
|
||||
@@ -1486,6 +1596,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/sticker/` was built on 2026-09-10T21:23:15.630Z -->
|
||||
<!-- This page `/tags/sticker/` was built on 2026-09-11T18:57:03.424Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-weaving">tag: weaving</h1>
|
||||
@@ -1392,6 +1502,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/weaving/` was built on 2026-09-10T21:23:15.798Z -->
|
||||
<!-- This page `/tags/weaving/` was built on 2026-09-11T18:57:03.566Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-yarn">tag: yarn</h1>
|
||||
@@ -1379,6 +1489,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/yarn/2/` was built on 2026-09-10T21:23:14.534Z -->
|
||||
<!-- This page `/tags/yarn/2/` was built on 2026-09-11T18:57:02.519Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-yarn">tag: yarn</h1>
|
||||
@@ -1521,6 +1631,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/yarn/` was built on 2026-09-10T21:23:14.399Z -->
|
||||
<!-- This page `/tags/yarn/` was built on 2026-09-11T18:57:02.352Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+116
-6
@@ -36,6 +36,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>#postlist,
|
||||
#taglist {
|
||||
list-style: none;
|
||||
@@ -559,13 +560,12 @@ hr {
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--color-bg);
|
||||
padding: .75rem 0;
|
||||
z-index: 10;
|
||||
border-bottom: thick solid var(--color-teal);
|
||||
box-shadow: 0 .25rem .15rem var(--color-shadow);
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
/* Header links, pagination links */
|
||||
@@ -723,7 +723,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -955,6 +955,106 @@ footer input {
|
||||
.webring li {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Handle color schemes */
|
||||
:root:has(#theme-light:checked) .dark {
|
||||
display: none;
|
||||
}
|
||||
:root:has(#theme-dark:checked) .light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root:not(:has(#theme-dark:checked)) .dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not(:has(#theme-light:checked)) .light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
pagefind-searchbox {
|
||||
/* Shadows */
|
||||
--pf-scroll-shadow: var(--color-shadow) !important;
|
||||
--pf-shadow-sm: .15rem .15rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-md: .25rem .25rem 0 var(--color-shadow) !important;
|
||||
--pf-shadow-lg: 1rem 1rem 0 var(--color-shadow) !important;
|
||||
|
||||
/* Typography */
|
||||
--pf-font: var(--font-family) !important;
|
||||
|
||||
/* Border */
|
||||
--pf-border-radius: 1.5rem !important;
|
||||
|
||||
/* Focus */
|
||||
--pf-outline-width: .125rem !important;
|
||||
--pf-outline-offset: 0 !important;
|
||||
|
||||
/* Width */
|
||||
--pf-searchbox-max-width: min(550px, 92vw) !important;
|
||||
}
|
||||
|
||||
.light pagefind-searchbox {
|
||||
--pf-text: var(--color-dark) !important;
|
||||
--pf-text-secondary: var(--color-dark-alt) !important;
|
||||
--pf-text-muted: var(--color-dark-alt) !important;
|
||||
--pf-background: var(--color-light-alt) !important;
|
||||
--pf-border: var(--color-pink-dark) !important;
|
||||
--pf-border-focus: var(--color-pink-dark) !important;
|
||||
--pf-skeleton: var(--color-light) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-light) !important;
|
||||
--pf-mark: var(--color-teal-dark) !important;
|
||||
--pf-outline-focus: var(--color-teal-dark) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-light-alt) !important;
|
||||
--pf-error-border: var(--color-red-dark) !important;
|
||||
--pf-error-text: var(--color-red-dark) !important;
|
||||
--pf-error-text-secondary: var(--color-red-dark) !important;
|
||||
}
|
||||
|
||||
.dark pagefind-searchbox {
|
||||
--pf-text: var(--color-light) !important;
|
||||
--pf-text-secondary: var(--color-light-alt) !important;
|
||||
--pf-text-muted: var(--color-light-alt) !important;
|
||||
--pf-background: var(--color-dark-alt) !important;
|
||||
--pf-border: var(--color-pink-light) !important;
|
||||
--pf-border-focus: var(--color-pink-light) !important;
|
||||
--pf-skeleton: var(--color-dark) !important;
|
||||
--pf-skeleton-shine: var(--color-dark) !important;
|
||||
--pf-hover: var(--color-dark) !important;
|
||||
--pf-mark: var(--color-teal-light) !important;
|
||||
--pf-outline-focus: var(--color-teal-light) !important;
|
||||
|
||||
/* Error */
|
||||
--pf-error-bg: var(--color-dark-alt) !important;
|
||||
--pf-error-border: var(--color-red-light) !important;
|
||||
--pf-error-text: var(--color-red-light) !important;
|
||||
--pf-error-text-secondary: var(--color-red-light) !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
pagefind-searchbox input:not(:focus-visible) {
|
||||
box-shadow: var(--pf-shadow-md) !important;
|
||||
}
|
||||
|
||||
.pf-searchbox-dropdown,
|
||||
.pf-searchbox-footer {
|
||||
border-width: .125rem !important;
|
||||
}
|
||||
|
||||
.pf-error {
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
|
||||
https://prismjs.com/download
|
||||
*/
|
||||
@@ -1205,6 +1305,10 @@ switch (currentThemeValue) {
|
||||
themeAuto.checked = true;
|
||||
}</script>
|
||||
|
||||
|
||||
<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
|
||||
<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -1253,10 +1357,16 @@ switch (currentThemeValue) {
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="dark searchbox" data-pf-theme="dark">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
<div class="light searchbox">
|
||||
<pagefind-searchbox></pagefind-searchbox>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<main id="main" data-pagefind-body="">
|
||||
|
||||
|
||||
<h1 id="tag-zine">tag: zine</h1>
|
||||
@@ -1386,6 +1496,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/tags/zine/` was built on 2026-09-10T21:23:15.965Z -->
|
||||
<!-- This page `/tags/zine/` was built on 2026-09-11T18:57:03.710Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user
