drone build Mon Sep 21 15:56:13 PDT 2026

domain-and-site-setup/index.html

@@ -43,9 +43,8 @@
 <style>#toc {
 	float: right;
 	margin: 1rem 0 1.5rem 1.5rem;
-	/* 23rem is the width of the words 'table of contents' in my header font */
-	/* yes, it's a bit hacky */
-	width: min(calc(100% - 1.5rem), 23rem);
+	width: fit-content;
+	max-width: 55%;
 }
 
 @media (max-width: 850px) {
@@ -54,6 +53,7 @@
 		margin-top: 2rem;
 		margin-left: .5rem;
 		width: calc(100% - .5rem);
+		max-width: unset;
 	}
 }
 
@@ -72,6 +72,7 @@
 	background: var(--color-bg);
 	border-radius: .5rem;
 	cursor: pointer;
+	padding-inline-end: .25rem;
 }
 
 #toc summary:focus-visible {
@@ -95,7 +96,7 @@
 
 /* `tree` style toc */
 #toc nav > ol {
-	margin-left: 1rem;
+	margin-inline: 1rem;
 }
 
 #toc ol {
@@ -2097,6 +2098,20 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="">framer accessibility </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/feather.jpg" alt="Image unrelated to post. A very frail and wispy feather with variegated white and brown markings on top of pine-needle-covered ground." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/visual-site-builders-and-accessibility/">
 			<h2 data-ha-exclude="">visual site builders and accessibility </h2>
@@ -2125,24 +2140,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="">gender in data models </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2195,6 +2192,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/domain-and-site-setup/` was built on 2026-09-21T22:40:46.045Z -->
+    <!-- This page `/domain-and-site-setup/` was built on 2026-09-21T22:56:02.944Z -->
   </body>
 </html>