drone build Mon Sep 21 15:40:57 PDT 2026

leatherworking-favorites/index.html

@@ -93,40 +93,43 @@
 	top: -1.25rem;
 }
 
-/* my baby my child my `tree` list style */
-#toc ol,
-#toc li {
-	margin-block: 0;
-	list-style: none;
+/* `tree` style toc */
+#toc nav > ol {
+	margin-left: 1rem;
 }
 
 #toc ol {
-	margin-left: 0;
+	margin: 0;
 }
 
 #toc li {
-	border-left: .095rem solid var(--color-pink);
-	margin-left: 1.5rem;
-	line-height: 1.15;
-	text-indent: 1.22rem hanging;
+	position: relative;
+	padding-inline-start: 1em;
+	list-style: none;
+	margin-block: 0;
+	margin-left: .35rem;
+}
+
+#toc li::before,
+#toc li::after {
+	display: block;
+	position: absolute;
+	box-sizing: border-box;
+	inset-block: 0 auto;
+	inset-inline: 0 auto;
+	inline-size: .75em;
+	border-inline-start: .1rem solid var(--color-pink);
 }
 
 #toc li::before {
-	content: '├─' / "";
-	color: var(--color-pink);
-	position: relative;
-	left: -.34rem;
+	block-size: .5lh;
+	border-block-end: .1rem solid var(--color-pink);
+	content: "";
 }
 
-#toc li:last-child {
-	border-left-color: transparent;
-}
-
-#toc li:last-child::before {
-	/* Technically, we could use this content for all of them, but doing the full
-	bar for the non-last-childs keeps the border a *smidge* more consistent for
-	different levels of magnification */
-	content: '└─' / "";
+#toc li:not(:last-child)::after {
+	block-size: 100%;
+	content: "";
 }
 
 /* underlines are unnecessary in this context */
@@ -2166,45 +2169,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="">shrimp cat toy </h2>
+		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
+			<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="">dragon mask </h2>
+		<a class="postlink" href="/x-acto-knife-sheath/">
+			<h2 data-ha-exclude="">x-acto knife sheath </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
+			<img src="/img/knife-sheaths.jpg" alt="Several blades with leather sheaths, and a few extra sheaths. There&#39;s a #2 blade with an orange sheath with yellow stitching, a #11 blade with a blue sheath with light grey stitching, and a skiving knife with a plum sheath and pink stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="">vix collar </h2>
+		<a class="postlink" href="/zipper-bifold-green/">
+			<h2 data-ha-exclude="">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/zipper-bifold-green.jpg" alt="A collage showing a green leather wallet with a zippered pocket built into one external side." loading="lazy" decoding="async" width="1000" height="1332">
 			
 		</a>
 	</li>
@@ -2261,6 +2262,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leatherworking-favorites/` was built on 2026-09-21T20:55:47.816Z -->
+    <!-- This page `/leatherworking-favorites/` was built on 2026-09-21T22:40:46.045Z -->
   </body>
 </html>