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

moving-images/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 */
@@ -2091,6 +2094,20 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/accessible-image-modals/">
+			<h2 data-ha-exclude="">accessible image modals </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/snacking-seagull.jpg" alt="Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/an-intro-to-git/">
 			<h2 data-ha-exclude="">an intro to git </h2>
@@ -2105,20 +2122,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/my-favorite-git-flag/">
-			<h2 data-ha-exclude="">my favorite git flag </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/azure-locations-and-file-crawling/">
 			<h2 data-ha-exclude="">azure locations and file crawling </h2>
@@ -2187,6 +2190,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/moving-images/` was built on 2026-09-21T20:55:47.817Z -->
+    <!-- This page `/moving-images/` was built on 2026-09-21T22:40:46.046Z -->
   </body>
 </html>