drone build Fri Sep 11 11:57:10 PDT 2026
This commit is contained in:
+129
-15
@@ -39,6 +39,7 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<style>.post-metadata {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
@@ -726,13 +727,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 */
|
||||
@@ -890,7 +890,7 @@ a[aria-current="page"] a:focus-visible i,
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin: 0 10%;
|
||||
margin: -.125rem 10%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@@ -1122,6 +1122,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
|
||||
*/
|
||||
@@ -1627,6 +1727,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>
|
||||
@@ -1675,10 +1779,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="">
|
||||
|
||||
|
||||
|
||||
@@ -1759,43 +1869,47 @@ switch (currentThemeValue) {
|
||||
<ol id="postlist">
|
||||
|
||||
<li class="post">
|
||||
<a class="postlink" href="/nine-pocket-bifold/">
|
||||
<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
|
||||
<a class="postlink" href="/leather-long-stitch-journals/">
|
||||
<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
|
||||
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>leather</li>
|
||||
|
||||
<li>book</li>
|
||||
|
||||
</ul>
|
||||
<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
|
||||
<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<a class="postlink" href="/mom-bag/">
|
||||
<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
|
||||
<a class="postlink" href="/black-and-red-journal/">
|
||||
<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
|
||||
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>book</li>
|
||||
|
||||
<li>leather</li>
|
||||
|
||||
</ul>
|
||||
<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
|
||||
<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<a class="postlink" href="/wrap-bracelets/">
|
||||
<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
|
||||
<a class="postlink" href="/bag-strap/">
|
||||
<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
|
||||
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>leather</li>
|
||||
|
||||
</ul>
|
||||
<img src="/img/leather-wrap-bracelets.jpg" alt="two wrists, each wearing a black leather wrap bracelet. the upper bracelet is a thin strap wrapped 3 times around the wrist. the lower bracelet wraps twice, with a thicker strap, and has carefully placed spikes that avoid the wrap spots." loading="lazy" decoding="async" width="1000" height="1333">
|
||||
<img src="/img/bag-strap.jpg" alt="A nylon webbing shoulder strap in bright teal with clips on each end." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
@@ -1852,6 +1966,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/sunflower/` was built on 2026-09-10T21:23:06.958Z -->
|
||||
<!-- This page `/sunflower/` was built on 2026-09-11T18:56:54.954Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user
