diff --git a/1/index.html b/1/index.html
index 38dae9a9..9fe0f5c7 100644
--- a/1/index.html
+++ b/1/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/screen-reader-optimizations/">
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
+			<h2 data-ha-exclude="">screen reader optimizations </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
+			<h2 data-ha-exclude="">charlie the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/ruby-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
+			<h2 data-ha-exclude="">ruby the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1440,7 +1441,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1454,7 +1455,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spinners-dream-handspun/">
-			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1468,7 +1469,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+			<h2 data-ha-exclude="">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1484,7 +1485,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fire-and-ice-handspun/">
-			<h2 data-ha-exclude="" id="fire-and-ice-handspun">fire &amp; ice handspun </h2>
+			<h2 data-ha-exclude="">fire &amp; ice handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1498,7 +1499,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+			<h2 data-ha-exclude="">dyeing fiber </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1512,7 +1513,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+			<h2 data-ha-exclude="">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1526,7 +1527,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bfl-silk-handspun/">
-			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+			<h2 data-ha-exclude="">BFL/silk handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1540,7 +1541,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+			<h2 data-ha-exclude="">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1554,7 +1555,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/comparing-text-editors/">
-			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
+			<h2 data-ha-exclude="">comparing text editors </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1568,7 +1569,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
+			<h2 data-ha-exclude="">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1654,6 +1655,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/1/` was built on 2026-09-20T00:40:45.063Z -->
+    <!-- This page `/1/` was built on 2026-09-20T22:08:17.530Z -->
   </body>
 </html>
diff --git a/10/index.html b/10/index.html
index cbac1390..48b896fb 100644
--- a/10/index.html
+++ b/10/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1418,7 +1419,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/ecommerce-options/">
-			<h2 data-ha-exclude="" id="ecommerce-options">ecommerce options </h2>
+			<h2 data-ha-exclude="">ecommerce options </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1430,7 +1431,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1446,7 +1447,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1462,7 +1463,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1482,7 +1483,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
+			<h2 data-ha-exclude="">in the news </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1496,7 +1497,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			<h2 data-ha-exclude="">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1518,7 +1519,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1540,7 +1541,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+			<h2 data-ha-exclude="">rainbow shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1554,7 +1555,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1576,7 +1577,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			<h2 data-ha-exclude="">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1594,7 +1595,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1612,7 +1613,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+			<h2 data-ha-exclude="">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1702,6 +1703,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/10/` was built on 2026-09-20T00:40:51.811Z -->
+    <!-- This page `/10/` was built on 2026-09-20T22:08:21.618Z -->
   </body>
 </html>
diff --git a/11/index.html b/11/index.html
index 5de78495..712823d8 100644
--- a/11/index.html
+++ b/11/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+			<h2 data-ha-exclude="">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1414,7 +1415,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stickers/">
-			<h2 data-ha-exclude="" id="stickers">stickers! </h2>
+			<h2 data-ha-exclude="">stickers! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1428,7 +1429,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shirts/">
-			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
+			<h2 data-ha-exclude="">shirts! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1442,7 +1443,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+			<h2 data-ha-exclude="">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1460,7 +1461,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+			<h2 data-ha-exclude="">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1478,7 +1479,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/five-of-them/">
-			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
+			<h2 data-ha-exclude="">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1494,7 +1495,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1512,7 +1513,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-strap-journal/">
-			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
+			<h2 data-ha-exclude="">leather strap journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1526,7 +1527,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+			<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1544,7 +1545,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/printing-press-notes/">
-			<h2 data-ha-exclude="" id="printing-press-notes">printing press notes </h2>
+			<h2 data-ha-exclude="">printing press notes </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1556,7 +1557,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stampede-journal/">
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+			<h2 data-ha-exclude="">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1570,7 +1571,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+			<h2 data-ha-exclude="">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1584,7 +1585,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1670,6 +1671,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/11/` was built on 2026-09-20T00:40:52.304Z -->
+    <!-- This page `/11/` was built on 2026-09-20T22:08:21.990Z -->
   </body>
 </html>
diff --git a/12/index.html b/12/index.html
index c94ed960..3ce2f23b 100644
--- a/12/index.html
+++ b/12/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1420,7 +1421,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1438,7 +1439,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
+			<h2 data-ha-exclude="">spotted towhee </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1454,7 +1455,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/knit-shrimp/">
-			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
+			<h2 data-ha-exclude="">knit shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1468,7 +1469,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+			<h2 data-ha-exclude="">geese </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1486,7 +1487,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+			<h2 data-ha-exclude="">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1504,7 +1505,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1522,7 +1523,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shirt-making-notes/">
-			<h2 data-ha-exclude="" id="shirt-making-notes">shirt making notes </h2>
+			<h2 data-ha-exclude="">shirt making notes </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1534,7 +1535,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1556,7 +1557,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+			<h2 data-ha-exclude="">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1574,7 +1575,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/backend-accessibility/">
-			<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility </h2>
+			<h2 data-ha-exclude="">backend accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1588,7 +1589,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
+			<h2 data-ha-exclude="">block printing transfer method </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1602,7 +1603,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+			<h2 data-ha-exclude="">hair </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1690,6 +1691,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/12/` was built on 2026-09-20T00:40:52.811Z -->
+    <!-- This page `/12/` was built on 2026-09-20T22:08:22.301Z -->
   </body>
 </html>
diff --git a/13/index.html b/13/index.html
index f54c6a44..21df14c4 100644
--- a/13/index.html
+++ b/13/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flicker/">
-			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1416,7 +1417,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+			<h2 data-ha-exclude="">heron </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1434,7 +1435,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+			<h2 data-ha-exclude="">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1450,7 +1451,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			<h2 data-ha-exclude="">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1468,7 +1469,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-keychains/">
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
+			<h2 data-ha-exclude="">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1482,7 +1483,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
+			<h2 data-ha-exclude="">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1498,7 +1499,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/junco/">
-			<h2 data-ha-exclude="" id="junco">junco </h2>
+			<h2 data-ha-exclude="">junco </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1514,7 +1515,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+			<h2 data-ha-exclude="">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1528,7 +1529,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+			<h2 data-ha-exclude="">flatfish </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1544,7 +1545,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+			<h2 data-ha-exclude="">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1560,7 +1561,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1576,7 +1577,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+			<h2 data-ha-exclude="">iris </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1592,7 +1593,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+			<h2 data-ha-exclude="">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1682,6 +1683,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/13/` was built on 2026-09-20T00:40:53.118Z -->
+    <!-- This page `/13/` was built on 2026-09-20T22:08:22.468Z -->
   </body>
 </html>
diff --git a/14/index.html b/14/index.html
index 1af4cbff..13b93ce3 100644
--- a/14/index.html
+++ b/14/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+			<h2 data-ha-exclude="">lined notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flocked-notebook/">
-			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
+			<h2 data-ha-exclude="">flocked notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+			<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1442,7 +1443,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/recommendations-and-favorites/">
-			<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites </h2>
+			<h2 data-ha-exclude="">recommendations &amp; favorites </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1456,7 +1457,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pink-socks/">
-			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
+			<h2 data-ha-exclude="">pink socks </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1470,7 +1471,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+			<h2 data-ha-exclude="">brooke&#39;s socks </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1484,7 +1485,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
+			<h2 data-ha-exclude="">gender? </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1498,7 +1499,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1514,7 +1515,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+			<h2 data-ha-exclude="">square watercolor pad </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1528,7 +1529,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-books/">
-			<h2 data-ha-exclude="" id="tiny-books">tiny books </h2>
+			<h2 data-ha-exclude="">tiny books </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1542,7 +1543,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orange-journal/">
-			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
+			<h2 data-ha-exclude="">orange journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1556,7 +1557,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/striped-journal/">
-			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
+			<h2 data-ha-exclude="">striped journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1570,7 +1571,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1656,6 +1657,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/14/` was built on 2026-09-20T00:40:53.720Z -->
+    <!-- This page `/14/` was built on 2026-09-20T22:08:22.651Z -->
   </body>
 </html>
diff --git a/15/index.html b/15/index.html
index 2d9a4e9f..14935b40 100644
--- a/15/index.html
+++ b/15/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/blue-and-brown-leather-journal/">
-			<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal </h2>
+			<h2 data-ha-exclude="">blue and brown leather journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+			<h2 data-ha-exclude="">Acadia coloring journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+			<h2 data-ha-exclude="">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1444,7 +1445,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+			<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1460,7 +1461,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+			<h2 data-ha-exclude="">become unbutterable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1474,7 +1475,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer-book-list/">
-			<h2 data-ha-exclude="" id="queer-book-list">queer book list </h2>
+			<h2 data-ha-exclude="">queer book list </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1554,6 +1555,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/15/` was built on 2026-09-20T00:40:54.154Z -->
+    <!-- This page `/15/` was built on 2026-09-20T22:08:22.949Z -->
   </body>
 </html>
diff --git a/2/index.html b/2/index.html
index 5368419c..86124aad 100644
--- a/2/index.html
+++ b/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+			<h2 data-ha-exclude="">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+			<h2 data-ha-exclude="">moving images </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/petrichor-handspun/">
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
+			<h2 data-ha-exclude="">petrichor handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1440,7 +1441,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+			<h2 data-ha-exclude="">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1454,7 +1455,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/icelandic-lamb-handspun/">
-			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
+			<h2 data-ha-exclude="">icelandic lamb handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1468,7 +1469,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+			<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1482,7 +1483,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-solstice-2025/">
-			<h2 data-ha-exclude="" id="happy-solstice-2025">happy solstice 2025 </h2>
+			<h2 data-ha-exclude="">happy solstice 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1496,7 +1497,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stationery-exchange/">
-			<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange </h2>
+			<h2 data-ha-exclude="">stationery exchange </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1510,7 +1511,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/siblinghood-of-the-traveling-greeting-card/">
-			<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card </h2>
+			<h2 data-ha-exclude="">siblinghood of the traveling greeting card </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1524,7 +1525,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
+			<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1538,7 +1539,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/my-favorite-git-flag/">
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
+			<h2 data-ha-exclude="">my favorite git flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1552,7 +1553,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+			<h2 data-ha-exclude="">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1568,7 +1569,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
+			<h2 data-ha-exclude="">intro to wireframing </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1654,6 +1655,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/2/` was built on 2026-09-20T00:40:45.615Z -->
+    <!-- This page `/2/` was built on 2026-09-20T22:08:18.112Z -->
   </body>
 </html>
diff --git a/3/index.html b/3/index.html
index 87b4e727..a43fb407 100644
--- a/3/index.html
+++ b/3/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1414,7 +1415,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-suspenders/">
-			<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
+			<h2 data-ha-exclude="">brooke&#39;s suspenders </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1428,7 +1429,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/wrap-bracelets/">
-			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
+			<h2 data-ha-exclude="">wrap bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1442,7 +1443,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/acadia-mitts/">
-			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
+			<h2 data-ha-exclude="">acadia mitts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1456,7 +1457,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+			<h2 data-ha-exclude="">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1472,7 +1473,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/sideways-canvas-shirt/">
-			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
+			<h2 data-ha-exclude="">sideways canvas shirt </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1486,7 +1487,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/scrap-patches/">
-			<h2 data-ha-exclude="" id="scrap-patches">scrap patches </h2>
+			<h2 data-ha-exclude="">scrap patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1500,7 +1501,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+			<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1514,7 +1515,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/art-shows-and-events/">
-			<h2 data-ha-exclude="" id="art-shows-and-events">art shows and events </h2>
+			<h2 data-ha-exclude="">art shows and events </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1526,7 +1527,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1542,7 +1543,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/redirections/">
-			<h2 data-ha-exclude="" id="redirections">redirections </h2>
+			<h2 data-ha-exclude="">redirections </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1556,7 +1557,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1572,7 +1573,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fix-your-hearts/">
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
+			<h2 data-ha-exclude="">fix your hearts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1658,6 +1659,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/3/` was built on 2026-09-20T00:40:46.226Z -->
+    <!-- This page `/3/` was built on 2026-09-20T22:08:18.566Z -->
   </body>
 </html>
diff --git a/4/index.html b/4/index.html
index 471bbec3..4e4a99d6 100644
--- a/4/index.html
+++ b/4/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
+			<h2 data-ha-exclude="">networks of trans care </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/give-to-trans-orgs-and-people/">
-			<h2 data-ha-exclude="" id="give-to-trans-orgs-and-people">give to trans orgs and people </h2>
+			<h2 data-ha-exclude="">give to trans orgs and people </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+			<h2 data-ha-exclude="">loon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1440,7 +1441,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1458,7 +1459,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-solstice-2024/">
-			<h2 data-ha-exclude="" id="happy-solstice-2024">happy solstice 2024 </h2>
+			<h2 data-ha-exclude="">happy solstice 2024 </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1470,7 +1471,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1488,7 +1489,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fountain-pen-friendly-stationery/">
-			<h2 data-ha-exclude="" id="fountain-pen-friendly-stationery">fountain pen-friendly stationery </h2>
+			<h2 data-ha-exclude="">fountain pen-friendly stationery </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1502,7 +1503,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+			<h2 data-ha-exclude="">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1516,7 +1517,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/quorbs/">
-			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
+			<h2 data-ha-exclude="">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1532,7 +1533,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1548,7 +1549,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1564,7 +1565,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+			<h2 data-ha-exclude="">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1578,7 +1579,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+			<h2 data-ha-exclude="">greeting quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1666,6 +1667,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/4/` was built on 2026-09-20T00:40:47.011Z -->
+    <!-- This page `/4/` was built on 2026-09-20T22:08:18.967Z -->
   </body>
 </html>
diff --git a/404.html b/404.html
index 146ba7e9..2211f0d8 100644
--- a/404.html
+++ b/404.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1400,7 +1401,7 @@ switch (currentThemeValue) {
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
   <h1></h1>
 
-  <h1 id="sorry-cant-find-that">Sorry, can't find that</h1>
+  <h1>Sorry, can't find that</h1>
 <p>Head <a href="/">home</a>.</p>
 
 </heading-anchors>
@@ -1450,6 +1451,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/404.html` was built on 2026-09-20T00:40:39.768Z -->
+    <!-- This page `/404.html` was built on 2026-09-20T22:08:14.572Z -->
   </body>
 </html>
diff --git a/5/index.html b/5/index.html
index d9c3d93a..e7b0de9a 100644
--- a/5/index.html
+++ b/5/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fedizinefest-2025/">
-			<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
+			<h2 data-ha-exclude="">fediZineFest 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/euphorbia/">
-			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
+			<h2 data-ha-exclude="">euphorbia </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
+			<h2 data-ha-exclude="">on the ubiquity of &#39;enby&#39; </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1440,7 +1441,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handedness-toggle/">
-			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
+			<h2 data-ha-exclude="">handedness toggle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1454,7 +1455,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rescue-trans-rescue/">
-			<h2 data-ha-exclude="" id="rescue-trans-rescue">rescue Trans Rescue </h2>
+			<h2 data-ha-exclude="">rescue Trans Rescue </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1466,7 +1467,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/no-politics-wip/">
-			<h2 data-ha-exclude="" id="no-politics-wip">no politics (wip) </h2>
+			<h2 data-ha-exclude="">no politics (wip) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1478,7 +1479,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1496,7 +1497,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1512,7 +1513,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kniphofia/">
-			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
+			<h2 data-ha-exclude="">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1526,7 +1527,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
+			<h2 data-ha-exclude="">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1540,7 +1541,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+			<h2 data-ha-exclude="">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1554,7 +1555,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-portraits/">
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
+			<h2 data-ha-exclude="">tiny portraits </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1568,7 +1569,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+			<h2 data-ha-exclude="">snap pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1654,6 +1655,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/5/` was built on 2026-09-20T00:40:48.135Z -->
+    <!-- This page `/5/` was built on 2026-09-20T22:08:19.596Z -->
   </body>
 </html>
diff --git a/6/index.html b/6/index.html
index 41a08da6..d6822608 100644
--- a/6/index.html
+++ b/6/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
+			<h2 data-ha-exclude="">gender as a proxy variable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1414,7 +1415,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+			<h2 data-ha-exclude="">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1428,7 +1429,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
+			<h2 data-ha-exclude="">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1442,7 +1443,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bowtie/">
-			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
+			<h2 data-ha-exclude="">bowtie </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1456,7 +1457,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+			<h2 data-ha-exclude="">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1470,7 +1471,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+			<h2 data-ha-exclude="">squarsh </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1484,7 +1485,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+			<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1498,7 +1499,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/printmaking-paper-notes/">
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
+			<h2 data-ha-exclude="">printmaking paper notes </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1512,7 +1513,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+			<h2 data-ha-exclude="">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1528,7 +1529,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+			<h2 data-ha-exclude="">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1542,7 +1543,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+			<h2 data-ha-exclude="">shrimp cat toy </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1556,7 +1557,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+			<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1570,7 +1571,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-cuff-bracelets/">
-			<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets </h2>
+			<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1656,6 +1657,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/6/` was built on 2026-09-20T00:40:48.747Z -->
+    <!-- This page `/6/` was built on 2026-09-20T22:08:20.067Z -->
   </body>
 </html>
diff --git a/7/index.html b/7/index.html
index b4f83f7e..88ce7434 100644
--- a/7/index.html
+++ b/7/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+			<h2 data-ha-exclude="">aaron&#39;s mask </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
+			<h2 data-ha-exclude="">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+			<h2 data-ha-exclude="">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1440,7 +1441,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1456,7 +1457,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1472,7 +1473,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1486,7 +1487,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+			<h2 data-ha-exclude="">gradient purse strap </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1500,7 +1501,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/zipper-bifold-green/">
-			<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green) </h2>
+			<h2 data-ha-exclude="">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1514,7 +1515,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+			<h2 data-ha-exclude="">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1528,7 +1529,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1546,7 +1547,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+			<h2 data-ha-exclude="">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1564,7 +1565,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pins/">
-			<h2 data-ha-exclude="" id="pins">pins! </h2>
+			<h2 data-ha-exclude="">pins! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1578,7 +1579,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+			<h2 data-ha-exclude="">mousie </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1664,6 +1665,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/7/` was built on 2026-09-20T00:40:49.522Z -->
+    <!-- This page `/7/` was built on 2026-09-20T22:08:20.433Z -->
   </body>
 </html>
diff --git a/8/index.html b/8/index.html
index cf218298..b703aab3 100644
--- a/8/index.html
+++ b/8/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+			<h2 data-ha-exclude="">long zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1430,7 +1431,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1446,7 +1447,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/circle-bag/">
-			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+			<h2 data-ha-exclude="">circle bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1460,7 +1461,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-pronouns/">
-			<h2 data-ha-exclude="" id="on-pronouns">on pronouns </h2>
+			<h2 data-ha-exclude="">on pronouns </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1474,7 +1475,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stephanie-collar/">
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar </h2>
+			<h2 data-ha-exclude="">stephanie collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1488,7 +1489,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-mushrooms/">
-			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
+			<h2 data-ha-exclude="">tiny mushrooms </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1502,7 +1503,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1516,7 +1517,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1530,7 +1531,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+			<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1544,7 +1545,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-collar/">
-			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+			<h2 data-ha-exclude="">brooke&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1558,7 +1559,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+			<h2 data-ha-exclude="">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1572,7 +1573,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artists-conk/">
-			<h2 data-ha-exclude="" id="artists-conk">artists conk! </h2>
+			<h2 data-ha-exclude="">artists conk! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1656,6 +1657,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/8/` was built on 2026-09-20T00:40:50.150Z -->
+    <!-- This page `/8/` was built on 2026-09-20T22:08:20.927Z -->
   </body>
 </html>
diff --git a/9/index.html b/9/index.html
index d36d09d1..d15fba74 100644
--- a/9/index.html
+++ b/9/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+			<h2 data-ha-exclude="">domain and site setup </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/x-acto-knife-sheath/">
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
+			<h2 data-ha-exclude="">x-acto knife sheath </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+			<h2 data-ha-exclude="">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1442,7 +1443,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+			<h2 data-ha-exclude="">zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1456,7 +1457,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-zipper-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
+			<h2 data-ha-exclude="">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1470,7 +1471,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+			<h2 data-ha-exclude="">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1484,7 +1485,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+			<h2 data-ha-exclude="">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1498,7 +1499,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+			<h2 data-ha-exclude="">eight pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1512,7 +1513,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/double-bill-pocket-bifold/">
-			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+			<h2 data-ha-exclude="">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1526,7 +1527,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
+			<h2 data-ha-exclude="">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1540,7 +1541,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+			<h2 data-ha-exclude="">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1554,7 +1555,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-chest-harness/">
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
+			<h2 data-ha-exclude="">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1568,7 +1569,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+			<h2 data-ha-exclude="">leatherworking favorites </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1654,6 +1655,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/9/` was built on 2026-09-20T00:40:51.065Z -->
+    <!-- This page `/9/` was built on 2026-09-20T22:08:21.274Z -->
   </body>
 </html>
diff --git a/aarons-mask/index.html b/aarons-mask/index.html
index dfe5ee2b..466d1aa2 100644
--- a/aarons-mask/index.html
+++ b/aarons-mask/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="aarons-mask">aaron&#39;s mask</h1>
+    <h1>aaron&#39;s mask</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+		<a class="postlink" href="/patchwork-wallet/">
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+		<a class="postlink" href="/vertical-zipper-card-wallet/">
+			<h2 data-ha-exclude="">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </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/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
+			<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>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/aarons-mask/` was built on 2026-09-20T00:40:39.735Z -->
+    <!-- This page `/aarons-mask/` was built on 2026-09-20T22:08:14.536Z -->
   </body>
 </html>
diff --git a/about/index.html b/about/index.html
index 68e07809..d28bec85 100644
--- a/about/index.html
+++ b/about/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
       
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
-  <h1 id="about">about</h1>
+  <h1>about</h1>
 
   
 <p>My name is Lee Cattarin. I use he or ze pronouns.</p>
@@ -1409,7 +1410,7 @@ switch (currentThemeValue) {
 
 <p>As of November 2023, my wife Brooke Osment and I have a art store: Riverside Refuge Studio. You can find various store links, or other ways to connect, on my <a href="/contact">contact page</a>. We're based out of Vashon, WA, USA, and ship internationally.</p>
 
-<h2 id="pets">pets</h2>
+<h2>pets</h2>
 
 <p>We have a dog...</p>
 
@@ -1419,7 +1420,7 @@ switch (currentThemeValue) {
 
 <img src="/img/duckies.png" alt="2 pictures that show all six ducks, each duck labeled with their name. In the first image, Sparrow (Golden 300, a light brown breed that looks similar to female mallards) and Puffin (Swedish Black, black with a white bib and beautiful iridescence) come up to eat from my hand. In the second image, Chickadee (Magpie, black and white splotched) is up front looking to one side, and behind her are Dodo (Silver Runner, white and grey), Emu (Fawn & White Runner, white and pale tan), and Kiwi (Chocolate Runner, dark brown all over), with Sparrow and Puffin partially visible behind." loading="lazy" decoding="async" width="1000" height="562">
 
-<h2 id="webrings">webrings</h2>
+<h2>webrings</h2>
 
 
 
@@ -1567,6 +1568,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/about/` was built on 2026-09-20T00:40:39.767Z -->
+    <!-- This page `/about/` was built on 2026-09-20T22:08:14.571Z -->
   </body>
 </html>
diff --git a/acadia-coloring-journal/index.html b/acadia-coloring-journal/index.html
index b9c6fa86..8099a7be 100644
--- a/acadia-coloring-journal/index.html
+++ b/acadia-coloring-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="acadia-coloring-journal">Acadia coloring journal</h1>
+    <h1>Acadia coloring journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,49 +1899,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+		<a class="postlink" href="/striped-journal/">
+			<h2 data-ha-exclude="">striped journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+		<a class="postlink" href="/orange-journal/">
+			<h2 data-ha-exclude="">orange journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
-				<li>leather</li>
-				
 			</ul>
-			<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">
+			<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+		<a class="postlink" href="/flocked-notebook/">
+			<h2 data-ha-exclude="">flocked notebook </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
@@ -1997,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/acadia-coloring-journal/` was built on 2026-09-20T00:40:39.710Z -->
+    <!-- This page `/acadia-coloring-journal/` was built on 2026-09-20T22:08:14.532Z -->
   </body>
 </html>
diff --git a/acadia-mitts/index.html b/acadia-mitts/index.html
index a3a0096e..782b87ac 100644
--- a/acadia-mitts/index.html
+++ b/acadia-mitts/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="acadia-mitts">acadia mitts</h1>
+    <h1>acadia mitts</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,26 +1883,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
+		<a class="postlink" href="/knit-shrimp/">
+			<h2 data-ha-exclude="">knit shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+			<h2 data-ha-exclude="">brooke&#39;s socks </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1914,15 +1915,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pink-socks/">
-			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/acadia-mitts/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/acadia-mitts/` was built on 2026-09-20T22:08:14.542Z -->
   </body>
 </html>
diff --git a/accessibility/index.html b/accessibility/index.html
index c99b102d..3c470b6a 100644
--- a/accessibility/index.html
+++ b/accessibility/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1398,12 +1399,12 @@ switch (currentThemeValue) {
       
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
-  <h1 id="accessibility">accessibility</h1>
+  <h1>accessibility</h1>
 
   <p>This website (<a href="/">leecat.art</a>) aims to be as accessible as possible. To that end, I have tested to the best of my abilities with <a href="https://www.nvaccess.org/download/" target="_blank" rel="external">NVDA</a> and <a href="https://help.gnome.org/orca/index.html" target="_blank" rel="external">Orca</a>, keyboard navigation, and automated review tools.</p>
 <h2 id="limitations">Limitations</h2>
 <p>Because of the nature of a blog with an ever-expanding page list and the fact that I have learned a significant amount in 4 or so years, I cannot guarantee that every article on this site is as accessible as I want it to be. That said, the major pages and navigation have been tested, and I bring my best efforts to every new post.</p>
-<h2 id="adherence-to-wcag-2-2">Adherence to WCAG 2.2</h2>
+<h2 id="adherence-to-wcag-2.2">Adherence to WCAG 2.2</h2>
 <p>While I would like to do further structured review and go through the entire list with a finer-tooth comb, my current assessment is that this site meets <a href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="_blank" rel="external">WCAG 2.2</a> at least at level AA.</p>
 <h2 id="feedback">Feedback</h2>
 <p>If you meet any barriers in accessing this site, please <a href="/contact">contact me</a>.</p>
@@ -1455,6 +1456,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/accessibility/` was built on 2026-09-20T00:40:39.772Z -->
+    <!-- This page `/accessibility/` was built on 2026-09-20T22:08:14.572Z -->
   </body>
 </html>
diff --git a/accessible-image-modals/index.html b/accessible-image-modals/index.html
index eda08b86..7f155afb 100644
--- a/accessible-image-modals/index.html
+++ b/accessible-image-modals/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="accessible-image-modals">accessible image modals</h1>
+    <h1>accessible image modals</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,9 +1917,54 @@ switch (currentThemeValue) {
     <img class="hero" 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">
     
 
-    <p>Recently I've been working on a single-page digital rendition of a zine complete with many hand-drawn images. The author wanted to be able to bring images up to a full-screen view, to either zoom in or to put the whole enlarged image on one screen with no scrolling. It was a real struggle to find resources on how to do this in an accessible manner, so I'm writing up what I did.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#the-dialog-element">the dialog element</a>
+            
+                <ol>
+                    
+                    <li><a href="#what-does-%3Cdialog%3E-give-us%3F">what does <dialog> give us?</dialog></a>
+            		</li>
+
+                    <li><a href="#what-doesn't-it-give-us%3F">what doesn't it give us?</a>
+            		</li>
+
+                    <li><a href="#a-bug">a bug</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#in-addition-to-the-%3Cdialog%3E">in addition to the <dialog></dialog></a>
+            
+                <ol>
+                    
+                    <li><a href="#html">html</a>
+            		</li>
+
+                    <li><a href="#js">js</a>
+            		</li>
+
+                    <li><a href="#css">css</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#errors%3F-questions%3F">errors? questions?</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>Recently I've been working on a single-page digital rendition of a zine complete with many hand-drawn images. The author wanted to be able to bring images up to a full-screen view, to either zoom in or to put the whole enlarged image on one screen with no scrolling. It was a real struggle to find resources on how to do this in an accessible manner, so I'm writing up what I did.</p>
 <blockquote>
-<p>Fair warning: This solution is likely imperfect.</p>
+<p>Fair warning: this solution is likely imperfect.</p>
 </blockquote>
 <h2 id="the-dialog-element">the <code>dialog</code> element</h2>
 <p>do you know how many tutorials want you to roll your own modals? It's a not-insignificant amount. W3Schools, top of the search results in many cases, recommends it in two places - <a href="https://www.w3schools.com/howto/howto_css_modal_images.asp" target="_blank" rel="external">image modals</a> and <a href="https://www.w3schools.com/css/css3_images_modal.asp" target="_blank" rel="external">responsive image modals</a>. Several search results for &quot;image modal&quot; pop up div solutions - <a href="https://stackoverflow.com/questions/75598914/how-to-display-an-image-clicking-on-it-using-modal-window-on-html-css-and-js" target="_blank" rel="external">div modal 1</a>, <a href="https://dev.to/salehmubashar/create-an-image-modal-with-javascript-2lf3" target="_blank" rel="external">div modal 2</a>, <a href="https://www.youtube.com/watch?v=Y9TNHynFjaQ" target="_blank" rel="external">div modal 3</a>.</p>
@@ -1853,7 +1972,7 @@ switch (currentThemeValue) {
 <p>If you search for <em>accessible</em> image modals, you'll still hear about <code>&lt;div&gt;</code>s. Hell, <a href="https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/" target="_blank" rel="external">W3C's ARIA Authoring Practices Guide uses a <code>&lt;div&gt;</code></a>. You kinda have to go digging to read about the <a href="https://www.scottohara.me/blog/2023/01/26/use-the-dialog-element.html" target="_blank" rel="external">dialog element from Scott O'Hara</a> or find <a href="https://accessibleweb.dev/modals" target="_blank" rel="external">AccessibleWeb.dev's piece on modals</a>. Or you can go <a href="https://adrianroselli.com/2025/06/where-to-put-focus-when-opening-a-modal-dialog.html" target="_blank" rel="external">straight for Adrian Roselli</a> and find examples that use the native <code>&lt;dialog&gt;</code> element. Thanks Adrian!</p>
 <p>Did I roll my own modal at first? Regretfully, yes. I'd used the <code>&lt;dialog&gt;</code> element before... several years ago... in a project I don't have access to anymore... Needless to say, I had forgotten about its existence.</p>
 <p>Anyway, I got there. Eventually. So let's talk about modals and <code>&lt;dialog&gt;</code>.</p>
-<h3 id="what-does-dialog-give-us">what does <code>&lt;dialog&gt;</code> give us?</h3>
+<h3 id="what-does-%3Cdialog%3E-give-us%3F">what does <code>&lt;dialog&gt;</code> give us?</h3>
 <p>so, what do we get from the <code>&lt;dialog&gt;</code> element that we don't get from a <code>&lt;div&gt;</code> modal?</p>
 <ol>
 <li>a semantically meaningful element</li>
@@ -1867,7 +1986,7 @@ switch (currentThemeValue) {
 <li>the <code>open</code> attribute which is set on the <code>&lt;dialog&gt;</code> when open and removed when closed (when you use the functions mentioned previously)</li>
 </ol>
 <p>and more. This is just the pieces in use for me. There's also things like <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#additional_notes" target="_blank" rel="external">setting forms so that submission closes the dialog</a> (point 1 in that list).</p>
-<h3 id="what-doesnt-it-give-us">what doesn't it give us?</h3>
+<h3 id="what-doesn't-it-give-us%3F">what doesn't it give us?</h3>
 <ol>
 <li>a close button - gotta roll your own and attach the requisite <code>.close()</code> call (or rely on users hitting escape or clicking the backdrop)</li>
 <li>prevention of scroll on the rest of the page</li>
@@ -1881,7 +2000,7 @@ switch (currentThemeValue) {
 <p>despite this, I found that in Firefox (but not Edge), the <em><code>&lt;dialog&gt;</code> itself was focusable</em>. I have no idea why, but I tested this on a totally unstyled and unmodified page and still found it to be true. As a focusable element, it made no sense. It had no interactivity and could not be activated.</p>
 <p>I'm still torn: do I add <code>tabindex=&quot;-1&quot;</code>? MDN specifically says not to, but I'm pretty sure they're warning against making it <em>focusable</em>. Why warn against making it nonfocusable when <em>it's not supposed to be focusable in the first place</em>, after all?</p>
 <p>At current, I'm ambivalent, but I've added <code>tabindex=&quot;-1&quot;</code> to handle Firefox's poor behavior. Making the dialog focusable is unhelpful and confusing.</p>
-<h2 id="in-addition-to-the-dialog">in addition to the <code>&lt;dialog&gt;</code></h2>
+<h2 id="in-addition-to-the-%3Cdialog%3E">in addition to the <code>&lt;dialog&gt;</code></h2>
 <p>here's what else I wrote...</p>
 <h3 id="html">html</h3>
 <p>besides the <code>&lt;dialog&gt;</code>, I gave my <code>&lt;img&gt;</code> elements <code>tabindex=&quot;0&quot;</code> to make them focusable.</p>
@@ -1901,9 +2020,10 @@ switch (currentThemeValue) {
 <li><code>body:has(dialog[open])</code> has <code>overflow: hidden</code> set</li>
 <li><code>dialog img</code> uses a <code>max-height</code> as well as <code>object-fit: contain</code></li>
 </ul>
-<h2 id="errors-questions">errors? questions?</h2>
+<h2 id="errors%3F-questions%3F">errors? questions?</h2>
 <p>reach out!</p>
 
+
   </article>
 
   
@@ -1941,12 +2061,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
+			<h2 data-ha-exclude="">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1960,7 +2096,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handedness-toggle/">
-			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
+			<h2 data-ha-exclude="">handedness toggle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1972,20 +2108,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2038,6 +2160,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/accessible-image-modals/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/accessible-image-modals/` was built on 2026-09-20T22:08:14.588Z -->
   </body>
 </html>
diff --git a/an-intro-to-git/index.html b/an-intro-to-git/index.html
index 85d6fed8..5c796f2f 100644
--- a/an-intro-to-git/index.html
+++ b/an-intro-to-git/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="an-intro-to-git">an intro to git</h1>
+    <h1>an intro to git</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,88 +1917,172 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <p>alrighty, this one's a real doozy. Strap in.</p>
-<hr>
-<!-- TOC -->
-<ul>
-<li><a href="#versioning">versioning</a></li>
-<li><a href="#problem-statement">problem statement</a></li>
-<li><a href="#what-is-git">what is git?</a>
-<ul>
-<li><a href="#where-can-i-use-git">where can I use git?</a>
-<ul>
-<li><a href="#what-is-a-cli">what is a CLI?</a></li>
-</ul>
-</li>
-<li><a href="#where-can-i-use-the-git-cli">where can I use the git CLI?</a>
-<ul>
-<li><a href="#git-for-windows">git for Windows</a></li>
-<li><a href="#wsl">WSL</a></li>
-<li><a href="#a-few-terminal-operations">a few terminal operations</a></li>
-<li><a href="#edit-files">edit files</a></li>
-</ul>
-</li>
-</ul>
-</li>
-<li><a href="#git-version">git version</a>
-<ul>
-<li><a href="#a-few-handy-settings">a few handy settings</a></li>
-</ul>
-</li>
-<li><a href="#git-going">git going</a>
-<ul>
-<li><a href="#git-init">git init</a></li>
-<li><a href="#git-clone">git clone</a></li>
-</ul>
-</li>
-<li><a href="#git-status">git status</a>
-<ul>
-<li><a href="#branch-main">branch main</a></li>
-<li><a href="#no-commits--nothing-to-commit">no commits / nothing to commit</a></li>
-</ul>
-</li>
-<li><a href="#commits-and-history">commits and history</a>
-<ul>
-<li><a href="#git-log">git log</a></li>
-<li><a href="#creating-a-commit">creating a commit</a></li>
-</ul>
-</li>
-<li><a href="#the-staging-area">the staging area</a>
-<ul>
-<li><a href="#git-add">git add</a></li>
-</ul>
-</li>
-<li><a href="#git-commit">git commit</a>
-<ul>
-<li><a href="#checking-our-work">checking our work</a></li>
-</ul>
-</li>
-<li><a href="#changes-to-existing-files">changes to existing files</a>
-<ul>
-<li><a href="#git-restore">git restore</a></li>
-</ul>
-</li>
-<li><a href="#git-revert">git revert</a></li>
-<li><a href="#git-remote">git remote</a>
-<ul>
-<li><a href="#git-fetch-and-git-pull">git fetch and git pull</a></li>
-<li><a href="#git-push-take-one">git push, take one</a></li>
-<li><a href="#authentication">authentication</a></li>
-<li><a href="#ssh-keys">SSH keys</a>
-<ul>
-<li><a href="#creation">creation</a></li>
-<li><a href="#an-alias">an alias...</a></li>
-<li><a href="#and-a-function">and a function</a></li>
-<li><a href="#ssh-keys-and-the-remote">SSH keys and the remote</a></li>
-</ul>
-</li>
-<li><a href="#git-push-take-two">git push, take two</a></li>
-</ul>
-</li>
-<li><a href="#summary">summary</a></li>
-</ul>
-<!-- /TOC -->
-<hr>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#versioning">versioning</a>
+            		</li>
+
+                    <li><a href="#problem-statement">problem statement</a>
+            		</li>
+
+                    <li><a href="#what-is-git%3F">what is git?</a>
+            
+                <ol>
+                    
+                    <li><a href="#where-can-i-use-git%3F">where can I use git?</a>
+            
+                <ol>
+                    
+                    <li><a href="#what-is-a-cli%3F">what is a CLI?</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#where-can-i-use-the-git-cli%3F">where can I use the git CLI?</a>
+            
+                <ol>
+                    
+                    <li><a href="#git-for-windows">git for Windows</a>
+            		</li>
+
+                    <li><a href="#wsl">WSL</a>
+            		</li>
+
+                    <li><a href="#a-few-terminal-operations">a few terminal operations</a>
+            		</li>
+
+                    <li><a href="#edit-files">edit files</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#git-version">git version</a>
+            
+                <ol>
+                    
+                    <li><a href="#a-few-handy-settings">a few handy settings</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#git-going">git going</a>
+            
+                <ol>
+                    
+                    <li><a href="#git-init">git init</a>
+            		</li>
+
+                    <li><a href="#git-clone">git clone</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#git-status">git status</a>
+            
+                <ol>
+                    
+                    <li><a href="#branch-main">branch main</a>
+            		</li>
+
+                    <li><a href="#no-commits-%2F-nothing-to-commit">no commits / nothing to commit</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#commits-and-history">commits and history</a>
+            
+                <ol>
+                    
+                    <li><a href="#git-log">git log</a>
+            		</li>
+
+                    <li><a href="#creating-a-commit">creating a commit</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#the-staging-area">the staging area</a>
+            
+                <ol>
+                    
+                    <li><a href="#git-add">git add</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#git-commit">git commit</a>
+            
+                <ol>
+                    
+                    <li><a href="#checking-our-work">checking our work</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#changes-to-existing-files">changes to existing files</a>
+            
+                <ol>
+                    
+                    <li><a href="#git-restore">git restore</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#git-revert">git revert</a>
+            		</li>
+
+                    <li><a href="#git-remote">git remote</a>
+            
+                <ol>
+                    
+                    <li><a href="#git-fetch-(and-git-pull)">git fetch (and git pull)</a>
+            		</li>
+
+                    <li><a href="#git-push%2C-take-one">git push, take one</a>
+            		</li>
+
+                    <li><a href="#authentication">authentication</a>
+            		</li>
+
+                    <li><a href="#ssh-keys">SSH keys</a>
+            
+                <ol>
+                    
+                    <li><a href="#creation">creation</a>
+            		</li>
+
+                    <li><a href="#an-alias...">an alias...</a>
+            		</li>
+
+                    <li><a href="#and-a-function">and a function</a>
+            		</li>
+
+                    <li><a href="#ssh-keys-and-the-remote">SSH keys and the remote</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#git-push%2C-take-two">git push, take two</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#summary">summary</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>alrighty, this one's a real doozy. Strap in.</p>
 <h2 id="versioning">versioning</h2>
 <p>have you ever tried to revert to a previous version of a document in MS Office or Google Docs and found that your revision history is cluttered with small changes that by all rights should be grouped into one set of edits, but they aren't, and it's tedious to pick through all the versions?</p>
 <p>or, more uniquely and/or uncommonly:</p>
@@ -1939,12 +2097,12 @@ switch (currentThemeValue) {
 <p>this walkthrough also focuses on the &quot;happy path,&quot; without much discussion of troubleshooting. I may write more on the topic in the future, but we're already over <em>4,500 words</em>, so we're calling it a day.</p>
 <p>finally, I wrote this walkthrough primarily with knowledge from using <strong>WSL</strong> [more on this later] on <strong>Windows</strong> and with <strong>Zed</strong> as my text editor. While I've tried to cover my bases with other OSes and options, there's a solid chance I'm missing things!</p>
 <p>that all said, let's get (git?) into it!</p>
-<h2 id="what-is-git">what is <code>git</code>?</h2>
+<h2 id="what-is-git%3F">what is <code>git</code>?</h2>
 <p><code>git</code> is a <em>version control system</em>. We can use it to track changes we make to a set of files.</p>
 <blockquote>
 <p>tip: it's important to understand that despite the examples of MS Office and Google Docs above, <code>git</code> <em>isn't useful</em> with word documents. <code>git</code> shines with plain text files - .txt, .md, or basically any type of code.</p>
 </blockquote>
-<h3 id="where-can-i-use-git">where can I use <code>git</code>?</h3>
+<h3 id="where-can-i-use-git%3F">where can I use <code>git</code>?</h3>
 <p>many, many tools interact with <code>git</code>:</p>
 <ul>
 <li>a lot of modern text editors have graphical user interfaces (GUIs) that let you perform <code>git</code> operations, like <a href="https://code.visualstudio.com/docs/sourcecontrol/overview" target="_blank" rel="external">VSCode</a>, <a href="https://zed.dev/docs/git" target="_blank" rel="external">Zed</a>, or <a href="https://www.sublimetext.com/docs/git_integration.html" target="_blank" rel="external">Sublime Text</a></li>
@@ -1952,9 +2110,9 @@ switch (currentThemeValue) {
 <li>and many <code>git</code> users use the <code>git</code> command line interface (CLI), which is fully text-based</li>
 </ul>
 <p>today we're going to talk about the <code>git</code> CLI... technically. But <strong>don't let that scare you</strong> - we'll talk about <em>concepts</em> and <em>actions</em> that can be applied to other <code>git</code> interfaces as well.</p>
-<h4 id="what-is-a-cli">what is a CLI?</h4>
+<h4 id="what-is-a-cli%3F">what is a CLI?</h4>
 <p>a CLI a way to interact with your computer and with software in text-only form. Rather than using the mouse and clicking on things, you type in commands and see output.</p>
-<h3 id="where-can-i-use-the-git-cli">where can I use the <code>git</code> CLI?</h3>
+<h3 id="where-can-i-use-the-git-cli%3F">where can I use the <code>git</code> CLI?</h3>
 <p>if you want to use the <code>git</code> CLI, you'll need a terminal. You've got a couple options here:</p>
 <ul>
 <li>on Linux or Mac, you should have one built in! This is the easy path, congrats :) Even better, <code>git</code> generally ships with these systems, so there's no installation required. Search for an application called 'Terminal' or similar
@@ -2069,7 +2227,7 @@ nothing to commit (create/copy files and use "git add" to track)</code></pre>
 <p>let's dissect this.</p>
 <h3 id="branch-main">branch main</h3>
 <p><code>git</code> has a concept of <strong>branches</strong>, which are different paths our file history has taken. While branches are <em>incredibly</em> powerful, we're going to stay away from branches during this walkthrough and focus on working on a single branch - in this case, <code>main</code>.</p>
-<h3 id="no-commits-nothing-to-commit">no commits / nothing to commit</h3>
+<h3 id="no-commits-%2F-nothing-to-commit">no commits / nothing to commit</h3>
 <p>&quot;no commits&quot; means that the project has no history whatsoever. &quot;Nothing to commit&quot; means we've made no changes. But what is a commit?</p>
 <h2 id="commits-and-history">commits and history</h2>
 <p>a <strong>commit</strong> is one set of changes made to our work. We get to choose which changes are part of any given commit, and we write a message describing the commit so that future-us knows what we did if for some reason we need to undo something.</p>
@@ -2177,13 +2335,13 @@ Date:   Wed Jan 7 15:18:45 2026 -0800
 <pre class="language-txt"><code class="language-txt">codeberg  https://codeberg.org/inherentlee/git-intro.git (fetch)
 codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 <p>cool! we have a remote set up. What does &quot;fetch&quot; and &quot;push&quot; mean?</p>
-<h3 id="git-fetch-and-git-pull"><code>git fetch</code> (and <code>git pull</code>)</h3>
+<h3 id="git-fetch-(and-git-pull)"><code>git fetch</code> (and <code>git pull</code>)</h3>
 <p><code>git fetch</code> brings <strong>remote</strong> changes to our local machine. So does a command called <code>git pull</code>. Why are there two?</p>
 <p><code>fetch</code> brings the remote changes down, but <em>doesn't combine them yet with our local work</em>. This gives us a chance to explore what those changes are before we actually integrate them into our work!</p>
 <p>this may seem unhelpful if we're thinking about this project as something only we work on, but imagine there's a team of people all contributing to the project. What if we <em>and</em> another person both work on the same file? Our changes might overlap!</p>
 <p>if we're working alone and <em>from one machine</em>, we'll pretty much never have to use <code>git fetch</code> or <code>git pull</code>! If we happen to do our work on multiple machines - for example, I do some work on my PC and some on my fruitpad (using an app called <a href="https://workingcopy.app/" target="_blank" rel="external">Working Copy</a>) - we'll probably update the remote from one machine, then need to pull that work down onto the other machine.</p>
 <p>for our use case, we can pretty safely stick to <code>git pull</code> (if we ever even need to use it!), but if you're working in a larger collaborative project, <code>git fetch</code> is your friend!</p>
-<h3 id="git-push-take-one"><code>git push</code>, take one</h3>
+<h3 id="git-push%2C-take-one"><code>git push</code>, take one</h3>
 <p><code>git push</code> is the opposite of <code>git pull</code> - it takes your local changes and adds them to the remote.</p>
 <p>the first time we use it on any given branch, we'll want to set what's called the <strong>upstream</strong> - the remote branch that our local branch is connected to by default. We can do this with the following command:</p>
 <pre class="language-sh"><code class="language-sh"><span class="token function">git</span> push --set-upstream codeberg main
@@ -2212,7 +2370,7 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 <p>running <code>ssh-keygen</code> will take us through a series of prompts. Assuming we don't already have an SSH key, the default file location is fine.</p>
 <p>when you choose a passphrase, <em>write it down</em>. If you lose it, there is no recourse. You will have to generate a new SSH key.</p>
 <p>after generation, we will have two files at the location specified by the tool (or the custom location we chose). Generally, that's the folder <code>.ssh</code> in our home directory. If we navigate to that directory (<code>cd $HOME/.ssh</code>) and look at the files (<code>ls</code>), we'll see files named <code>id_rsa</code> and <code>id_rsa.pub</code>. The one that ends with <code>.pub</code> is the <em>public</em> key.</p>
-<h4 id="an-alias">an alias...</h4>
+<h4 id="an-alias...">an alias...</h4>
 <p>time for a little more terminal knowledge!</p>
 <p>I have two handy pieces of tooling in my terminal that I use for SSH operations.</p>
 <p>the first one is an <em>alias</em> - basically a simple shortcut for a command. I've written an alias for outputting my public key so that when I need it, I can get it without having to write out the path to the key. Laziness is a virtue, okay?</p>
@@ -2241,7 +2399,7 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 <pre class="language-sh"><code class="language-sh"><span class="token function">git</span> remote set-url codeberg <span class="token operator">&lt;</span>new-url<span class="token operator">></span></code></pre>
 <p>we'll notice that the SSH URL starts with <code>git@</code>, whereas the HTTPS URL started with <code>https://</code>.</p>
 <p>in order for all this to be useful, we need to tell Codeberg about our SSH key. In Codeberg, navigate to <a href="https://codeberg.org/user/settings/keys" target="_blank" rel="external">settings, then find the left-hand tab for SSH keys</a>. Choose 'Add key' and paste in the <strong>public</strong> key (if you set up that <code>sshcat</code> alias, use it now to output your key for ease of copying). Save and we'll now be set up to authenticate with SSH!</p>
-<h3 id="git-push-take-two"><code>git push</code>, take two</h3>
+<h3 id="git-push%2C-take-two"><code>git push</code>, take two</h3>
 <p>we can now call <code>git push</code> again and again now without having to repeat our credentials every time. We can also call <code>git pull</code> for our private repositories.</p>
 <h2 id="summary">summary</h2>
 <p>let's talk about what we've done.</p>
@@ -2260,6 +2418,7 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 </ol>
 <p>congratulations, and welcome to <code>git</code>!</p>
 
+
   </article>
 
   
@@ -2297,26 +2456,28 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/backend-accessibility/">
-			<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/my-favorite-git-flag/">
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
+			<h2 data-ha-exclude="">my favorite git flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2329,15 +2490,15 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/screen-reader-optimizations/">
+			<h2 data-ha-exclude="">screen reader optimizations </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2394,6 +2555,6 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 </footer>
 
 
-    <!-- This page `/an-intro-to-git/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/an-intro-to-git/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/anarchy-autism/index.html b/anarchy-autism/index.html
index 669516c1..6ede1646 100644
--- a/anarchy-autism/index.html
+++ b/anarchy-autism/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="anarchy-autism">anarchy autism</h1>
+    <h1>anarchy autism</h1>
 
     <div class="post-metadata">
       <p>
@@ -1904,12 +1905,52 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="">queer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="">pronoun patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>patch</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/big-pidge/">
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1920,41 +1961,7 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>shirt</li>
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2011,6 +2018,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/anarchy-autism/` was built on 2026-09-20T00:40:39.724Z -->
+    <!-- This page `/anarchy-autism/` was built on 2026-09-20T22:08:14.562Z -->
   </body>
 </html>
diff --git a/art-shows-and-events/index.html b/art-shows-and-events/index.html
index 5732dee4..0339578b 100644
--- a/art-shows-and-events/index.html
+++ b/art-shows-and-events/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="art-shows-and-events">art shows and events</h1>
+    <h1>art shows and events</h1>
 
     <div class="post-metadata">
       <p>
@@ -1837,11 +1838,12 @@ switch (currentThemeValue) {
     <p>Listed by recency.</p>
 <h2 id="2026">2026</h2>
 <ul>
-<li><a href="https://beall-greenhouses-market.pages.dev/events/2026-imbolc" target="_blank" rel="external">Imbolc Celebration &amp; Market at Beall Greenhouses</a> (vendor, web marketing)</li>
+<li><a href="https://beall-greenhouses.com/events/2027-beltane" target="_blank" rel="external">Beltane Market at Beall Greenhouses</a> (vendor, web marketing)</li>
+<li><a href="https://beall-greenhouses.com/events/2026-imbolc" target="_blank" rel="external">Imbolc Celebration &amp; Market at Beall Greenhouses</a> (vendor, web marketing)</li>
 </ul>
 <h2 id="2025">2025</h2>
 <ul>
-<li><a href="https://beall-greenhouses-market.pages.dev/events/2025-solstice" target="_blank" rel="external">Solstice Market at Beall Greenhouses</a> (vendor, web and print marketing)</li>
+<li><a href="https://beall-greenhouses.com/events/2025-solstice" target="_blank" rel="external">Solstice Market at Beall Greenhouses</a> (vendor, web and print marketing)</li>
 <li><a href="https://www.instagram.com/seattle.zine.fest" target="_blank" rel="external">Seattle Zine Fest</a> (vendor)</li>
 <li><a href="https://vivartists.com/viva/events/spring-tour-2025/" target="_blank" rel="external">VIVA Spring Tour</a> (vendor)</li>
 <li><a href="https://www.seaf.art" target="_blank" rel="external">Seattle Erotic Art Festival</a> (displayed artist)</li>
@@ -1943,6 +1945,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/art-shows-and-events/` was built on 2026-09-20T00:40:39.760Z -->
+    <!-- This page `/art-shows-and-events/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/artisans-cooperative-cards/index.html b/artisans-cooperative-cards/index.html
index 7fac2c21..bd1a4e58 100644
--- a/artisans-cooperative-cards/index.html
+++ b/artisans-cooperative-cards/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="artisans-cooperative-cards">artisans cooperative cards</h1>
+    <h1>artisans cooperative cards</h1>
 
     <div class="post-metadata">
       <p>
@@ -1889,12 +1890,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+		<a class="postlink" href="/spotted-towhee/">
+			<h2 data-ha-exclude="">spotted towhee </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1902,44 +1903,40 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
 				<li>shirt</li>
 				
-				<li>gender</li>
+				<li>print</li>
 				
 			</ul>
-			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+		<a class="postlink" href="/rope-one/">
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
 			
 		</a>
 	</li>
@@ -1996,6 +1993,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/artisans-cooperative-cards/` was built on 2026-09-20T00:40:39.722Z -->
+    <!-- This page `/artisans-cooperative-cards/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/artisans-cooperative-shirts/index.html b/artisans-cooperative-shirts/index.html
index 2d507c33..b270f597 100644
--- a/artisans-cooperative-shirts/index.html
+++ b/artisans-cooperative-shirts/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="artisans-cooperative-shirts">artisans cooperative shirts</h1>
+    <h1>artisans cooperative shirts</h1>
 
     <div class="post-metadata">
       <p>
@@ -1890,47 +1891,67 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/euphorbia/">
-			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1987,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/artisans-cooperative-shirts/` was built on 2026-09-20T00:40:39.724Z -->
+    <!-- This page `/artisans-cooperative-shirts/` was built on 2026-09-20T22:08:14.562Z -->
   </body>
 </html>
diff --git a/artists-conk/index.html b/artists-conk/index.html
index 503ab18c..dfa3ef7e 100644
--- a/artists-conk/index.html
+++ b/artists-conk/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="artists-conk">artists conk!</h1>
+    <h1>artists conk!</h1>
 
     <div class="post-metadata">
       <p>
@@ -1920,6 +1921,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/artists-conk/` was built on 2026-09-20T00:40:39.727Z -->
+    <!-- This page `/artists-conk/` was built on 2026-09-20T22:08:14.564Z -->
   </body>
 </html>
diff --git a/azure-locations-and-file-crawling/index.html b/azure-locations-and-file-crawling/index.html
index c18d4893..6da1219e 100644
--- a/azure-locations-and-file-crawling/index.html
+++ b/azure-locations-and-file-crawling/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="azure-locations-and-file-crawling">azure locations and file crawling</h1>
+    <h1>azure locations and file crawling</h1>
 
     <div class="post-metadata">
       <p>
@@ -1848,7 +1922,85 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
     
 
-    <h2 id="context">context</h2>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#context">context</a>
+            
+                <ol>
+                    
+                    <li><a href="#bicep">bicep</a>
+            
+                <ol>
+                    
+                    <li><a href="#nesting">nesting</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#finding-all-resources">finding all resources</a>
+            
+                <ol>
+                    
+                    <li><a href="#grep">grep</a>
+            		</li>
+
+                    <li><a href="#cut">cut</a>
+            		</li>
+
+                    <li><a href="#mapfile">mapfile</a>
+            		</li>
+
+                    <li><a href="#dirname-(%26-more)">dirname (& more)</a>
+            		</li>
+
+                    <li><a href="#the-get_resources-function">the get_resources function</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#finding-locations">finding locations</a>
+            
+                <ol>
+                    
+                    <li><a href="#sort">sort</a>
+            		</li>
+
+                    <li><a href="#az">az</a>
+            		</li>
+
+                    <li><a href="#cut-(again)">cut (again)</a>
+            		</li>
+
+                    <li><a href="#comm">comm</a>
+            		</li>
+
+                    <li><a href="#catching-errors">catching errors</a>
+            		</li>
+
+                    <li><a href="#tee">tee</a>
+            		</li>
+
+                    <li><a href="#the-location-code">the location code</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#summary">summary</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<h2 id="context">context</h2>
 <p>Azure is Microsoft's cloud offering. Each possible resource that can be deployed in Azure has a location it's deployed in, such as &quot;East US&quot; or &quot;Italy.&quot; While some resources can be deployed in all locations, other resources have location constraints.</p>
 <p>It's common, when deploying, to have a whole ecosystem of resources that will work together. However, this introduces a problem: which locations work for all resources in a deployment?</p>
 <p>Let's dig in. (Want just the outcome? Check the <a href="#summary">summary</a>.)</p>
@@ -1923,7 +2075,7 @@ switch (currentThemeValue) {
     <span class="token operator">|</span> <span class="token function">cut</span> <span class="token parameter variable">-d</span> <span class="token string">"@"</span> <span class="token parameter variable">-f</span> <span class="token number">1</span> -<span class="token punctuation">)</span>
 <span class="token builtin class-name">mapfile</span> <span class="token parameter variable">-t</span> modules <span class="token operator">&lt;</span> <span class="token operator">&lt;</span><span class="token punctuation">(</span><span class="token function">grep</span> <span class="token parameter variable">-E</span> <span class="token string">"^module "</span> <span class="token string">"<span class="token variable">$file</span>"</span> <span class="token punctuation">\</span>
     <span class="token operator">|</span> <span class="token function">cut</span> <span class="token parameter variable">-d</span> <span class="token string">"'"</span> <span class="token parameter variable">-f</span> <span class="token number">2</span> -<span class="token punctuation">)</span></code></pre>
-<h3 id="dirname-and-more"><code>dirname</code> (&amp; more)</h3>
+<h3 id="dirname-(%26-more)"><code>dirname</code> (&amp; more)</h3>
 <p>We can't just stop there. We need to search each module in turn. Using <code>dirname</code>, we can get the directory of the file we're searching, then append the relative module path.</p>
 <pre class="language-sh"><code class="language-sh"><span class="token function-name function">get_resources</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token comment"># ... grep, cut, etc ...</span>
@@ -1938,7 +2090,7 @@ switch (currentThemeValue) {
 <p>A lot just happened there besides <code>dirname</code>. <code>{modules[@]}</code> is all the array elements (as opposed to just <code>$modules</code>, which evaluates to the first element). <code>${#modules[@]}</code>, on the other hand - note the pound sign - is the number of elements in the array.</p>
 <p>Additionally, <code>mapfile</code> usually writes from index 0 onwards. But with the <code>-O</code> argument, we can specify an <strong>origin</strong>. By setting the starting point to the length of the array, we append to the array rather than writing over existing data.</p>
 <p>Finally, we got some recursion going! <code>get_resources</code> calls <code>get_resources</code> for every module found.</p>
-<h3 id="the-get-resources-function">the <code>get_resources</code> function</h3>
+<h3 id="the-get_resources-function">the <code>get_resources</code> function</h3>
 <p>So far, our code looks like this:</p>
 <pre class="language-sh"><code class="language-sh"><span class="token function-name function">get_resources</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token builtin class-name">mapfile</span> <span class="token parameter variable">-t</span> resources <span class="token operator">&lt;</span> <span class="token operator">&lt;</span><span class="token punctuation">(</span><span class="token function">grep</span> <span class="token parameter variable">-E</span> <span class="token string">"^resource "</span> <span class="token string">"<span class="token variable">$file</span>"</span> <span class="token punctuation">\</span>
@@ -1973,7 +2125,7 @@ switch (currentThemeValue) {
     <span class="token parameter variable">--query</span> <span class="token string">"resourceTypes[?resourceType=='<span class="token variable">$resourceType</span>'].locations | [0]"</span> <span class="token punctuation">\</span>
     <span class="token parameter variable">--out</span> tsv<span class="token punctuation">)</span></code></pre>
 <p><code>--out tsv</code> means we will get a list with no decoration whatsoever - it's vital for programmatic handling of <code>az</code> command output.</p>
-<h3 id="cut-again"><code>cut</code> (again)</h3>
+<h3 id="cut-(again)"><code>cut</code> (again)</h3>
 <p>We'll need to get those <code>$namespace</code> and <code>$resourceType</code> variables. <code>cut</code> comes back in handy:</p>
 <pre class="language-sh"><code class="language-sh"><span class="token comment"># remember, $resource is something like Microsoft.Resources/resourceGroups</span>
 
@@ -2076,6 +2228,7 @@ switch (currentThemeValue) {
 
 <span class="token keyword">for</span> <span class="token for-or-select variable">location</span> <span class="token keyword">in</span> <span class="token string">"<span class="token variable">${locations<span class="token punctuation">[</span>@<span class="token punctuation">]</span>}</span>"</span><span class="token punctuation">;</span> <span class="token keyword">do</span> <span class="token builtin class-name">echo</span> <span class="token string">"<span class="token variable">$location</span>"</span><span class="token punctuation">;</span> <span class="token keyword">done</span> <span class="token operator">|</span> <span class="token function">tee</span> locations.txt</code></pre>
 
+
   </article>
 
   
@@ -2113,12 +2266,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
+			<h2 data-ha-exclude="">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2131,29 +2284,29 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/happy-solstice-2025/">
-			<h2 data-ha-exclude="" id="happy-solstice-2025">happy solstice 2025 </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/solstice-2025.jpg" alt="front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i&#39;m standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with &#39;L + B&#39; written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words &#39;happy solstice&#39; in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words &#39;lee, brooke, kestrel, &amp; the flock&#39; in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel&#39;s head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i&#39;ve added a dahlia to represent the stamp, and written &#39;you!&#39; in the field that would normally hold the mailing address." loading="lazy" decoding="async" width="1000" height="1346">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/comparing-text-editors/">
+			<h2 data-ha-exclude="">comparing text editors </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." 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>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2210,6 +2363,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/azure-locations-and-file-crawling/` was built on 2026-09-20T00:40:39.760Z -->
+    <!-- This page `/azure-locations-and-file-crawling/` was built on 2026-09-20T22:08:14.586Z -->
   </body>
 </html>
diff --git a/backend-accessibility/index.html b/backend-accessibility/index.html
index edf056ce..14b7e4b9 100644
--- a/backend-accessibility/index.html
+++ b/backend-accessibility/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="backend-accessibility">backend accessibility</h1>
+    <h1>backend accessibility</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,16 +1917,62 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
     
 
-    <blockquote>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#documentation">Documentation</a>
+            		</li>
+
+                    <li><a href="#rely-on-standards">Rely on standards</a>
+            		</li>
+
+                    <li><a href="#user-stories">User stories</a>
+            
+                <ol>
+                    
+                    <li><a href="#i-want-to-understand-new-terms-as-they're-introduced">I want to understand new terms as they're introduced</a>
+            		</li>
+
+                    <li><a href="#i-want-to-quickly-scan-a-page-for-the-information-i-need">I want to quickly scan a page for the information I need</a>
+            		</li>
+
+                    <li><a href="#i-want-to-be-aware-of-and-able-to-understand-all-content-on-the-page">I want to be aware of and able to understand all content on the page</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#todo-notes">todo notes</a>
+            		</li>
+
+                    <li><a href="#references">References</a>
+            
+                <ol>
+                    
+                    <li><a href="#alt-text%2Fimage-descriptions">Alt text/image descriptions</a>
+            		</li>
+
+                    <li><a href="#other-specific-topics">Other specific topics</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
 <p>These notes are from a talk I gave at work. If you think something is missing or incorrect, please let me know!</p>
-</blockquote>
 <p>Backend developers still have users: other developers. We're all human, with human limitations and differences. Design for those limitations and you'll find you improve the end result for everyone.</p>
 <h2 id="documentation">Documentation</h2>
 <p>The first thing you can do: document. By this I don't just mean standalone text documentation; I also include code comments, clear variable and file naming, and pipeline or script outputs that report success or failure <em>and give details</em>.</p>
 <h2 id="rely-on-standards">Rely on standards</h2>
 <p>Rely on existing standards where possible. Style guides, spell checkers, linters, and formatters are all great. Make standards easy to follow with linter, editor, etc. config files in your repo, or add a devcontainer so others can easily get started with the project. When there's no standard, create one; for example, set up github issue and PR templates. And whenever you can, automate tests <em>and fixes</em>.</p>
 <h2 id="user-stories">User stories</h2>
-<h3 id="i-want-to-understand-new-terms-as-they-re-introduced">I want to understand new terms as they're introduced</h3>
+<h3 id="i-want-to-understand-new-terms-as-they're-introduced">I want to understand new terms as they're introduced</h3>
 <ul>
 <li>Abbreviations/initialisms: can stall anyone unfamiliar with them. Spell them out when they're first introduced, and add the abbreviation in parentheses.</li>
 <li>Jargon: avoid it as much as possible. Keep a friendly tone.</li>
@@ -1890,7 +2010,7 @@ switch (currentThemeValue) {
 <li><a href="https://marconius.com/a11yLinks/" target="_blank" rel="external">Collected accessibility resources — Marco Salsiccia</a></li>
 <li><a href="https://a11y.coffee/start-testing/" target="_blank" rel="external">A11y coffee</a> [note: spell out 'accessibility' rather than shortening to 'a11y'!]</li>
 </ul>
-<h3 id="alt-text-image-descriptions">Alt text/image descriptions</h3>
+<h3 id="alt-text%2Fimage-descriptions">Alt text/image descriptions</h3>
 <ul>
 <li><a href="https://uxdesign.cc/how-to-write-an-image-description-2f30d3bf5546" target="_blank" rel="external">How to write an image description</a></li>
 <li><a href="https://www.perkins.org/resource/how-write-alt-text-and-image-descriptions-visually-impaired/" target="_blank" rel="external">How to write alt text and image descriptions for the visually impaired — Perkins School for the Blind</a></li>
@@ -1906,6 +2026,7 @@ switch (currentThemeValue) {
 <li><a href="https://chartability.fizz.studio" target="_blank" rel="external">Chartability</a> (data visualization)</li>
 </ul>
 
+
   </article>
 
   
@@ -1943,26 +2064,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/comparing-text-editors/">
-			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
+		<a class="postlink" href="/an-intro-to-git/">
+			<h2 data-ha-exclude="">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+			<h2 data-ha-exclude="">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1975,15 +2096,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
+		<a class="postlink" href="/domain-and-site-setup/">
+			<h2 data-ha-exclude="">domain and site setup </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
+			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2040,6 +2161,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/backend-accessibility/` was built on 2026-09-20T00:40:39.715Z -->
+    <!-- This page `/backend-accessibility/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/bag-strap/index.html b/bag-strap/index.html
index 460fce41..c04ee3a4 100644
--- a/bag-strap/index.html
+++ b/bag-strap/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="bag-strap">bag strap</h1>
+    <h1>bag strap</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+		<a class="postlink" href="/leaf-patches/">
+			<h2 data-ha-exclude="">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/patchwork-wallet/">
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bag-strap/` was built on 2026-09-20T00:40:39.727Z -->
+    <!-- This page `/bag-strap/` was built on 2026-09-20T22:08:14.564Z -->
   </body>
 </html>
diff --git a/baseball-journal/index.html b/baseball-journal/index.html
index 4bf3c337..90758478 100644
--- a/baseball-journal/index.html
+++ b/baseball-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="baseball-journal">baseball journal</h1>
+    <h1>baseball journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1892,49 +1893,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/flocked-notebook/">
-			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
+			<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="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+		<a class="postlink" href="/black-and-red-journal/">
+			<h2 data-ha-exclude="">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
-				<li>highlight</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			<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="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+		<a class="postlink" href="/acadia-coloring-journal/">
+			<h2 data-ha-exclude="">Acadia coloring journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -1991,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/baseball-journal/` was built on 2026-09-20T00:40:39.721Z -->
+    <!-- This page `/baseball-journal/` was built on 2026-09-20T22:08:14.558Z -->
   </body>
 </html>
diff --git a/become-unbutterable/index.html b/become-unbutterable/index.html
index a2e2a640..d6490999 100644
--- a/become-unbutterable/index.html
+++ b/become-unbutterable/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="become-unbutterable">become unbutterable</h1>
+    <h1>become unbutterable</h1>
 
     <div class="post-metadata">
       <p>
@@ -1889,26 +1890,32 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+		<a class="postlink" href="/anarchy-autism/">
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
 			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/spotted-towhee/">
+			<h2 data-ha-exclude="">spotted towhee </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1916,24 +1923,24 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+		<a class="postlink" href="/not-a-drill/">
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1990,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/become-unbutterable/` was built on 2026-09-20T00:40:39.710Z -->
+    <!-- This page `/become-unbutterable/` was built on 2026-09-20T22:08:14.532Z -->
   </body>
 </html>
diff --git a/bfl-silk-handspun/index.html b/bfl-silk-handspun/index.html
index 92bd1c11..524c9142 100644
--- a/bfl-silk-handspun/index.html
+++ b/bfl-silk-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="bfl-silk-handspun">BFL/silk handspun</h1>
+    <h1>BFL/silk handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,26 +1883,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/petrichor-handspun/">
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
+		<a class="postlink" href="/spinners-dream-handspun/">
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/orion-handspun/">
+			<h2 data-ha-exclude="">orion handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+			<h2 data-ha-exclude="">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1913,20 +1928,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/fire-and-ice-handspun/">
-			<h2 data-ha-exclude="" id="fire-and-ice-handspun">fire &amp; ice handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/fire-ice-handspun.jpg" alt="2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bfl-silk-handspun/` was built on 2026-09-20T00:40:39.764Z -->
+    <!-- This page `/bfl-silk-handspun/` was built on 2026-09-20T22:08:14.567Z -->
   </body>
 </html>
diff --git a/big-pidge/index.html b/big-pidge/index.html
index 762629e3..894d4a86 100644
--- a/big-pidge/index.html
+++ b/big-pidge/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="big-pidge">big pidge</h1>
+    <h1>big pidge</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,12 +1900,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1912,15 +1913,43 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/trans-rights-skull/">
+			<h2 data-ha-exclude="">trans rights skull </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1931,21 +1960,7 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2002,6 +2017,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/big-pidge/` was built on 2026-09-20T00:40:39.715Z -->
+    <!-- This page `/big-pidge/` was built on 2026-09-20T22:08:14.557Z -->
   </body>
 </html>
diff --git a/black-and-red-journal/index.html b/black-and-red-journal/index.html
index ca62ecc5..63aa15c0 100644
--- a/black-and-red-journal/index.html
+++ b/black-and-red-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="black-and-red-journal">black and red journal</h1>
+    <h1>black and red journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1886,47 +1887,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+		<a class="postlink" href="/stephanie-collar/">
+			<h2 data-ha-exclude="">stephanie collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/stephanie-collar.jpg" alt="A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </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>
 				
 			</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/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="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+		<a class="postlink" href="/vertical-zipper-card-wallet/">
+			<h2 data-ha-exclude="">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1983,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/black-and-red-journal/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/black-and-red-journal/` was built on 2026-09-20T22:08:14.569Z -->
   </body>
 </html>
diff --git a/block-printing-transfer-method/index.html b/block-printing-transfer-method/index.html
index e246f09e..398e3983 100644
--- a/block-printing-transfer-method/index.html
+++ b/block-printing-transfer-method/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="block-printing-transfer-method">block printing transfer method</h1>
+    <h1>block printing transfer method</h1>
 
     <div class="post-metadata">
       <p>
@@ -1922,12 +1923,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1935,17 +1936,17 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+		<a class="postlink" href="/chanterelle/">
+			<h2 data-ha-exclude="">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1954,21 +1955,25 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fix-your-hearts/">
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
+		<a class="postlink" href="/greeting-loons/">
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>card</li>
+				
 				<li>print</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2025,6 +2030,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/block-printing-transfer-method/` was built on 2026-09-20T00:40:39.714Z -->
+    <!-- This page `/block-printing-transfer-method/` was built on 2026-09-20T22:08:14.556Z -->
   </body>
 </html>
diff --git a/blue-and-brown-leather-journal/index.html b/blue-and-brown-leather-journal/index.html
index ea44b446..67723523 100644
--- a/blue-and-brown-leather-journal/index.html
+++ b/blue-and-brown-leather-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="blue-and-brown-leather-journal">blue and brown leather journal</h1>
+    <h1>blue and brown leather journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,26 +1899,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-strap-journal/">
-			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
+		<a class="postlink" href="/baseball-journal/">
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/stampede-journal/">
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+			<h2 data-ha-exclude="">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1930,17 +1931,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/square-watercolor-pad/">
+			<h2 data-ha-exclude="">square watercolor pad </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>book</li>
 				
 			</ul>
-			<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">
+			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
@@ -1997,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/blue-and-brown-leather-journal/` was built on 2026-09-20T00:40:39.710Z -->
+    <!-- This page `/blue-and-brown-leather-journal/` was built on 2026-09-20T22:08:14.533Z -->
   </body>
 </html>
diff --git a/booby-congrats-on-the-top-surgery/index.html b/booby-congrats-on-the-top-surgery/index.html
index 3ebae448..885e571f 100644
--- a/booby-congrats-on-the-top-surgery/index.html
+++ b/booby-congrats-on-the-top-surgery/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery)</h1>
+    <h1>booby (congrats on the top surgery)</h1>
 
     <div class="post-metadata">
       <p>
@@ -1892,28 +1893,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+		<a class="postlink" href="/trans-rights-skull/">
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1928,14 +1913,32 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+		<a class="postlink" href="/big-pidge/">
+			<h2 data-ha-exclude="">big pidge </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+			<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1944,7 +1947,7 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -2001,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-09-20T00:40:39.738Z -->
+    <!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-09-20T22:08:14.539Z -->
   </body>
 </html>
diff --git a/bottom-growth/index.html b/bottom-growth/index.html
index a4797cca..90ca6c34 100644
--- a/bottom-growth/index.html
+++ b/bottom-growth/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="bottom-growth">bottom growth</h1>
+    <h1>bottom growth</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,49 +1888,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+		<a class="postlink" href="/on-the-ubiquity-of-enby/">
+			<h2 data-ha-exclude="">on the ubiquity of &#39;enby&#39; </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/gender-census.jpg" alt="A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads &#39;Gender Census 2023 Worldwide Report&#39;" loading="lazy" decoding="async" width="1000" height="364">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fix-your-hearts/">
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
+		<a class="postlink" href="/become-unbutterable/">
+			<h2 data-ha-exclude="">become unbutterable </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="">pronoun patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>patch</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -1986,6 +1989,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bottom-growth/` was built on 2026-09-20T00:40:39.736Z -->
+    <!-- This page `/bottom-growth/` was built on 2026-09-20T22:08:14.536Z -->
   </body>
 </html>
diff --git a/bowtie/index.html b/bowtie/index.html
index 5454df00..08751f68 100644
--- a/bowtie/index.html
+++ b/bowtie/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="bowtie">bowtie</h1>
+    <h1>bowtie</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,26 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+			<h2 data-ha-exclude="">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1914,15 +1901,29 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+		<a class="postlink" href="/stephanie-collar/">
+			<h2 data-ha-exclude="">stephanie collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/stephanie-collar.jpg" alt="A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<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/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>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bowtie/` was built on 2026-09-20T00:40:39.736Z -->
+    <!-- This page `/bowtie/` was built on 2026-09-20T22:08:14.537Z -->
   </body>
 </html>
diff --git a/boypussy/index.html b/boypussy/index.html
index 2db32b8f..6ab4c9dd 100644
--- a/boypussy/index.html
+++ b/boypussy/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="boypussy">boypussy</h1>
+    <h1>boypussy</h1>
 
     <div class="post-metadata">
       <p>
@@ -1909,12 +1910,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/artisans-cooperative-cards/">
+			<h2 data-ha-exclude="">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1923,35 +1940,23 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/give-to-trans-orgs-and-people/">
-			<h2 data-ha-exclude="" id="give-to-trans-orgs-and-people">give to trans orgs and people </h2>
+		<a class="postlink" href="/flatfish/">
+			<h2 data-ha-exclude="">flatfish </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>print</li>
+				
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/bouquet.jpg" alt="Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
+			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -2008,6 +2013,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/boypussy/` was built on 2026-09-20T00:40:39.723Z -->
+    <!-- This page `/boypussy/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/brookes-collar/index.html b/brookes-collar/index.html
index 4ecd72bd..f2bfbe05 100644
--- a/brookes-collar/index.html
+++ b/brookes-collar/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="brookes-collar">brooke&#39;s collar</h1>
+    <h1>brooke&#39;s collar</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </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>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<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="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+		<a class="postlink" href="/dragon-mask/">
+			<h2 data-ha-exclude="">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/swoop-wallet/">
+			<h2 data-ha-exclude="">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1981,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-collar/` was built on 2026-09-20T00:40:39.727Z -->
+    <!-- This page `/brookes-collar/` was built on 2026-09-20T22:08:14.564Z -->
   </body>
 </html>
diff --git a/brookes-cuff-bracelets/index.html b/brookes-cuff-bracelets/index.html
index e582d330..bcbaeb64 100644
--- a/brookes-cuff-bracelets/index.html
+++ b/brookes-cuff-bracelets/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets</h1>
+    <h1>brooke&#39;s cuff bracelets</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/wrap-bracelets/">
-			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
+		<a class="postlink" href="/dragon-mask/">
+			<h2 data-ha-exclude="">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</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/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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+		<a class="postlink" href="/lobstah/">
+			<h2 data-ha-exclude="">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
@@ -1981,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-cuff-bracelets/` was built on 2026-09-20T00:40:39.735Z -->
+    <!-- This page `/brookes-cuff-bracelets/` was built on 2026-09-20T22:08:14.536Z -->
   </body>
 </html>
diff --git a/brookes-notebook/index.html b/brookes-notebook/index.html
index 945aa120..58ac96c1 100644
--- a/brookes-notebook/index.html
+++ b/brookes-notebook/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="brookes-notebook">brooke&#39;s notebook</h1>
+    <h1>brooke&#39;s notebook</h1>
 
     <div class="post-metadata">
       <p>
@@ -1897,51 +1898,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/stampede-journal/">
+			<h2 data-ha-exclude="">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>book</li>
 				
 			</ul>
-			<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">
+			<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+		<a class="postlink" href="/quorbs/">
+			<h2 data-ha-exclude="">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
+				<li>print</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+		<a class="postlink" href="/black-and-red-journal/">
+			<h2 data-ha-exclude="">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
+				<li>leather</li>
+				
 			</ul>
-			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
+			<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>
@@ -1998,6 +1999,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-notebook/` was built on 2026-09-20T00:40:39.712Z -->
+    <!-- This page `/brookes-notebook/` was built on 2026-09-20T22:08:14.534Z -->
   </body>
 </html>
diff --git a/brookes-scarf/index.html b/brookes-scarf/index.html
index c2435d0e..32f3a84b 100644
--- a/brookes-scarf/index.html
+++ b/brookes-scarf/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="brookes-scarf">brooke&#39;s scarf</h1>
+    <h1>brooke&#39;s scarf</h1>
 
     <div class="post-metadata">
       <p>
@@ -1889,26 +1890,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/knit-shrimp/">
-			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-			</ul>
-			<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1923,17 +1910,31 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
-				<li>highlight</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
+			<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1990,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-scarf/` was built on 2026-09-20T00:40:39.762Z -->
+    <!-- This page `/brookes-scarf/` was built on 2026-09-20T22:08:14.543Z -->
   </body>
 </html>
diff --git a/brookes-socks/index.html b/brookes-socks/index.html
index e30be953..cb74c271 100644
--- a/brookes-socks/index.html
+++ b/brookes-socks/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="brookes-socks">brooke&#39;s socks</h1>
+    <h1>brooke&#39;s socks</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,44 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/acadia-mitts/">
-			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
+			<h2 data-ha-exclude="">acadia mitts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1931,6 +1900,34 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
+			<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/brookes-scarf/">
+			<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1983,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-socks/` was built on 2026-09-20T00:40:39.711Z -->
+    <!-- This page `/brookes-socks/` was built on 2026-09-20T22:08:14.534Z -->
   </body>
 </html>
diff --git a/brookes-suspenders/index.html b/brookes-suspenders/index.html
index ba3cc963..85124a35 100644
--- a/brookes-suspenders/index.html
+++ b/brookes-suspenders/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="brookes-suspenders">brooke&#39;s suspenders</h1>
+    <h1>brooke&#39;s suspenders</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vertical-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+		<a class="postlink" href="/brookes-collar/">
+			<h2 data-ha-exclude="">brooke&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+		<a class="postlink" href="/leaf-patches/">
+			<h2 data-ha-exclude="">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-suspenders/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/brookes-suspenders/` was built on 2026-09-20T22:08:14.543Z -->
   </body>
 </html>
diff --git a/brown-creeper/index.html b/brown-creeper/index.html
index 76129050..ff9e2eca 100644
--- a/brown-creeper/index.html
+++ b/brown-creeper/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="brown-creeper">brown creeper</h1>
+    <h1>brown creeper</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,12 +1884,30 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="">pronoun patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>patch</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/hummingbird-become-ungovernable/">
+			<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1899,39 +1918,23 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/hummingbird-ungovernable-print.jpg" alt="A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads &#39;become ungovernable&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/not-a-drill/">
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/kniphofia/">
-			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1988,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brown-creeper/` was built on 2026-09-20T00:40:39.740Z -->
+    <!-- This page `/brown-creeper/` was built on 2026-09-20T22:08:14.540Z -->
   </body>
 </html>
diff --git a/butch-hands-pattern/index.html b/butch-hands-pattern/index.html
index dbc01163..83b7d93e 100644
--- a/butch-hands-pattern/index.html
+++ b/butch-hands-pattern/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="butch-hands-pattern">butch hands pattern</h1>
+    <h1>butch hands pattern</h1>
 
     <div class="post-metadata">
       <p>
@@ -1848,7 +1922,58 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
     
 
-    <p>This pattern is a <strong>Work in Progress</strong> and will be updated with more information as I make a second pair of these.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#authorship-and-attribution">Authorship and attribution</a>
+            		</li>
+
+                    <li><a href="#materials-and-tools">Materials and tools</a>
+            		</li>
+
+                    <li><a href="#outline">Outline</a>
+            		</li>
+
+                    <li><a href="#directions">Directions</a>
+            
+                <ol>
+                    
+                    <li><a href="#cuff">Cuff</a>
+            		</li>
+
+                    <li><a href="#back-of-hand">Back of hand</a>
+            		</li>
+
+                    <li><a href="#mitten-top">Mitten top</a>
+            		</li>
+
+                    <li><a href="#establishing-the-palm">Establishing the palm</a>
+            		</li>
+
+                    <li><a href="#thumb-gusset">Thumb gusset</a>
+            
+                <ol>
+                    
+                    <li><a href="#right-hand-thumb">Right hand thumb</a>
+            		</li>
+
+                    <li><a href="#left-hand-thumb">Left hand thumb</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>This pattern is a <strong>Work in Progress</strong> and will be updated with more information as I make a second pair of these.</p>
 <h2 id="authorship-and-attribution">Authorship and attribution</h2>
 <ul>
 <li>Created: 12 March 2021</li>
@@ -1927,6 +2052,7 @@ switch (currentThemeValue) {
 <h4 id="left-hand-thumb">Left hand thumb</h4>
 <p>To be continued...</p>
 
+
   </article>
 
   
@@ -1964,51 +2090,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
+		<a class="postlink" href="/on-the-shoulders-of-giants/">
+			<h2 data-ha-exclude="">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>zine</li>
+				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+		<a class="postlink" href="/happy-solstice-2025/">
+			<h2 data-ha-exclude="">happy solstice 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>book</li>
-				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			<img src="/img/solstice-2025.jpg" alt="front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i&#39;m standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with &#39;L + B&#39; written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words &#39;happy solstice&#39; in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words &#39;lee, brooke, kestrel, &amp; the flock&#39; in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel&#39;s head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i&#39;ve added a dahlia to represent the stamp, and written &#39;you!&#39; in the field that would normally hold the mailing address." loading="lazy" decoding="async" width="1000" height="1346">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+		<a class="postlink" href="/pink-socks/">
+			<h2 data-ha-exclude="">pink socks </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
+			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -2065,6 +2189,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/butch-hands-pattern/` was built on 2026-09-20T00:40:39.713Z -->
+    <!-- This page `/butch-hands-pattern/` was built on 2026-09-20T22:08:14.586Z -->
   </body>
 </html>
diff --git a/chanterelle/index.html b/chanterelle/index.html
index fb8081a9..059fcb9c 100644
--- a/chanterelle/index.html
+++ b/chanterelle/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="chanterelle">chanterelle</h1>
+    <h1>chanterelle</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,30 +1895,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+		<a class="postlink" href="/junco/">
+			<h2 data-ha-exclude="">junco </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1926,14 +1909,14 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/junco-print.jpg" alt="A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+			<h2 data-ha-exclude="">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1945,6 +1928,24 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="">foxgloves </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1997,6 +1998,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/chanterelle/` was built on 2026-09-20T00:40:39.713Z -->
+    <!-- This page `/chanterelle/` was built on 2026-09-20T22:08:14.545Z -->
   </body>
 </html>
diff --git a/charlie-the-alpaca-handspun/index.html b/charlie-the-alpaca-handspun/index.html
index 4a81d09b..d970683d 100644
--- a/charlie-the-alpaca-handspun/index.html
+++ b/charlie-the-alpaca-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="charlie-the-alpaca-handspun">charlie the alpaca handspun</h1>
+    <h1>charlie the alpaca handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+		<a class="postlink" href="/fire-and-ice-handspun/">
+			<h2 data-ha-exclude="">fire &amp; ice handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/fire-ice-handspun.jpg" alt="2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+		<a class="postlink" href="/spinners-dream-handspun/">
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+		<a class="postlink" href="/handcombed-jacobs-handspun/">
+			<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-09-20T22:08:14.568Z -->
   </body>
 </html>
diff --git a/circle-bag/index.html b/circle-bag/index.html
index 9de18cc6..bb082bbf 100644
--- a/circle-bag/index.html
+++ b/circle-bag/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="circle-bag">circle bag</h1>
+    <h1>circle bag</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,12 +1883,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<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/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="/o-ring-bracelet/">
+			<h2 data-ha-exclude="">o-ring bracelet </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1899,34 +1928,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/leather-chest-harness/">
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/circle-bag/` was built on 2026-09-20T00:40:39.733Z -->
+    <!-- This page `/circle-bag/` was built on 2026-09-20T22:08:14.565Z -->
   </body>
 </html>
diff --git a/colophon/index.html b/colophon/index.html
index 6b03a1b8..9be8abd4 100644
--- a/colophon/index.html
+++ b/colophon/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
       
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
-  <h1 id="colophon">colophon</h1>
+  <h1>colophon</h1>
 
   <p>This is v2 of my personal website, built with <a href="https://www.11ty.dev/" target="_blank" rel="external">Eleventy v3.1.2</a> and hosted by <a href="https://heckin.technology/" target="_blank" rel="external">heckin' technology</a>. It's been hand-coded from the ground up.</p>
 <p>v1 of this site began in 2022 and was based on <a href="https://lenpaul.github.io/Millennial/" target="_blank" rel="external">Millennial</a>, a minimalist Jekyll theme for running a blog or publication by Paul Le.</p>
@@ -1459,6 +1460,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/colophon/` was built on 2026-09-20T00:40:39.773Z -->
+    <!-- This page `/colophon/` was built on 2026-09-20T22:08:14.572Z -->
   </body>
 </html>
diff --git a/coming-out/index.html b/coming-out/index.html
index e42b0a33..fd09d6e8 100644
--- a/coming-out/index.html
+++ b/coming-out/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="coming-out">coming out</h1>
+    <h1>coming out</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,30 +1899,30 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1936,15 +1937,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+		<a class="postlink" href="/networks-of-trans-care/">
+			<h2 data-ha-exclude="">networks of trans care </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2001,6 +2002,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/coming-out/` was built on 2026-09-20T00:40:39.723Z -->
+    <!-- This page `/coming-out/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/comparing-text-editors/index.html b/comparing-text-editors/index.html
index a7ddbcbe..7aa0a1f3 100644
--- a/comparing-text-editors/index.html
+++ b/comparing-text-editors/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="comparing-text-editors">comparing text editors</h1>
+    <h1>comparing text editors</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,52 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <p>I'm fucking depressed. No, not like mental health depressed (okay, look, that too, but that's not relevant here). Looking to switch text editors, I reviewed 6 different options...and what I found didn't thrill me.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#the-editors">the editors</a>
+            		</li>
+
+                    <li><a href="#the-qualities">the qualities</a>
+            		</li>
+
+                    <li><a href="#the-comparison-charts">the comparison charts</a>
+            
+                <ol>
+                    
+                    <li><a href="#functional-qualities">functional qualities</a>
+            		</li>
+
+                    <li><a href="#aesthetic-qualities">aesthetic qualities</a>
+            		</li>
+
+                    <li><a href="#ethical-qualities">ethical qualities</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#summary">summary</a>
+            		</li>
+
+                    <li><a href="#corrections-and-edits">corrections and edits</a>
+            
+                <ol>
+                    
+                    <li><a href="#wsl2-and-linux-guis">WSL2 and Linux GUIs</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>I'm fucking depressed. No, not like mental health depressed (okay, look, that too, but that's not relevant here). Looking to switch text editors, I reviewed 6 different options...and what I found didn't thrill me.</p>
 <blockquote>
 <p>this post contains comparison tables that are far more viewable on desktop/tablet</p>
 </blockquote>
@@ -2067,6 +2186,7 @@ switch (currentThemeValue) {
 <h3 id="wsl2-and-linux-guis">WSL2 and Linux GUIs</h3>
 <p>I learned that <a href="https://learn.microsoft.com/en-us/windows/wsl/tutorials/gui-apps" target="_blank" rel="external">WSL2 can support GUI apps</a> so I tried this for a few. Pulsar did not work; Sublime Text worked but the UI scale was <em>teensy</em> and was not affected by the <code>ui_scale</code> setting.</p>
 
+
   </article>
 
   
@@ -2104,42 +2224,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+			<h2 data-ha-exclude="">domain and site setup </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2151,6 +2241,36 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/screen-reader-optimizations/">
+			<h2 data-ha-exclude="">screen reader optimizations </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="">designing a bag </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -2203,6 +2323,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/comparing-text-editors/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/comparing-text-editors/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/congrats-on-the-autism-adhd/index.html b/congrats-on-the-autism-adhd/index.html
index 6dfab605..bedd7918 100644
--- a/congrats-on-the-autism-adhd/index.html
+++ b/congrats-on-the-autism-adhd/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="congrats-on-the-autism-adhd">congrats on the autism/adhd</h1>
+    <h1>congrats on the autism/adhd</h1>
 
     <div class="post-metadata">
       <p>
@@ -1895,26 +1896,44 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
+		<a class="postlink" href="/not-a-drill/">
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/greeting-quorbs/">
+			<h2 data-ha-exclude="">greeting quorbs </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>card</li>
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/big-pidge/">
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1922,26 +1941,10 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1998,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-09-20T00:40:39.710Z -->
+    <!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-09-20T22:08:14.532Z -->
   </body>
 </html>
diff --git a/congrats-on-the-gay/index.html b/congrats-on-the-gay/index.html
index 713db911..6a3f58b7 100644
--- a/congrats-on-the-gay/index.html
+++ b/congrats-on-the-gay/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="congrats-on-the-gay">congrats on the gay</h1>
+    <h1>congrats on the gay</h1>
 
     <div class="post-metadata">
       <p>
@@ -1901,57 +1902,59 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/trans-the-world/">
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>shirt</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/anarchy-autism/">
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+			</ul>
+			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2008,6 +2011,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/congrats-on-the-gay/` was built on 2026-09-20T00:40:39.712Z -->
+    <!-- This page `/congrats-on-the-gay/` was built on 2026-09-20T22:08:14.545Z -->
   </body>
 </html>
diff --git a/contact/index.html b/contact/index.html
index 1e5269d3..4b11ca4f 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
       
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
-  <h1 id="contact">contact</h1>
+  <h1>contact</h1>
 
   <h2 id="contact-me">contact me</h2>
 <dl>
@@ -1538,6 +1539,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/contact/` was built on 2026-09-20T00:40:39.773Z -->
+    <!-- This page `/contact/` was built on 2026-09-20T22:08:14.572Z -->
   </body>
 </html>
diff --git a/coral-reef-handspun/index.html b/coral-reef-handspun/index.html
index db16b6fd..dbb74a1a 100644
--- a/coral-reef-handspun/index.html
+++ b/coral-reef-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="coral-reef-handspun">coral reef handspun</h1>
+    <h1>coral reef handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,40 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1927,6 +1900,34 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
+			<h2 data-ha-exclude="">handspun yarn in party mix and orange-gold </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/petrichor-handspun/">
+			<h2 data-ha-exclude="">petrichor handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/coral-reef-handspun/` was built on 2026-09-20T00:40:39.764Z -->
+    <!-- This page `/coral-reef-handspun/` was built on 2026-09-20T22:08:14.567Z -->
   </body>
 </html>
diff --git a/core-css/index.html b/core-css/index.html
index f9ba2c9f..46f6c5eb 100644
--- a/core-css/index.html
+++ b/core-css/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="core-css">core CSS</h1>
+    <h1>core CSS</h1>
 
     <div class="post-metadata">
       <p>
@@ -1848,7 +1922,76 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
     
 
-    <p>What CSS would you implement if you had no or very low vision? Recently, a Blind friend wanted to know more about CSS. This is my attempt at a very minimal CSS file that cleans up a few <a href="https://browserdefaultstyles.com/" target="_blank" rel="external">browser defaults</a> for a more pleasant browsing experience without needing much if any visual testing.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#css-resets">CSS resets</a>
+            		</li>
+
+                    <li><a href="#color">color</a>
+            
+                <ol>
+                    
+                    <li><a href="#accents">accents</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#focus-indication">focus indication</a>
+            		</li>
+
+                    <li><a href="#font">font</a>
+            		</li>
+
+                    <li><a href="#margins">margins</a>
+            		</li>
+
+                    <li><a href="#links">links</a>
+            		</li>
+
+                    <li><a href="#images">images</a>
+            		</li>
+
+                    <li><a href="#headers%2C-footers%2C-navs">headers, footers, navs</a>
+            
+                <ol>
+                    
+                    <li><a href="#skip-link">skip link</a>
+            		</li>
+
+                    <li><a href="#site-title">site title</a>
+            		</li>
+
+                    <li><a href="#flexbox-navs">flexbox navs</a>
+            		</li>
+
+                    <li><a href="#aria-current">aria-current</a>
+            		</li>
+
+                    <li><a href="#separating-header-and-footer-from-main">separating header and footer from main</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#print-media">print media</a>
+            		</li>
+
+                    <li><a href="#feedback">feedback</a>
+            		</li>
+
+                    <li><a href="#result">result</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>What CSS would you implement if you had no or very low vision? Recently, a Blind friend wanted to know more about CSS. This is my attempt at a very minimal CSS file that cleans up a few <a href="https://browserdefaultstyles.com/" target="_blank" rel="external">browser defaults</a> for a more pleasant browsing experience without needing much if any visual testing.</p>
 <p>Want to just see the final stylesheet? <a href="#result">Skip to the end of the page</a>.</p>
 <h2 id="css-resets">CSS resets</h2>
 <p>Before we start: this isn't a CSS reset. You may want to apply it in concert with one. While writing this, a friend recommended <a href="https://www.joshwcomeau.com/css/custom-css-reset/" target="_blank" rel="external">Josh W. Comeau's CSS Reset</a>, which looks largely very solid to me. However, if using that particular reset, I would <em><strong>not</strong></em> reset default margins (rule 2). They are tremendously useful in this case, where we are unlikely to be setting margins on elements individually.</p>
@@ -1935,7 +2078,7 @@ a</span> <span class="token punctuation">{</span>
 	<span class="token property">max-width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
 	<span class="token property">margin</span><span class="token punctuation">:</span> 0 auto<span class="token punctuation">;</span>
 <span class="token punctuation">}</span></code></pre>
-<h2 id="headers-footers-navs">headers, footers, navs</h2>
+<h2 id="headers%2C-footers%2C-navs">headers, footers, navs</h2>
 <p>Let's talk the components that every page likely has - a header, a footer, and navs. I'm going to use a very simple design for our header - a <a href="https://webaim.org/techniques/skipnav/" target="_blank" rel="external">skip link</a>, an (optional) site title (the title could also be one of the nav links), and then an unordered list of links enclosed in a <code>nav</code> element. Like the following:</p>
 <pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>header</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>skip<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Skip to content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span>
@@ -2162,6 +2305,7 @@ footer a[aria-current="page"]::after</span> <span class="token punctuation">{</s
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span></code></pre>
 
+
   </article>
 
   
@@ -2199,49 +2343,51 @@ footer a[aria-current="page"]::after</span> <span class="token punctuation">{</s
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/handedness-toggle/">
+			<h2 data-ha-exclude="">handedness toggle </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+		<a class="postlink" href="/redirections/">
+			<h2 data-ha-exclude="">redirections </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+		<a class="postlink" href="/kestrel-zine/">
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
+				<li>print</li>
+				
+				<li>zine</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
+			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -2298,6 +2444,6 @@ footer a[aria-current="page"]::after</span> <span class="token punctuation">{</s
 </footer>
 
 
-    <!-- This page `/core-css/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/core-css/` was built on 2026-09-20T22:08:14.588Z -->
   </body>
 </html>
diff --git a/crow/index.html b/crow/index.html
index eddec2ea..68c6b024 100644
--- a/crow/index.html
+++ b/crow/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="crow">crow</h1>
+    <h1>crow</h1>
 
     <div class="post-metadata">
       <p>
@@ -1881,49 +1882,55 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+		<a class="postlink" href="/rope-one/">
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/greeting-loons/">
+			<h2 data-ha-exclude="">greeting loons </h2>
+			
+			<ul class="postlist-tags">
+				
 				<li>card</li>
 				
-			</ul>
-			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/tiny-portraits/">
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
-			
-			<ul class="postlist-tags">
-				
 				<li>print</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1980,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/crow/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/crow/` was built on 2026-09-20T22:08:14.568Z -->
   </body>
 </html>
diff --git a/designing-a-bag/index.html b/designing-a-bag/index.html
index 3a6b5757..8bf59add 100644
--- a/designing-a-bag/index.html
+++ b/designing-a-bag/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="designing-a-bag">designing a bag</h1>
+    <h1>designing a bag</h1>
 
     <div class="post-metadata">
       <p>
@@ -1852,7 +1853,7 @@ switch (currentThemeValue) {
 <p>the first step in any design is small tests. For leatherwork, this usually means working with paper - cheaper than leather, but with some of the same inflexibility.</p>
 <h2 id="build-up-from-basic-facts">build up from basic facts</h2>
 <p>my grommets, laid out on paper, spaced out cleanly at 1/2&quot; away from edges and 1&quot; apart. My tablet is ~10&quot;x8&quot;. I started with these facts.</p>
-<h2 id="template-template-template">template, template, template</h2>
+<h2 id="template%2C-template%2C-template">template, template, template</h2>
 <p>don't measure out the same spacing any more than you have to. Templating is your friend for both ease of use and regularity.</p>
 <h2 id="mind-the-order-of-your-work">mind the order of your work</h2>
 <p>the corners should be stitched before lacing in order to get into tight spaces easily. Grommets are set most easily before the work is 3-dimensional. It's cleanest to cut before grommets are installed so as to work on a smooth and level surface. Hold all this in your mind when choosing your next move, and ensure you don't step on your own toes.</p>
@@ -1898,53 +1899,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+		<a class="postlink" href="/lobstah/">
+			<h2 data-ha-exclude="">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
+			</ul>
+			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="">bag strap </h2>
+			
+			<ul class="postlist-tags">
 				
-				<li>patch</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			<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>
@@ -2001,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/designing-a-bag/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/designing-a-bag/` was built on 2026-09-20T22:08:14.543Z -->
   </body>
 </html>
diff --git a/domain-and-site-setup/index.html b/domain-and-site-setup/index.html
index 2d7f105c..3da89962 100644
--- a/domain-and-site-setup/index.html
+++ b/domain-and-site-setup/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="domain-and-site-setup">domain and site setup</h1>
+    <h1>domain and site setup</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,64 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
     
 
-    <p>This was written as a skill share for the Artisans Cooperative blog.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#audience">Audience</a>
+            		</li>
+
+                    <li><a href="#outcome">Outcome</a>
+            		</li>
+
+                    <li><a href="#domain-name">Domain name</a>
+            
+                <ol>
+                    
+                    <li><a href="#top-level-domains-(tlds)">Top-level domains (TLDs)</a>
+            		</li>
+
+                    <li><a href="#decide-on-a-full-domain-name">Decide on a full domain name</a>
+            		</li>
+
+                    <li><a href="#buy-your-domain">Buy your domain</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#using-your-domain-name">Using your domain name</a>
+            
+                <ol>
+                    
+                    <li><a href="#option-1%3A-simple-redirect">Option 1: simple redirect</a>
+            		</li>
+
+                    <li><a href="#option-1%2C-but-better%3A-redirect-to-a-link-tree">Option 1, but better: redirect to a link tree</a>
+            		</li>
+
+                    <li><a href="#option-2%3A-static-site-with-github-pages">Option 2: static site with GitHub Pages</a>
+            
+                <ol>
+                    
+                    <li><a href="#wait%2C-what's-github%3F">Wait, what's GitHub?</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#now-that-we-know-what-github-is...">Now that we know what GitHub is...</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>This was written as a skill share for the Artisans Cooperative blog.</p>
 <p>In this writeup, I will walk through one (of many!) ways to set up and utilize a custom domain and website.</p>
 <h2 id="audience">Audience</h2>
 <p>This is aimed at a non-technical audience, but my own perspective is technical and some of the articles I link to will get technical. Because of this, it's possible that I will miss things that you have questions on - please reach out to me and ask questions!</p>
@@ -1855,7 +1986,7 @@ switch (currentThemeValue) {
 </ul>
 <p>This writeup will <em>not</em> cover every possible route to getting your own home on the web - there's far too many options out there. It's just meant to give you a starting point and a few ideas.</p>
 <h2 id="domain-name">Domain name</h2>
-<h3 id="top-level-domains-tlds">Top-level domains (TLDs)</h3>
+<h3 id="top-level-domains-(tlds)">Top-level domains (TLDs)</h3>
 <p>I started planning my domain name by reviewing the list of TLDs - things like &quot;.org&quot; or &quot;.com&quot;. ICANN (the Internet Corporation for Assigned Names and Numbers) maintains a <a href="https://www.icann.org/resources/pages/tlds-2012-02-25-en" target="_blank" rel="external">list of all TLDs</a> - it's long! Reviewing this list can help you think of potential domain names. You can also look at a list like <a href="https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains" target="_blank" rel="external">this one Wikipedia maintains</a> - it has more detail and can tell you if a specific TLD is for a given country, reserved for specific uses, or (what you probably want) for general use.</p>
 <p>Personally, I narrowed it down to two - &quot;.art&quot; or &quot;.gay&quot;. From there, it's off to the domain registrars! These are companies that offer domain names for sale. Here's <a href="https://www.forbes.com/advisor/business/software/best-domain-registrar/" target="_blank" rel="external">an article from Forbes Advisor reviewing some of the major names in the space</a>. I use Namecheap, but don't let that bias you. Look around at pricing (pay attention to the rate for year 2 onward - domain registrars often offer super low year 1 rates to hook customers) and consider other features, like support availability.</p>
 <h3 id="decide-on-a-full-domain-name">Decide on a full domain name</h3>
@@ -1869,17 +2000,17 @@ switch (currentThemeValue) {
 <h3 id="buy-your-domain">Buy your domain</h3>
 <p>Pick a domain registrar that offers the domain name you want, and pay (usually for a year). Next, we'll talk about some uses for this domain name.</p>
 <h2 id="using-your-domain-name">Using your domain name</h2>
-<h3 id="option-1-simple-redirect">Option 1: simple redirect</h3>
+<h3 id="option-1%3A-simple-redirect">Option 1: simple redirect</h3>
 <p>The easiest way to utilize a domain name is to have it redirect to another URL. I'm not going to go through how to set up a domain redirect with every possible provider, but if you search up &quot;[your domain registrar] redirect&quot; you should find useful documentation.</p>
-<h3 id="option-1-but-better-redirect-to-a-link-tree">Option 1, but better: redirect to a link tree</h3>
+<h3 id="option-1%2C-but-better%3A-redirect-to-a-link-tree">Option 1, but better: redirect to a link tree</h3>
 <p>Link trees (popularized by <a href="https://linktr.ee/" target="_blank" rel="external">linktree</a>) are a single page with a collection of links maintained by an owner. You can use linktree or check out this <a href="https://www.wired.com/story/link-in-bio-linktree-alternatives/" target="_blank" rel="external">WIRED article with alternatives</a>. Some are paid, usually small monthly fees, and some are free.</p>
-<h3 id="option-2-static-site-with-github-pages">Option 2: static site with GitHub Pages</h3>
-<h4 id="wait-whats-github">Wait, what's GitHub?</h4>
+<h3 id="option-2%3A-static-site-with-github-pages">Option 2: static site with GitHub Pages</h3>
+<h4 id="wait%2C-what's-github%3F">Wait, what's GitHub?</h4>
 <p><a href="https://github.com/" target="_blank" rel="external">GitHub</a> - wait, no.</p>
 <p>First, let's talk about <a href="https://git-scm.com/" target="_blank" rel="external">git</a>. Git is a <em>version control system</em>, a type of software that manages changes to a set of files. This allows the owner(s) of those files to do things like revert changes or compare current and historical versions of files. It also allows for multiple people to work on the same shared file repository without creating conflicts.</p>
 <p>GitHub is a centralized source for many, many git repositories. It essentially allows you to back up both your code and the log of all changes to the cloud (someone else's computer). It also supports <a href="https://pages.github.com/" target="_blank" rel="external">GitHub Pages</a>, a free way to host a static site of your own.</p>
 <p>To get started with GitHub, you'll first need to <a href="https://github.com/signup" target="_blank" rel="external">create an account</a> if you don't have one. If you want to learn some GitHub basics, the GitHub team has created this handy <a href="https://github.com/skills/introduction-to-github" target="_blank" rel="external">introduction to GitHub</a> that walks you through some basic git and GitHub concepts.</p>
-<h3 id="now-that-we-know-what-github-is">Now that we know what GitHub is...</h3>
+<h3 id="now-that-we-know-what-github-is...">Now that we know what GitHub is...</h3>
 <p>The GitHub documentation is pretty thorough, so let's point to some articles over there.</p>
 <ul>
 <li><a href="https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site" target="_blank" rel="external">Creating a GitHub Pages site</a> walks you through getting a repository set up and automatically publishing to a URL like &quot;your-github-username.github.io&quot; (don't worry, we'll get that custom domain name attached soon!)
@@ -1896,6 +2027,7 @@ switch (currentThemeValue) {
 <li>GitHub Pages is powered by <a href="https://jekyllrb.com/" target="_blank" rel="external">Jekyll</a>, a tool for generating static sites from Markdown (.md) files. <a href="https://jekyllrb.com/docs/structure/" target="_blank" rel="external">Learn more about a Jekyll project's file directory structure</a></li>
 </ul>
 
+
   </article>
 
   
@@ -1933,26 +2065,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/accessible-image-modals/">
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+		<a class="postlink" href="/handedness-toggle/">
+			<h2 data-ha-exclude="">handedness toggle </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">
+			<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/visual-site-builders-and-accessibility/">
-			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
+			<h2 data-ha-exclude="">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1965,15 +2097,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+		<a class="postlink" href="/comparing-text-editors/">
+			<h2 data-ha-exclude="">comparing text editors </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2030,6 +2162,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/domain-and-site-setup/` was built on 2026-09-20T00:40:39.726Z -->
+    <!-- This page `/domain-and-site-setup/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/double-bill-pocket-bifold/index.html b/double-bill-pocket-bifold/index.html
index d0d287b7..e36b7a1c 100644
--- a/double-bill-pocket-bifold/index.html
+++ b/double-bill-pocket-bifold/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="double-bill-pocket-bifold">double bill pocket bifold</h1>
+    <h1>double bill pocket bifold</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold-green/">
-			<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green) </h2>
+		<a class="postlink" href="/sunflower/">
+			<h2 data-ha-exclude="">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/double-bill-pocket-bifold/` was built on 2026-09-20T00:40:39.725Z -->
+    <!-- This page `/double-bill-pocket-bifold/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>
diff --git a/dragon-mask/index.html b/dragon-mask/index.html
index ba643971..75702dd2 100644
--- a/dragon-mask/index.html
+++ b/dragon-mask/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="dragon-mask">dragon mask</h1>
+    <h1>dragon mask</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,28 +1888,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
+			<h2 data-ha-exclude="">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1921,15 +1906,31 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-chest-harness/">
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
+		<a class="postlink" href="/little-critter-pouch/">
+			<h2 data-ha-exclude="">little critter pouch </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/leather-keychains/">
+			<h2 data-ha-exclude="">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1986,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/dragon-mask/` was built on 2026-09-20T00:40:39.762Z -->
+    <!-- This page `/dragon-mask/` was built on 2026-09-20T22:08:14.543Z -->
   </body>
 </html>
diff --git a/dyeing-fiber/index.html b/dyeing-fiber/index.html
index a7ce32ff..3ff8e206 100644
--- a/dyeing-fiber/index.html
+++ b/dyeing-fiber/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="dyeing-fiber">dyeing fiber</h1>
+    <h1>dyeing fiber</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
+		<a class="postlink" href="/petrichor-handspun/">
+			<h2 data-ha-exclude="">petrichor handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+		<a class="postlink" href="/icelandic-lamb-handspun/">
+			<h2 data-ha-exclude="">icelandic lamb handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/dyeing-fiber/` was built on 2026-09-20T00:40:39.764Z -->
+    <!-- This page `/dyeing-fiber/` was built on 2026-09-20T22:08:14.567Z -->
   </body>
 </html>
diff --git a/ecommerce-options/index.html b/ecommerce-options/index.html
index da3a777e..60252d0e 100644
--- a/ecommerce-options/index.html
+++ b/ecommerce-options/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="ecommerce-options">ecommerce options</h1>
+    <h1>ecommerce options</h1>
 
     <div class="post-metadata">
       <p>
@@ -1961,6 +1962,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/ecommerce-options/` was built on 2026-09-20T00:40:39.724Z -->
+    <!-- This page `/ecommerce-options/` was built on 2026-09-20T22:08:14.562Z -->
   </body>
 </html>
diff --git a/eight-pocket-bifold/index.html b/eight-pocket-bifold/index.html
index c4891ba2..9841ed4d 100644
--- a/eight-pocket-bifold/index.html
+++ b/eight-pocket-bifold/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="eight-pocket-bifold">eight pocket bifold</h1>
+    <h1>eight pocket bifold</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,40 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <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>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</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">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+			<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1927,6 +1900,34 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/zipper-bifold/">
+			<h2 data-ha-exclude="">zipper bifold </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/eight-pocket-bifold/` was built on 2026-09-20T00:40:39.725Z -->
+    <!-- This page `/eight-pocket-bifold/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>
diff --git a/eleventy-lessons/index.html b/eleventy-lessons/index.html
index e658ff77..ecaba12d 100644
--- a/eleventy-lessons/index.html
+++ b/eleventy-lessons/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="eleventy-lessons">eleventy lessons</h1>
+    <h1>eleventy lessons</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,109 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <p>recently I wrote <em>several</em> sites using <a href="https://www.11ty.dev/" target="_blank" rel="external">Eleventy</a> (4? 5?). Including, over the past few days, rewriting this one! That's right, if you're reading this, we're now running on 11ty and hosted by <a href="https://heckin.technology/" target="_blank" rel="external">heckin.technology</a>. See ya, GitHub. Won't miss ya.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#related-posts">related posts</a>
+            
+                <ol>
+                    
+                    <li><a href="#filters.js">filters.js</a>
+            		</li>
+
+                    <li><a href="#post.njk">post.njk</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#featured-images">featured images</a>
+            
+                <ol>
+                    
+                    <li><a href="#file-structure">file structure</a>
+            		</li>
+
+                    <li><a href="#front-matter">front matter</a>
+            		</li>
+
+                    <li><a href="#image-html-transform">image HTML transform</a>
+            		</li>
+
+                    <li><a href="#passthrough-copy">passthrough copy</a>
+            		</li>
+
+                    <li><a href="#templating">templating</a>
+            		</li>
+
+                    <li><a href="#home-page-and-related-posts">home page and related posts</a>
+            		</li>
+
+                    <li><a href="#post-body">post body</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#pagination">pagination</a>
+            
+                <ol>
+                    
+                    <li><a href="#simple-pagination">simple pagination</a>
+            
+                <ol>
+                    
+                    <li><a href="#pagination.njk">pagination.njk</a>
+            		</li>
+
+                    <li><a href="#calling-the-template">calling the template</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#complex-pagination">complex pagination</a>
+            
+                <ol>
+                    
+                    <li><a href="#eleventy.config.js">eleventy.config.js</a>
+            		</li>
+
+                    <li><a href="#tag-pages.njk">tag-pages.njk</a>
+            		</li>
+
+                    <li><a href="#filters.js-(again)">filters.js (again)</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#tag-image-preview">tag image preview</a>
+            
+                <ol>
+                    
+                    <li><a href="#preview-the-first-featured-image">preview the first featured image</a>
+            		</li>
+
+                    <li><a href="#preview-a-collage-of-recent-featured-images">preview a collage of recent featured images</a>
+            
+                <ol>
+                    
+                    <li><a href="#handling-multiple-aspect-ratios">handling multiple aspect ratios</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>recently I wrote <em>several</em> sites using <a href="https://www.11ty.dev/" target="_blank" rel="external">Eleventy</a> (4? 5?). Including, over the past few days, rewriting this one! That's right, if you're reading this, we're now running on 11ty and hosted by <a href="https://heckin.technology/" target="_blank" rel="external">heckin.technology</a>. See ya, GitHub. Won't miss ya.</p>
 <p>Originally, I compiled some of the things I've learned in a standalone site.</p>
 <p>however, since I don't know how much I'll focus on that specific site - it is mostly a sample - I am re-publishing the most useful information here. I'll skip the intro to Markdown content. I'm also going to update them where I've learned more or to better match what's represented on this site.</p>
 <p>this will comprise of 4 parts: <a href="#related-posts">related posts</a>, <a href="#featured-images">featured images</a>, <a href="#pagination">pagination</a>, and <a href="#tag-image-preview">tag image preview</a>. Feel free to jump ahead, as none depend on the others.</p>
@@ -1858,7 +2034,7 @@ switch (currentThemeValue) {
 <li>I wanted to randomly add a few posts instead of just getting whatever was first (with a shared tag) in the post order</li>
 <li>I wanted to exclude the posts that I could reach with between-post pagination</li>
 </ol>
-<h3 id="filters-js">filters.js</h3>
+<h3 id="filters.js">filters.js</h3>
 <p>after adjusting for those needs, I had the following in <code>filters.js</code>:</p>
 <pre class="language-js"><code class="language-js">eleventyConfig<span class="token punctuation">.</span><span class="token function">addFilter</span><span class="token punctuation">(</span><span class="token string">"excludeFromCollection"</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">collection<span class="token operator">=</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span> urls<span class="token operator">=</span><span class="token punctuation">[</span><span class="token keyword">this</span><span class="token punctuation">.</span>ctx<span class="token punctuation">.</span>page<span class="token punctuation">.</span>url<span class="token punctuation">]</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token keyword">return</span> collection<span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token parameter">post</span> <span class="token operator">=></span> urls<span class="token punctuation">.</span><span class="token function">indexOf</span><span class="token punctuation">(</span>post<span class="token punctuation">.</span>url<span class="token punctuation">)</span> <span class="token operator">===</span> <span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -1882,7 +2058,7 @@ eleventyConfig<span class="token punctuation">.</span><span class="token functio
 
   <span class="token keyword">return</span> shuffledArray<span class="token punctuation">;</span>
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
-<h3 id="post-njk">post.njk</h3>
+<h3 id="post.njk">post.njk</h3>
 <p>I used this in my post layout. <code>filterTagList</code> comes with the base blog by default, and removes the tags &quot;posts&quot; and &quot;all.&quot; <code>head</code> also comes with the base blog. <code>postlist.njk</code> is my modified-from-the-base-blog post layout.</p>
 <pre class="language-html"><code class="language-html">{% set relevantTags = tags | filterTagList %}
 
@@ -1981,7 +2157,7 @@ pagination:
 </code></pre>
 <p>6 posts per page, paginate data from <code>collections.posts</code> which we'll call just <code>posts</code> for short, and do it in reverse (aka, most recent posts show first).</p>
 <p><a href="https://www.11ty.dev/docs/pagination/nav" target="_blank" rel="external">You'll also likely want previous and next buttons</a>. I did. Here's what I have...</p>
-<h4 id="pagination-njk">pagination.njk</h4>
+<h4 id="pagination.njk">pagination.njk</h4>
 <p>There's two components to this, the bigger one being this <code>pagination.njk</code> template. Look, I like my little icons, ok? It takes an <code>olderHref</code> and a <code>newerHref</code>, and optionally an <code>olderTitle</code> and <code>newerTitle</code>.</p>
 <pre class="language-html"><code class="language-html">{% if olderHref or newerHref %}
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>nav</span> <span class="token attr-name">aria-label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pagination<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
@@ -2016,7 +2192,7 @@ pagination:
 <h3 id="complex-pagination">complex pagination</h3>
 <p>however, there's a catch. <a href="https://www.11ty.dev/docs/quicktips/tag-pages/" target="_blank" rel="external">Tag pages are <em>created</em> via pagination</a>! It's a lot harder to paginate those - you can't just use the front matter to set it up.</p>
 <p>I untangled <a href="https://github.com/11ty/eleventy/issues/332#issuecomment-445236776" target="_blank" rel="external">this GitHub issue about double-layered pagination</a> and came to the following solution...</p>
-<h4 id="eleventy-config-js">eleventy.config.js</h4>
+<h4 id="eleventy.config.js">eleventy.config.js</h4>
 <p>in <code>eleventy.config.js</code>:</p>
 <pre class="language-js"><code class="language-js"><span class="token comment">// note that this uses the lodash.chunk method, so you’ll have to import that</span>
 eleventyConfig<span class="token punctuation">.</span><span class="token function">addCollection</span><span class="token punctuation">(</span><span class="token string">"tagPagination"</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">collection</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -2046,7 +2222,7 @@ eleventyConfig<span class="token punctuation">.</span><span class="token functio
 
   <span class="token keyword">return</span> tagMap<span class="token punctuation">;</span>
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
-<h4 id="tag-pages-njk">tag-pages.njk</h4>
+<h4 id="tag-pages.njk">tag-pages.njk</h4>
 <p>in my <code>tag-pages.njk</code> file (or whatever you use to template out your tag pages):</p>
 <pre class="language-html"><code class="language-html">---
 pagination:
@@ -2072,7 +2248,7 @@ eleventyExcludeFromCollections: true
 {% endif %}
 {% include "pagination.njk" %}</code></pre>
 <p>note the pagination checking <code>tag.pageNumber</code> against <code>tag.PageSize</code> - the <a href="https://github.com/11ty/eleventy/issues/332#issuecomment-445236776" target="_blank" rel="external">original suggested solution</a> in the GitHub post creates an issue where the pagination loops through <em>all</em> of the tag pages bit-by-bit. This sorts that - hat tip to <a href="https://github.com/11ty/eleventy/issues/332#issuecomment-1248185406" target="_blank" rel="external">TheReyzar who mentioned the issue and showed part of their solution</a>.</p>
-<h4 id="filters-js-again">filters.js (again)</h4>
+<h4 id="filters.js-(again)">filters.js (again)</h4>
 <p>finally, in my <code>filters.js</code> file, I add the <code>tagPagination</code> tag to the tags that get filtered using <code>filterTagList</code>:</p>
 <pre class="language-js"><code class="language-js">eleventyConfig<span class="token punctuation">.</span><span class="token function">addFilter</span><span class="token punctuation">(</span><span class="token string">"filterTagList"</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token function">filterTagList</span><span class="token punctuation">(</span><span class="token parameter">tags</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token keyword">return</span> <span class="token punctuation">(</span>tags <span class="token operator">||</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token parameter">tag</span> <span class="token operator">=></span> <span class="token punctuation">[</span><span class="token string">"all"</span><span class="token punctuation">,</span> <span class="token string">"posts"</span><span class="token punctuation">,</span> <span class="token string">"tagPagination"</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">indexOf</span><span class="token punctuation">(</span>tag<span class="token punctuation">)</span> <span class="token operator">===</span> <span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -2136,6 +2312,7 @@ eleventyExcludeFromCollections: true
 <hr>
 <p>There's the good stuff from <a href="https://inherentlee.codeberg.page/lessons/" target="_blank" rel="external">11ty Lessons</a>. Hope you enjoyed.</p>
 
+
   </article>
 
   
@@ -2173,12 +2350,26 @@ eleventyExcludeFromCollections: true
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts-2">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/intro-to-wireframing/">
+			<h2 data-ha-exclude="">intro to wireframing </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/visual-site-builders-and-accessibility/">
-			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
+			<h2 data-ha-exclude="">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2191,31 +2382,15 @@ eleventyExcludeFromCollections: true
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
+		<a class="postlink" href="/backend-accessibility/">
+			<h2 data-ha-exclude="">backend accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
+			<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2272,6 +2447,6 @@ eleventyExcludeFromCollections: true
 </footer>
 
 
-    <!-- This page `/eleventy-lessons/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/eleventy-lessons/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/euphorbia/index.html b/euphorbia/index.html
index a115180d..2f73b85d 100644
--- a/euphorbia/index.html
+++ b/euphorbia/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="euphorbia">euphorbia</h1>
+    <h1>euphorbia</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,57 +1883,53 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+		<a class="postlink" href="/kestrel-zine/">
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>zine</li>
 				
-				<li>gender</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/printmaking-paper-notes/">
+			<h2 data-ha-exclude="">printmaking paper notes </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1989,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/euphorbia/` was built on 2026-09-20T00:40:39.739Z -->
+    <!-- This page `/euphorbia/` was built on 2026-09-20T22:08:14.539Z -->
   </body>
 </html>
diff --git a/fat-raccoon/index.html b/fat-raccoon/index.html
index ea2f0008..77dbd1f5 100644
--- a/fat-raccoon/index.html
+++ b/fat-raccoon/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fat-raccoon">fat raccoon</h1>
+    <h1>fat raccoon</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,44 +1900,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/shirts/">
-			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
-			
-			<ul class="postlist-tags">
-				
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/hummingbird-become-ungovernable/">
+			<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1944,10 +1929,26 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/hummingbird-ungovernable-print.jpg" alt="A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads &#39;become ungovernable&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/killdeer/">
+			<h2 data-ha-exclude="">killdeer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -2004,6 +2005,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fat-raccoon/` was built on 2026-09-20T00:40:39.715Z -->
+    <!-- This page `/fat-raccoon/` was built on 2026-09-20T22:08:14.557Z -->
   </body>
 </html>
diff --git a/fd-signifier-and-oppositional-sexism/index.html b/fd-signifier-and-oppositional-sexism/index.html
index 52d12dd0..df285b22 100644
--- a/fd-signifier-and-oppositional-sexism/index.html
+++ b/fd-signifier-and-oppositional-sexism/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism</h1>
+    <h1>fd signifier &amp; oppositional sexism</h1>
 
     <div class="post-metadata">
       <p>
@@ -1916,28 +1917,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-				<li>zine</li>
-				
-			</ul>
-			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1952,19 +1937,31 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+		<a class="postlink" href="/gender/">
+			<h2 data-ha-exclude="">gender? </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/gender-as-a-proxy-variable/">
+			<h2 data-ha-exclude="">gender as a proxy variable </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+				<li>zine</li>
+				
+			</ul>
+			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
 			
 		</a>
 	</li>
@@ -2021,6 +2018,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-09-20T00:40:39.737Z -->
+    <!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-09-20T22:08:14.538Z -->
   </body>
 </html>
diff --git a/fedilearns/index.html b/fedilearns/index.html
index 97191093..9b33d3bd 100644
--- a/fedilearns/index.html
+++ b/fedilearns/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fedilearns">fediLearns</h1>
+    <h1>fediLearns</h1>
 
     <div class="post-metadata">
       <p>
@@ -1920,6 +1921,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fedilearns/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/fedilearns/` was built on 2026-09-20T22:08:14.569Z -->
   </body>
 </html>
diff --git a/fedizinefest-2025/index.html b/fedizinefest-2025/index.html
index 2e4523d0..438ee46c 100644
--- a/fedizinefest-2025/index.html
+++ b/fedizinefest-2025/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fedizinefest-2025">fediZineFest 2025</h1>
+    <h1>fediZineFest 2025</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,12 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1903,25 +1904,9 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-				<li>zine</li>
-				
-			</ul>
-			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+			<h2 data-ha-exclude="">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1935,6 +1920,22 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/gender-as-a-proxy-variable/">
+			<h2 data-ha-exclude="">gender as a proxy variable </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+				<li>zine</li>
+				
+			</ul>
+			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1987,6 +1988,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fedizinefest-2025/` was built on 2026-09-20T00:40:39.739Z -->
+    <!-- This page `/fedizinefest-2025/` was built on 2026-09-20T22:08:14.539Z -->
   </body>
 </html>
diff --git a/feed.xml b/feed.xml
index 2e40ae61..ce544820 100644
--- a/feed.xml
+++ b/feed.xml
@@ -410,7 +410,7 @@
 &lt;/tr&gt;
 &lt;/tbody&gt;
 &lt;/table&gt;
-&lt;h2 id=&quot;mmm-page&quot;&gt;mmm.page&lt;/h2&gt;
+&lt;h2 id=&quot;mmm.page&quot;&gt;mmm.page&lt;/h2&gt;
 &lt;p&gt;&lt;a href=&quot;https://mmm.page/&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;mmm.page&lt;/a&gt; is a drag-and-drop builder. The preview doesn&#39;t show you a standalone page (it&#39;s a page that also has the mmm.page login/signup menu bar), so I looked at a few sites to get a sense for how it worked.&lt;/p&gt;
 &lt;table&gt;
 &lt;thead&gt;
@@ -604,7 +604,7 @@
 &lt;/tr&gt;
 &lt;/tbody&gt;
 &lt;/table&gt;
-&lt;h2 id=&quot;straw-page&quot;&gt;Straw.page&lt;/h2&gt;
+&lt;h2 id=&quot;straw.page&quot;&gt;Straw.page&lt;/h2&gt;
 &lt;p&gt;&lt;a href=&quot;https://straw.page/&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;Straw.Page&lt;/a&gt; is a drag-and-drop builder that bills itself as mobile-friendly. I looked at one of the offered themes, intentionally choosing one that should have intuitive reading order (spoiler: didn&#39;t matter).&lt;/p&gt;
 &lt;table&gt;
 &lt;thead&gt;
@@ -652,7 +652,7 @@
 &lt;/tr&gt;
 &lt;/tbody&gt;
 &lt;/table&gt;
-&lt;h2 id=&quot;univer-se&quot;&gt;Univer.se&lt;/h2&gt;
+&lt;h2 id=&quot;univer.se&quot;&gt;Univer.se&lt;/h2&gt;
 &lt;p&gt;&lt;a href=&quot;https://univer.se/&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;Univer.se&lt;/a&gt; is a drag-and-drop builder with plenty of premade themes. I reviewed a premade theme to get started.&lt;/p&gt;
 &lt;table&gt;
 &lt;thead&gt;
@@ -999,7 +999,7 @@ a&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
 	&lt;span class=&quot;token property&quot;&gt;max-width&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 100%&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
 	&lt;span class=&quot;token property&quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 0 auto&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
-&lt;h2 id=&quot;headers-footers-navs&quot;&gt;headers, footers, navs&lt;/h2&gt;
+&lt;h2 id=&quot;headers%2C-footers%2C-navs&quot;&gt;headers, footers, navs&lt;/h2&gt;
 &lt;p&gt;Let&#39;s talk the components that every page likely has - a header, a footer, and navs. I&#39;m going to use a very simple design for our header - a &lt;a href=&quot;https://webaim.org/techniques/skipnav/&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;skip link&lt;/a&gt;, an (optional) site title (the title could also be one of the nav links), and then an unordered list of links enclosed in a &lt;code&gt;nav&lt;/code&gt; element. Like the following:&lt;/p&gt;
 &lt;pre class=&quot;language-html&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;header&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;skip&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;#main&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;Skip to content&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
diff --git a/feed.xsl b/feed.xsl
index e163c0c4..ab8a72ec 100644
--- a/feed.xsl
+++ b/feed.xsl
@@ -32,6 +32,8 @@ https://nicolas-hoizey.com/feeds/all.xml
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -90,7 +92,6 @@ https://nicolas-hoizey.com/feeds/all.xml
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
diff --git a/fire-and-ice-handspun/index.html b/fire-and-ice-handspun/index.html
index 25267f76..407d7c9a 100644
--- a/fire-and-ice-handspun/index.html
+++ b/fire-and-ice-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fire-and-ice-handspun">fire &amp; ice handspun</h1>
+    <h1>fire &amp; ice handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,12 +1883,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/icelandic-lamb-handspun/">
+			<h2 data-ha-exclude="">icelandic lamb handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/spinning-plants/">
+			<h2 data-ha-exclude="">spinning plants </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+			<h2 data-ha-exclude="">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1899,34 +1928,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/ruby-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/ruby-alpaca-handspun.jpg" alt="one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fire-and-ice-handspun/` was built on 2026-09-20T00:40:39.764Z -->
+    <!-- This page `/fire-and-ice-handspun/` was built on 2026-09-20T22:08:14.567Z -->
   </body>
 </html>
diff --git a/fishhook-pride-keychains/index.html b/fishhook-pride-keychains/index.html
index f358df29..35f348d0 100644
--- a/fishhook-pride-keychains/index.html
+++ b/fishhook-pride-keychains/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fishhook-pride-keychains">fishhook pride keychains</h1>
+    <h1>fishhook pride keychains</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,51 +1888,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+		<a class="postlink" href="/leather-keychains/">
+			<h2 data-ha-exclude="">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/stephanie-collar/">
+			<h2 data-ha-exclude="">stephanie collar </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/stephanie-collar.jpg" alt="A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="">moss harness </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1988,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fishhook-pride-keychains/` was built on 2026-09-20T00:40:39.733Z -->
+    <!-- This page `/fishhook-pride-keychains/` was built on 2026-09-20T22:08:14.565Z -->
   </body>
 </html>
diff --git a/five-of-them/index.html b/five-of-them/index.html
index 2aa06b27..299201ec 100644
--- a/five-of-them/index.html
+++ b/five-of-them/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="five-of-them">five of them</h1>
+    <h1>five of them</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,44 +1895,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/trans-rights-skull/">
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1946,7 +1915,39 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/shirts/">
+			<h2 data-ha-exclude="">shirts! </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/flicker/">
+			<h2 data-ha-exclude="">flicker </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2003,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/five-of-them/` was built on 2026-09-20T00:40:39.722Z -->
+    <!-- This page `/five-of-them/` was built on 2026-09-20T22:08:14.560Z -->
   </body>
 </html>
diff --git a/fix-your-hearts/index.html b/fix-your-hearts/index.html
index 3cb2f89e..10427e8b 100644
--- a/fix-your-hearts/index.html
+++ b/fix-your-hearts/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fix-your-hearts">fix your hearts</h1>
+    <h1>fix your hearts</h1>
 
     <div class="post-metadata">
       <p>
@@ -1881,34 +1882,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/flicker/">
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1919,23 +1898,39 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/five-of-them/">
-			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
+		<a class="postlink" href="/iris/">
+			<h2 data-ha-exclude="">iris </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
+			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/quorbs/">
+			<h2 data-ha-exclude="">quorbs </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1992,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fix-your-hearts/` was built on 2026-09-20T00:40:39.760Z -->
+    <!-- This page `/fix-your-hearts/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/flatfish/index.html b/flatfish/index.html
index 10ebdbc5..71c853e6 100644
--- a/flatfish/index.html
+++ b/flatfish/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="flatfish">flatfish</h1>
+    <h1>flatfish</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,28 +1895,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+		<a class="postlink" href="/fix-your-hearts/">
+			<h2 data-ha-exclude="">fix your hearts </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/killdeer/">
+			<h2 data-ha-exclude="">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1923,26 +1922,22 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+		<a class="postlink" href="/loon/">
+			<h2 data-ha-exclude="">loon </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>card</li>
-				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1999,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/flatfish/` was built on 2026-09-20T00:40:39.713Z -->
+    <!-- This page `/flatfish/` was built on 2026-09-20T22:08:14.545Z -->
   </body>
 </html>
diff --git a/flicker/index.html b/flicker/index.html
index 201c93ac..d4be0fdb 100644
--- a/flicker/index.html
+++ b/flicker/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="flicker">flicker</h1>
+    <h1>flicker</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,34 +1900,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1941,15 +1920,31 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+		<a class="postlink" href="/iris/">
+			<h2 data-ha-exclude="">iris </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -2006,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/flicker/` was built on 2026-09-20T00:40:39.714Z -->
+    <!-- This page `/flicker/` was built on 2026-09-20T22:08:14.556Z -->
   </body>
 </html>
diff --git a/flocked-notebook/index.html b/flocked-notebook/index.html
index c1c19644..74b48522 100644
--- a/flocked-notebook/index.html
+++ b/flocked-notebook/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="flocked-notebook">flocked notebook</h1>
+    <h1>flocked notebook</h1>
 
     <div class="post-metadata">
       <p>
@@ -1895,12 +1896,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+			<h2 data-ha-exclude="">Acadia coloring journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1913,31 +1914,29 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/green-memo-pad/">
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>book</li>
 				
 			</ul>
-			<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">
+			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+		<a class="postlink" href="/stampede-journal/">
+			<h2 data-ha-exclude="">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1994,6 +1993,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/flocked-notebook/` was built on 2026-09-20T00:40:39.712Z -->
+    <!-- This page `/flocked-notebook/` was built on 2026-09-20T22:08:14.534Z -->
   </body>
 </html>
diff --git a/foldy-wallet-with-thumb-slide/index.html b/foldy-wallet-with-thumb-slide/index.html
index 4ea567af..c9346f26 100644
--- a/foldy-wallet-with-thumb-slide/index.html
+++ b/foldy-wallet-with-thumb-slide/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide</h1>
+    <h1>foldy wallet with thumb slide</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+		<a class="postlink" href="/patchwork-wallet/">
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/sunflower/">
+			<h2 data-ha-exclude="">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/eight-pocket-bifold/">
+			<h2 data-ha-exclude="">eight pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>software</li>
-				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1981,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-20T00:40:39.735Z -->
+    <!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-20T22:08:14.536Z -->
   </body>
 </html>
diff --git a/foldy-wallet/index.html b/foldy-wallet/index.html
index 1b733fdd..2c05def0 100644
--- a/foldy-wallet/index.html
+++ b/foldy-wallet/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="foldy-wallet">foldy wallet</h1>
+    <h1>foldy wallet</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<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/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>
 	
   <li class="post">
-		<a class="postlink" href="/circle-bag/">
-			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/x-acto-knife-sheath/">
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/foldy-wallet/` was built on 2026-09-20T00:40:39.735Z -->
+    <!-- This page `/foldy-wallet/` was built on 2026-09-20T22:08:14.535Z -->
   </body>
 </html>
diff --git a/fountain-pen-friendly-stationery/index.html b/fountain-pen-friendly-stationery/index.html
index 76e69655..3bf2e26f 100644
--- a/fountain-pen-friendly-stationery/index.html
+++ b/fountain-pen-friendly-stationery/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="fountain-pen-friendly-stationery">fountain pen-friendly stationery</h1>
+    <h1>fountain pen-friendly stationery</h1>
 
     <div class="post-metadata">
       <p>
@@ -1897,12 +1898,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/siblinghood-of-the-traveling-greeting-card/">
-			<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card </h2>
+			<h2 data-ha-exclude="">siblinghood of the traveling greeting card </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1916,7 +1917,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stationery-exchange/">
-			<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange </h2>
+			<h2 data-ha-exclude="">stationery exchange </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1980,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-09-20T00:40:39.740Z -->
+    <!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-09-20T22:08:14.540Z -->
   </body>
 </html>
diff --git a/foxgloves/index.html b/foxgloves/index.html
index 492e2536..6b84d565 100644
--- a/foxgloves/index.html
+++ b/foxgloves/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="foxgloves">foxgloves</h1>
+    <h1>foxgloves</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,53 +1899,59 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/five-of-them/">
-			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
+		<a class="postlink" href="/kniphofia/">
+			<h2 data-ha-exclude="">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+			</ul>
+			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/boypussy/">
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
 				<li>shirt</li>
 				
-			</ul>
-			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/tiny-portraits/">
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>pin</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="">pronoun patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>patch</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -2001,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/foxgloves/` was built on 2026-09-20T00:40:39.722Z -->
+    <!-- This page `/foxgloves/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/framer-accessibility/index.html b/framer-accessibility/index.html
index 798dc2c6..f3b1cc42 100644
--- a/framer-accessibility/index.html
+++ b/framer-accessibility/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="framer-accessibility">framer accessibility</h1>
+    <h1>framer accessibility</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,109 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
     
 
-    <p>This is a work in progress post originally written for a colleague beginning to explore <a href="https://framer.com" target="_blank" rel="external">Framer</a>, a visual site designer with CMS. It walks through some major web accessibility topics, first generally and then as they relate to Framer, with links to relevant resources.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#accessible-from-the-beginning">Accessible from the beginning</a>
+            		</li>
+
+                    <li><a href="#definitions">Definitions</a>
+            		</li>
+
+                    <li><a href="#semantic-html">Semantic HTML</a>
+            
+                <ol>
+                    
+                    <li><a href="#semantic-html-in-framer">Semantic HTML in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#reading-order">Reading order</a>
+            
+                <ol>
+                    
+                    <li><a href="#reading-order-in-framer">Reading order in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#keyboard-navigation">Keyboard navigation</a>
+            
+                <ol>
+                    
+                    <li><a href="#keyboard-navigation-in-framer">Keyboard navigation in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#keyboard-focus">Keyboard focus</a>
+            
+                <ol>
+                    
+                    <li><a href="#keyboard-focus-in-framer">Keyboard focus in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#skip-links">Skip links</a>
+            
+                <ol>
+                    
+                    <li><a href="#skip-links-in-framer">Skip links in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#text-alternatives">Text alternatives</a>
+            
+                <ol>
+                    
+                    <li><a href="#text-alternatives-in-framer">Text alternatives in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#color">Color</a>
+            
+                <ol>
+                    
+                    <li><a href="#color-in-framer">Color in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#responsive-design">Responsive design</a>
+            
+                <ol>
+                    
+                    <li><a href="#responsive-design-in-framer">Responsive design in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#forms">Forms</a>
+            
+                <ol>
+                    
+                    <li><a href="#forms-in-framer">Forms in Framer</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#other-considerations">Other considerations</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>This is a work in progress post originally written for a colleague beginning to explore <a href="https://framer.com" target="_blank" rel="external">Framer</a>, a visual site designer with CMS. It walks through some major web accessibility topics, first generally and then as they relate to Framer, with links to relevant resources.</p>
 <h2 id="accessible-from-the-beginning">Accessible from the beginning</h2>
 <p>Accessibility <strong>must</strong> be built from the start of a project. Retrofitting a project to be accessible requires far more effort than designing for accessibility from the start. Building with accessibility in mind prevents time consuming and expensive reworks.</p>
 <h2 id="definitions">Definitions</h2>
@@ -1951,6 +2127,7 @@ switch (currentThemeValue) {
 <li>Some users need <strong>reduced or removed animations</strong>. There is a setting in Framer to <a href="https://www.framer.com/help/articles/reduced-motion-settings/" target="_blank" rel="external">allow reduced motion support</a>. It's turned off by default.</li>
 </ul>
 
+
   </article>
 
   
@@ -1988,49 +2165,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/handedness-toggle/">
-			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
+		<a class="postlink" href="/domain-and-site-setup/">
+			<h2 data-ha-exclude="">domain and site setup </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
+			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/redirections/">
+			<h2 data-ha-exclude="">redirections </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/visual-site-builders-and-accessibility/">
+			<h2 data-ha-exclude="">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2087,6 +2262,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/framer-accessibility/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/framer-accessibility/` was built on 2026-09-20T22:08:14.588Z -->
   </body>
 </html>
diff --git a/gallery/1/index.html b/gallery/1/index.html
index afbcf97c..0bd2b45c 100644
--- a/gallery/1/index.html
+++ b/gallery/1/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+			<h2 data-ha-exclude="">dyeing fiber </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+			<h2 data-ha-exclude="">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bfl-silk-handspun/">
-			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+			<h2 data-ha-exclude="">BFL/silk handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+			<h2 data-ha-exclude="">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/petrichor-handspun/">
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
+			<h2 data-ha-exclude="">petrichor handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+			<h2 data-ha-exclude="">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1483,7 +1484,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/icelandic-lamb-handspun/">
-			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
+			<h2 data-ha-exclude="">icelandic lamb handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+			<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1511,7 +1512,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-solstice-2025/">
-			<h2 data-ha-exclude="" id="happy-solstice-2025">happy solstice 2025 </h2>
+			<h2 data-ha-exclude="">happy solstice 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1525,7 +1526,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
+			<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1539,7 +1540,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+			<h2 data-ha-exclude="">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
+			<h2 data-ha-exclude="">intro to wireframing </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1569,7 +1570,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-suspenders/">
-			<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
+			<h2 data-ha-exclude="">brooke&#39;s suspenders </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1655,6 +1656,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/1/` was built on 2026-09-20T00:40:45.064Z -->
+    <!-- This page `/gallery/1/` was built on 2026-09-20T22:08:17.527Z -->
   </body>
 </html>
diff --git a/gallery/10/index.html b/gallery/10/index.html
index 85b23097..b02d131b 100644
--- a/gallery/10/index.html
+++ b/gallery/10/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			<h2 data-ha-exclude="">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1417,7 +1418,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-keychains/">
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
+			<h2 data-ha-exclude="">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1431,7 +1432,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
+			<h2 data-ha-exclude="">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1447,7 +1448,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/junco/">
-			<h2 data-ha-exclude="" id="junco">junco </h2>
+			<h2 data-ha-exclude="">junco </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1463,7 +1464,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+			<h2 data-ha-exclude="">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1477,7 +1478,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+			<h2 data-ha-exclude="">flatfish </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1493,7 +1494,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+			<h2 data-ha-exclude="">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,7 +1510,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+			<h2 data-ha-exclude="">iris </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1525,7 +1526,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+			<h2 data-ha-exclude="">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1543,7 +1544,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+			<h2 data-ha-exclude="">lined notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1557,7 +1558,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flocked-notebook/">
-			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
+			<h2 data-ha-exclude="">flocked notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1571,7 +1572,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+			<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1587,7 +1588,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pink-socks/">
-			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
+			<h2 data-ha-exclude="">pink socks </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1673,6 +1674,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/10/` was built on 2026-09-20T00:40:52.046Z -->
+    <!-- This page `/gallery/10/` was built on 2026-09-20T22:08:21.423Z -->
   </body>
 </html>
diff --git a/gallery/11/index.html b/gallery/11/index.html
index ffcd631d..85b4508b 100644
--- a/gallery/11/index.html
+++ b/gallery/11/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+			<h2 data-ha-exclude="">brooke&#39;s socks </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1429,7 +1430,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+			<h2 data-ha-exclude="">square watercolor pad </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-books/">
-			<h2 data-ha-exclude="" id="tiny-books">tiny books </h2>
+			<h2 data-ha-exclude="">tiny books </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orange-journal/">
-			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
+			<h2 data-ha-exclude="">orange journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/striped-journal/">
-			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
+			<h2 data-ha-exclude="">striped journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1485,7 +1486,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1499,7 +1500,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/blue-and-brown-leather-journal/">
-			<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal </h2>
+			<h2 data-ha-exclude="">blue and brown leather journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+			<h2 data-ha-exclude="">Acadia coloring journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+			<h2 data-ha-exclude="">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+			<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1561,7 +1562,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+			<h2 data-ha-exclude="">become unbutterable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1641,6 +1642,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/11/` was built on 2026-09-20T00:40:52.834Z -->
+    <!-- This page `/gallery/11/` was built on 2026-09-20T22:08:21.765Z -->
   </body>
 </html>
diff --git a/gallery/2/index.html b/gallery/2/index.html
index 32cc4af5..8fc16773 100644
--- a/gallery/2/index.html
+++ b/gallery/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/wrap-bracelets/">
-			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
+			<h2 data-ha-exclude="">wrap bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/acadia-mitts/">
-			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
+			<h2 data-ha-exclude="">acadia mitts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+			<h2 data-ha-exclude="">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/sideways-canvas-shirt/">
-			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
+			<h2 data-ha-exclude="">sideways canvas shirt </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/scrap-patches/">
-			<h2 data-ha-exclude="" id="scrap-patches">scrap patches </h2>
+			<h2 data-ha-exclude="">scrap patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1487,7 +1488,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fix-your-hearts/">
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
+			<h2 data-ha-exclude="">fix your hearts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1501,7 +1502,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+			<h2 data-ha-exclude="">loon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1515,7 +1516,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1533,7 +1534,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1551,7 +1552,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+			<h2 data-ha-exclude="">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1565,7 +1566,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/quorbs/">
-			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
+			<h2 data-ha-exclude="">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1581,7 +1582,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1669,6 +1670,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/2/` was built on 2026-09-20T00:40:45.766Z -->
+    <!-- This page `/gallery/2/` was built on 2026-09-20T22:08:18.050Z -->
   </body>
 </html>
diff --git a/gallery/3/index.html b/gallery/3/index.html
index 47c0d296..ad2fd94d 100644
--- a/gallery/3/index.html
+++ b/gallery/3/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+			<h2 data-ha-exclude="">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1429,7 +1430,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+			<h2 data-ha-exclude="">greeting quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1445,7 +1446,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/euphorbia/">
-			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
+			<h2 data-ha-exclude="">euphorbia </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1459,7 +1460,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1477,7 +1478,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1493,7 +1494,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kniphofia/">
-			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
+			<h2 data-ha-exclude="">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1507,7 +1508,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+			<h2 data-ha-exclude="">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1521,7 +1522,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-portraits/">
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
+			<h2 data-ha-exclude="">tiny portraits </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1535,7 +1536,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+			<h2 data-ha-exclude="">snap pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1549,7 +1550,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+			<h2 data-ha-exclude="">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1563,7 +1564,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
+			<h2 data-ha-exclude="">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1577,7 +1578,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bowtie/">
-			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
+			<h2 data-ha-exclude="">bowtie </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1663,6 +1664,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/3/` was built on 2026-09-20T00:40:46.475Z -->
+    <!-- This page `/gallery/3/` was built on 2026-09-20T22:08:18.455Z -->
   </body>
 </html>
diff --git a/gallery/4/index.html b/gallery/4/index.html
index 4db2a748..1055f7af 100644
--- a/gallery/4/index.html
+++ b/gallery/4/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+			<h2 data-ha-exclude="">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+			<h2 data-ha-exclude="">squarsh </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+			<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+			<h2 data-ha-exclude="">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+			<h2 data-ha-exclude="">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+			<h2 data-ha-exclude="">shrimp cat toy </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1485,7 +1486,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+			<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1499,7 +1500,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-cuff-bracelets/">
-			<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets </h2>
+			<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+			<h2 data-ha-exclude="">aaron&#39;s mask </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
+			<h2 data-ha-exclude="">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+			<h2 data-ha-exclude="">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1571,7 +1572,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1659,6 +1660,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/4/` was built on 2026-09-20T00:40:47.339Z -->
+    <!-- This page `/gallery/4/` was built on 2026-09-20T22:08:18.838Z -->
   </body>
 </html>
diff --git a/gallery/5/index.html b/gallery/5/index.html
index ed82a968..3ee93953 100644
--- a/gallery/5/index.html
+++ b/gallery/5/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+			<h2 data-ha-exclude="">gradient purse strap </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/zipper-bifold-green/">
-			<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green) </h2>
+			<h2 data-ha-exclude="">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+			<h2 data-ha-exclude="">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1473,7 +1474,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+			<h2 data-ha-exclude="">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1491,7 +1492,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pins/">
-			<h2 data-ha-exclude="" id="pins">pins! </h2>
+			<h2 data-ha-exclude="">pins! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1505,7 +1506,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+			<h2 data-ha-exclude="">mousie </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1519,7 +1520,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+			<h2 data-ha-exclude="">long zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1533,7 +1534,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1551,7 +1552,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1567,7 +1568,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/circle-bag/">
-			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+			<h2 data-ha-exclude="">circle bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1581,7 +1582,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stephanie-collar/">
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar </h2>
+			<h2 data-ha-exclude="">stephanie collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1667,6 +1668,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/5/` was built on 2026-09-20T00:40:48.281Z -->
+    <!-- This page `/gallery/5/` was built on 2026-09-20T22:08:19.311Z -->
   </body>
 </html>
diff --git a/gallery/6/index.html b/gallery/6/index.html
index a7683180..25f42f7b 100644
--- a/gallery/6/index.html
+++ b/gallery/6/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-mushrooms/">
-			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
+			<h2 data-ha-exclude="">tiny mushrooms </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+			<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-collar/">
-			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+			<h2 data-ha-exclude="">brooke&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+			<h2 data-ha-exclude="">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1483,7 +1484,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/x-acto-knife-sheath/">
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
+			<h2 data-ha-exclude="">x-acto knife sheath </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+			<h2 data-ha-exclude="">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+			<h2 data-ha-exclude="">zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-zipper-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
+			<h2 data-ha-exclude="">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+			<h2 data-ha-exclude="">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+			<h2 data-ha-exclude="">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1569,7 +1570,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+			<h2 data-ha-exclude="">eight pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1655,6 +1656,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/6/` was built on 2026-09-20T00:40:48.969Z -->
+    <!-- This page `/gallery/6/` was built on 2026-09-20T22:08:19.738Z -->
   </body>
 </html>
diff --git a/gallery/7/index.html b/gallery/7/index.html
index 0a3f42bf..63187c4e 100644
--- a/gallery/7/index.html
+++ b/gallery/7/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/double-bill-pocket-bifold/">
-			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+			<h2 data-ha-exclude="">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
+			<h2 data-ha-exclude="">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+			<h2 data-ha-exclude="">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-chest-harness/">
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
+			<h2 data-ha-exclude="">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1475,7 +1476,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1491,7 +1492,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1507,7 +1508,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			<h2 data-ha-exclude="">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1549,7 +1550,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1571,7 +1572,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+			<h2 data-ha-exclude="">rainbow shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1585,7 +1586,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1607,7 +1608,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			<h2 data-ha-exclude="">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1697,6 +1698,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/7/` was built on 2026-09-20T00:40:49.803Z -->
+    <!-- This page `/gallery/7/` was built on 2026-09-20T22:08:20.246Z -->
   </body>
 </html>
diff --git a/gallery/8/index.html b/gallery/8/index.html
index 6b4a6900..4514e470 100644
--- a/gallery/8/index.html
+++ b/gallery/8/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1417,7 +1418,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+			<h2 data-ha-exclude="">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1435,7 +1436,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+			<h2 data-ha-exclude="">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1451,7 +1452,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stickers/">
-			<h2 data-ha-exclude="" id="stickers">stickers! </h2>
+			<h2 data-ha-exclude="">stickers! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1465,7 +1466,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shirts/">
-			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
+			<h2 data-ha-exclude="">shirts! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1479,7 +1480,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+			<h2 data-ha-exclude="">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/five-of-them/">
-			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
+			<h2 data-ha-exclude="">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1531,7 +1532,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-strap-journal/">
-			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
+			<h2 data-ha-exclude="">leather strap journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+			<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1563,7 +1564,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stampede-journal/">
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+			<h2 data-ha-exclude="">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1577,7 +1578,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+			<h2 data-ha-exclude="">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1591,7 +1592,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1677,6 +1678,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/8/` was built on 2026-09-20T00:40:50.665Z -->
+    <!-- This page `/gallery/8/` was built on 2026-09-20T22:08:20.699Z -->
   </body>
 </html>
diff --git a/gallery/9/index.html b/gallery/9/index.html
index 1bf0f285..9bc2db54 100644
--- a/gallery/9/index.html
+++ b/gallery/9/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1421,7 +1422,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1439,7 +1440,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
+			<h2 data-ha-exclude="">spotted towhee </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/knit-shrimp/">
-			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
+			<h2 data-ha-exclude="">knit shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+			<h2 data-ha-exclude="">geese </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1487,7 +1488,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+			<h2 data-ha-exclude="">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1505,7 +1506,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1523,7 +1524,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+			<h2 data-ha-exclude="">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1563,7 +1564,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+			<h2 data-ha-exclude="">hair </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1579,7 +1580,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flicker/">
-			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1597,7 +1598,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+			<h2 data-ha-exclude="">heron </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1615,7 +1616,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+			<h2 data-ha-exclude="">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1703,6 +1704,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/9/` was built on 2026-09-20T00:40:51.294Z -->
+    <!-- This page `/gallery/9/` was built on 2026-09-20T22:08:21.023Z -->
   </body>
 </html>
diff --git a/gallery/index.html b/gallery/index.html
index b65eb3fb..ee090fc8 100644
--- a/gallery/index.html
+++ b/gallery/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="gallery">gallery</h1>
+<h1>gallery</h1>
 
 
 <p class="centered">the gallery section is for finished art</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+			<h2 data-ha-exclude="">houndstooth dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mouse-coin-purse/">
-			<h2 data-ha-exclude="" id="mouse-coin-purse">mouse coin purse </h2>
+			<h2 data-ha-exclude="">mouse coin purse </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+			<h2 data-ha-exclude="">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loud-table-runner/">
-			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
+			<h2 data-ha-exclude="">loud table runner </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/log-cabin-dishtowels/">
-			<h2 data-ha-exclude="" id="log-cabin-dishtowels">log cabin dishtowels </h2>
+			<h2 data-ha-exclude="">log cabin dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+			<h2 data-ha-exclude="">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1485,7 +1486,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+			<h2 data-ha-exclude="">crow </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1499,7 +1500,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
+			<h2 data-ha-exclude="">charlie the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/ruby-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
+			<h2 data-ha-exclude="">ruby the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spinners-dream-handspun/">
-			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+			<h2 data-ha-exclude="">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1571,7 +1572,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fire-and-ice-handspun/">
-			<h2 data-ha-exclude="" id="fire-and-ice-handspun">fire &amp; ice handspun </h2>
+			<h2 data-ha-exclude="">fire &amp; ice handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1651,6 +1652,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/` was built on 2026-09-20T00:40:39.767Z -->
+    <!-- This page `/gallery/` was built on 2026-09-20T22:08:14.570Z -->
   </body>
 </html>
diff --git a/geese-trans-wrongs/index.html b/geese-trans-wrongs/index.html
index 92173b66..74d6190d 100644
--- a/geese-trans-wrongs/index.html
+++ b/geese-trans-wrongs/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="geese-trans-wrongs">geese/trans wrongs</h1>
+    <h1>geese/trans wrongs</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,55 +1900,55 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+		<a class="postlink" href="/flicker/">
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
+				<li>card</li>
 				
 				<li>shirt</li>
 				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/queer-book-list/">
-			<h2 data-ha-exclude="" id="queer-book-list">queer book list </h2>
+		<a class="postlink" href="/geese/">
+			<h2 data-ha-exclude="">geese </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/gender/">
+			<h2 data-ha-exclude="">gender? </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
 			
 		</a>
 	</li>
@@ -2004,6 +2005,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/geese-trans-wrongs/` was built on 2026-09-20T00:40:39.720Z -->
+    <!-- This page `/geese-trans-wrongs/` was built on 2026-09-20T22:08:14.558Z -->
   </body>
 </html>
diff --git a/geese/index.html b/geese/index.html
index 69b6c614..326c9e7d 100644
--- a/geese/index.html
+++ b/geese/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="geese">geese</h1>
+    <h1>geese</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,65 +1900,53 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>shirt</li>
+				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
 			</ul>
-			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/quorbs/">
+			<h2 data-ha-exclude="">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>zine</li>
-				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/junco/">
+			<h2 data-ha-exclude="">junco </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/junco-print.jpg" alt="A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -2014,6 +2003,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/geese/` was built on 2026-09-20T00:40:39.715Z -->
+    <!-- This page `/geese/` was built on 2026-09-20T22:08:14.557Z -->
   </body>
 </html>
diff --git a/gender-as-a-proxy-variable/index.html b/gender-as-a-proxy-variable/index.html
index 1402398c..90fa7b7f 100644
--- a/gender-as-a-proxy-variable/index.html
+++ b/gender-as-a-proxy-variable/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="gender-as-a-proxy-variable">gender as a proxy variable</h1>
+    <h1>gender as a proxy variable</h1>
 
     <div class="post-metadata">
       <p>
@@ -1848,7 +1922,67 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
     
 
-    <p><a href="https://riverside-refuge.square.site/product/gender-as-a-proxy-variable-print-zine/113" target="_blank" rel="external">Get print copies.</a></p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#gender%3F">Gender?</a>
+            		</li>
+
+                    <li><a href="#formatting-note">Formatting note</a>
+            		</li>
+
+                    <li><a href="#...pronouns">...Pronouns</a>
+            		</li>
+
+                    <li><a href="#...title-or-prefix">...Title or prefix</a>
+            		</li>
+
+                    <li><a href="#...health-needs">...Health needs</a>
+            		</li>
+
+                    <li><a href="#...clothing-preferences">...Clothing preferences</a>
+            		</li>
+
+                    <li><a href="#...bathroom-use">...Bathroom use</a>
+            		</li>
+
+                    <li><a href="#...public-profile-data">...Public profile data</a>
+            		</li>
+
+                    <li><a href="#...demographic-data">...Demographic data</a>
+            		</li>
+
+                    <li><a href="#...legal">...Legal</a>
+            		</li>
+
+                    <li><a href="#...medical">...Medical</a>
+            		</li>
+
+                    <li><a href="#gender-question">Gender question</a>
+            		</li>
+
+                    <li><a href="#anti-patterns">Anti-patterns</a>
+            		</li>
+
+                    <li><a href="#patterns">Patterns</a>
+            		</li>
+
+                    <li><a href="#sources">Sources</a>
+            		</li>
+
+                    <li><a href="#author">Author</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p><a href="https://riverside-refuge.square.site/product/gender-as-a-proxy-variable-print-zine/113" target="_blank" rel="external">Get print copies.</a></p>
 <p>The below material is a web page reproduction of my zine <strong>Gender as a Proxy Variable</strong>.</p>
 <hr>
 <p>Authored by Lee Cattarin</p>
@@ -1862,7 +1996,7 @@ switch (currentThemeValue) {
 <p>*<em>pro tip: just say &quot;pronouns&quot; and drop the &quot;preferred&quot;</em></p>
 <hr>
 <p>So, what are you asking for when you ask for</p>
-<h2 id="gender"><strong>Gender?</strong></h2>
+<h2 id="gender%3F"><strong>Gender?</strong></h2>
 <ul>
 <li>pronouns?</li>
 <li>title or prefix?</li>
@@ -1881,7 +2015,7 @@ switch (currentThemeValue) {
 <p>Questions that allow users to choose multiple answers will be followed with &quot;(pick any)&quot;.</p>
 <p>Write-in fields may have italicized suggestions in them.</p>
 <hr>
-<h2 id="pronouns">...Pronouns</h2>
+<h2 id="...pronouns">...Pronouns</h2>
 <p>What pronouns should we use for you? (pick any)</p>
 <ul>
 <li>he/him/his</li>
@@ -1897,7 +2031,7 @@ switch (currentThemeValue) {
 <li>possessive (prn): <em>hers</em></li>
 <li>reflexive: <em>herself</em></li>
 </ul>
-<h2 id="title-or-prefix">...Title or prefix</h2>
+<h2 id="...title-or-prefix">...Title or prefix</h2>
 <p>What title or prefix should we use for you? (pick one)</p>
 <ul>
 <li>Mr.</li>
@@ -1913,20 +2047,20 @@ switch (currentThemeValue) {
 <li>no prefix</li>
 <li>other <em>(write-in)</em>:</li>
 </ul>
-<h2 id="health-needs">...Health needs</h2>
+<h2 id="...health-needs">...Health needs</h2>
 <p>Do you require private facilities for breastfeeding or other health and wellness needs? (pick one)</p>
 <ul>
 <li>yes</li>
 <li>no</li>
 </ul>
 <p><em>Provide a write-in space for specific needs, such as refrigeration or running water.</em></p>
-<h2 id="clothing-preferences">...Clothing preferences</h2>
+<h2 id="...clothing-preferences">...Clothing preferences</h2>
 <p>Which style of shirt would you prefer? (pick one)</p>
 <ul>
 <li>straight cut</li>
 <li>fitted <em>(edit: a reader has suggested &quot;curvy&quot; or &quot;flared&quot; as alternatives)</em></li>
 </ul>
-<h2 id="bathroom-use">...Bathroom use</h2>
+<h2 id="...bathroom-use">...Bathroom use</h2>
 <p>Do you require any of the following restrooms? (pick any)</p>
 <ul>
 <li>all-gender</li>
@@ -1935,7 +2069,7 @@ switch (currentThemeValue) {
 <li>other <em>(write-in)</em>:</li>
 </ul>
 <p><em>All restrooms should be provided with menstrual products.</em></p>
-<h2 id="public-profile-data">...Public profile data</h2>
+<h2 id="...public-profile-data">...Public profile data</h2>
 <p>What is your gender? <strong>This information will be viewable on your profile by all logged-in users.</strong> (pick any)</p>
 <ul>
 <li>man</li>
@@ -1944,7 +2078,7 @@ switch (currentThemeValue) {
 <li>other <em>(write-in)</em>:</li>
 </ul>
 <p><em>Make sure to note the visibility level!</em></p>
-<h2 id="demographic-data">...Demographic data</h2>
+<h2 id="...demographic-data">...Demographic data</h2>
 <p>What is your gender? <strong>This information is collected for demographic analysis only.</strong> (pick one)</p>
 <ul>
 <li>man</li>
@@ -1952,7 +2086,7 @@ switch (currentThemeValue) {
 <li>nonbinary</li>
 <li>other <em>(write-in)</em>:</li>
 </ul>
-<h2 id="legal">...Legal</h2>
+<h2 id="...legal">...Legal</h2>
 <p>What is your legal sex as marked on government-issued identification? (pick one)</p>
 <ul>
 <li>M</li>
@@ -1960,7 +2094,7 @@ switch (currentThemeValue) {
 <li>X</li>
 </ul>
 <p><em>Explain where this information will be used. If you need something more specific than <strong>any</strong> legal identification, say so: &quot;This is used for insurance purposes and must match your gender on insurance paperwork.&quot;</em></p>
-<h2 id="medical">...Medical</h2>
+<h2 id="...medical">...Medical</h2>
 <p>What is your gender? (pick any)</p>
 <ul>
 <li>man</li>
@@ -2033,6 +2167,7 @@ switch (currentThemeValue) {
 <p>Get in touch with hir via any of the methods listed on <a href="/contact">leecat.art/contact</a></p>
 <p><img src="/img/gender-zine-stamps.png" alt="A small stamp depicting Lee's face next to a speech bubble in handwritten text that reads 'Thanks for reading!'. Below that, the word 'editors' in quotes, and stamps of a fluffy dog and 6 variously-patterned ducklings" loading="lazy" decoding="async" width="1000" height="613"></p>
 
+
   </article>
 
   
@@ -2070,30 +2205,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/bottom-growth/">
+			<h2 data-ha-exclude="">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2102,21 +2219,39 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fedizinefest-2025/">
-			<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>zine</li>
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/fedizinefest-2025.png" alt="A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025." loading="lazy" decoding="async" width="729" height="799">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/networks-of-trans-care/">
+			<h2 data-ha-exclude="">networks of trans care </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2173,6 +2308,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gender-as-a-proxy-variable/` was built on 2026-09-20T00:40:39.737Z -->
+    <!-- This page `/gender-as-a-proxy-variable/` was built on 2026-09-20T22:08:14.586Z -->
   </body>
 </html>
diff --git a/gender-in-data-models/index.html b/gender-in-data-models/index.html
index c779e865..cd539a9d 100644
--- a/gender-in-data-models/index.html
+++ b/gender-in-data-models/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="gender-in-data-models">gender in data models</h1>
+    <h1>gender in data models</h1>
 
     <div class="post-metadata">
       <p>
@@ -1913,7 +1914,7 @@ switch (currentThemeValue) {
 <li>This is a work in progress</li>
 <li>While I have relied on many articles and talks in collating this resource, as well as on my own experiences as a nonbinary trans person enmeshed in nonbinary and trans communities, it is still largely the work of one person at present and will not represent the views of all trans, nonbinary, or gender-expansive people</li>
 </ul>
-<h2 id="where-do-we-need-help">Where do we need help?</h2>
+<h2 id="where-do-we-need-help%3F">Where do we need help?</h2>
 <p>Proofreading and commentary from all readers!</p>
 <p>If you're knowledgeable on this topic, additional information and viewpoints are tremendously useful.</p>
 <p>If you're new, where do you have questions? What hasn't been explained enough? What do you leave this document still wondering about?</p>
@@ -1948,7 +1949,7 @@ switch (currentThemeValue) {
 </ul>
 <p>Both of these sources use ‘nonbinary’ as their usual spelling; I am mirroring that here.</p>
 <h2 id="issues-and-considerations">Issues and considerations</h2>
-<h3 id="do-you-need-gender-data">Do you need gender data?</h3>
+<h3 id="do-you-need-gender-data%3F">Do you need gender data?</h3>
 <p>It's always worthwhile to stop and look at how relevant or necessary gender information is to your goals.</p>
 <blockquote>
 <p>&quot;'I would argue that you almost never have to ask for gender,' Stevens said.</p>
@@ -1992,7 +1993,7 @@ switch (currentThemeValue) {
 <p>and more. This identifier may or may not be treated as binary and may or may not take into account an individual's medical history.</p>
 <p><a href="https://blogs.scientificamerican.com/sa-visual/visualizing-sex-as-a-spectrum/" target="_blank" rel="external">(Montañez, 2017)</a></p>
 <p>Outside of healthcare, this is largely unnecessary. For healthcare, see <a href="#two--or-multi--step-approach">Two- or multi- step approach</a> and <a href="#organ-inventory">Organ inventory</a>.</p>
-<h3 id="other-or-similarly-named-categories">&quot;Other&quot; or similarly named categories</h3>
+<h3 id="%22other%22-or-similarly-named-categories">&quot;Other&quot; or similarly named categories</h3>
 <p>As a way to accurately represent gender diverse people, &quot;other&quot; is, quite literally, othering. &quot;Prefer not to say&quot; or similar wording can be an excellent option, but not if it is the only option outside the traditional gender binary that is available to users - in that case, it becomes no longer a preference but a requirement not to say.</p>
 <blockquote>
 <p>&quot;Researchers have also developed methods to respond to challenges involved in data collection about sexual and gender identities which are culturally specific and unique. For example, in 2011, the government of Nepal attempted the world’s first census in which respondents had the option of choosing 'Male,' 'Female,' or 'Third Gender.' The effort was not successful for a number of reasons, among which was that large proportions of the gender minority population did not identify with the term 'third gender.' Subsequent research determined that the use of culturally specific terms such as 'Methi' and 'Kothi' would have increased the effectiveness of the census effort.&quot;</p>
@@ -2009,7 +2010,7 @@ switch (currentThemeValue) {
 <h3 id="free-text-entry">Free text entry</h3>
 <p>This approach provides much of the benefits of an expansive list, and removes the drawbacks discussed above. However, it comes at the cost of making data storage and analysis more expensive, challenging, and time-consuming. It may additionally still contribute to user confusion for anyone who is uncertain where or how the information will be used or whether there are expected responses.</p>
 <p>For smaller projects, however, this is still an option. Or you can offer this to a small subset of users who find that the available options don't fit - see <a href="#not-listed-here">Not listed here</a>.</p>
-<h3 id="assumptions-that-a-single-term-will-fully-encompass-gender-especially-in-a-more-exhaustive-list-of-options">Assumptions that a single term will fully encompass gender, especially in a more exhaustive list of options</h3>
+<h3 id="assumptions-that-a-single-term-will-fully-encompass-gender%2C-especially-in-a-more-exhaustive-list-of-options">Assumptions that a single term will fully encompass gender, especially in a more exhaustive list of options</h3>
 <p>Especially when providing expansive lists or allowing write in fields, ensure that terms that are not mutually exclusive must be chosen as though they are. This is the reasoning behind guidance for a two-step approach, described in more detail in <a href="#two--or-multi--step-approach">Two- or multi- step approach</a>, which &quot;measures assigned sex at birth and self-reported gender identity at the time of the survey&quot; <a href="https://williamsinstitute.law.ucla.edu/publications/data-collection-sogi/" target="_blank" rel="external">(Park, 2016)</a></p>
 <blockquote>
 <p>&quot;...some terms aren’t mutually exclusive, and framing them as such is offensive, Mons said: 'For example, if we list Man, Woman, Non-Binary, Trans Man and Trans Woman, <strong>does that separation imply that someone who is trans and identifies as a man is not a man?</strong>'&quot;</p>
@@ -2031,7 +2032,7 @@ switch (currentThemeValue) {
 <p>Including &quot;gender not listed here&quot; or a similar response provides an out for anyone who does not feel represented by the available options. You could follow this up with a free text entry field.</p>
 <h3 id="allow-for-changes">Allow for changes</h3>
 <p>Avoid treating gender as an immutable category - make sure users have the ability to edit it.</p>
-<h3 id="two-or-multi-step-approach">Two- or multi- step approach</h3>
+<h3 id="two--or-multi--step-approach">Two- or multi- step approach</h3>
 <p>As mentioned briefly above, a two-step approach separates gender and assigned sex at birth, allowing healthcare systems additional information about the patient. See <a href="#wpath-guidelines-on-emr">WPATH guidelines on EMR</a> and associated reference for more details.
 This may also be expanded to a multi-step approach, with questions covering some/all of</p>
 <ul>
@@ -2055,7 +2056,7 @@ This may also be expanded to a multi-step approach, with questions covering some
 <p><a href="https://www.healthit.gov/isa/sites/isa/files/2017-11/JAMIA%20-%20Transgender%20Health%20and%20EMRs.pdf" target="_blank" rel="external">(Deutsch, et. al, 2013)</a></p>
 <p>Refer to the reference linked above for detailed examples of organ or surgical history inventories.</p>
 <p>Additional reference (added Sep 2024): <a href="https://www.rainbowhealthontario.ca/wp-content/uploads/2021/09/Guidelines-FINAL-4TH-EDITION-With-2023-Updates.pdf" target="_blank" rel="external">(Bourns, 2023)</a></p>
-<h3 id="differentiate-with-cis-and-trans">Differentiate with ‘cis’ and ‘trans’</h3>
+<h3 id="differentiate-with-%E2%80%98cis%E2%80%99-and-%E2%80%98trans%E2%80%99">Differentiate with ‘cis’ and ‘trans’</h3>
 <p>Avoid questions that contrast ‘male’ and ‘trans male’ or any parallel set of terms. Either contrast ‘cis male’ and ‘trans male,' or allow respondents to choose multiple responses.</p>
 <h2 id="healthcare-or-legal-systems">Healthcare or legal systems</h2>
 <p>These systems add additional requirements and restrictions. In cases like these, it may be helpful to have an additional field for <strong>legal gender/sex designation</strong> (usually set to F, M, or X) in order to allow for alignment with existing documentation without preventing self-identification on the part of the individual.</p>
@@ -2121,59 +2122,55 @@ This may also be expanded to a multi-step approach, with questions covering some
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
+		<a class="postlink" href="/textures-unite/">
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>knit</li>
+				
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
+			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
+				<li>leather</li>
 				
 				<li>gender</li>
 				
+				<li>patch</li>
+				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+		<a class="postlink" href="/rambouillet-handspun/">
+			<h2 data-ha-exclude="">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
+				<li>yarn</li>
 				
-				<li>shirt</li>
-				
-				<li>gender</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2230,6 +2227,6 @@ This may also be expanded to a multi-step approach, with questions covering some
 </footer>
 
 
-    <!-- This page `/gender-in-data-models/` was built on 2026-09-20T00:40:39.722Z -->
+    <!-- This page `/gender-in-data-models/` was built on 2026-09-20T22:08:14.560Z -->
   </body>
 </html>
diff --git a/gender/index.html b/gender/index.html
index 52f18927..6aab7bb7 100644
--- a/gender/index.html
+++ b/gender/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="gender">gender?</h1>
+    <h1>gender?</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,24 +1844,24 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
     
 
-    <h1 id="transcription">transcription</h1>
+    <h1>transcription</h1>
 <p>Headers and text in blockquotes are handwritten; plain text is image description.</p>
-<h2 id="model-1-binary">Model 1: Binary</h2>
+<h2 id="model-1%3A-binary">Model 1: Binary</h2>
 <p>There are two dots spaced a bit apart, labeled 'Male' and 'Female'</p>
-<h2 id="model-2-a-spectrum-with-male-and-female-as-the-extremes">Model 2: A spectrum, with male and female as the extremes</h2>
+<h2 id="model-2%3A-a-spectrum%2C-with-male-and-female-as-the-extremes">Model 2: A spectrum, with male and female as the extremes</h2>
 <p>The same two dots from the previous diagram, now with a horizontal line connecting them.</p>
 <blockquote>
 <p>Let's think about expanding this in two ways...</p>
 </blockquote>
 <p>Following this, two arrows point downward to two columns titled Models 3a and 3b, separated by a squiggle.</p>
-<h2 id="model-3a-add-an-axis">Model 3a: Add an axis</h2>
+<h2 id="model-3a%3A-add-an-axis">Model 3a: Add an axis</h2>
 <p>The connected dots from Model 2. Now, a vertical axis rises midway between male and female, and its extreme is labeled 'agender.' Arrows helpfully indicate the directions of 'less gender' and 'more gender.' There is a dotted line between agender and male, suggesting a triangle shape.</p>
-<h2 id="model-3b-re-consider-the-endpoints">Model 3b: Re-consider the endpoints</h2>
+<h2 id="model-3b%3A-re-consider-the-endpoints">Model 3b: Re-consider the endpoints</h2>
 <p>The connected dots from Model 2, but instead of the horizontal line ending at the points marked male and female, it continues off into seeming infinity.</p>
 <blockquote>
 <p>These are just two points, not &quot;extremes&quot;</p>
 </blockquote>
-<h2 id="model-4-color-wheel">Model 4: &quot;Color Wheel&quot;</h2>
+<h2 id="model-4%3A-%22color-wheel%22">Model 4: &quot;Color Wheel&quot;</h2>
 <p>A grayscale circle simulating a color wheel, with a slice scaled up to examine. &quot;Type&quot; of gender is labeled as varying as the color wheel is circled, while &quot;amount&quot; of gendered is labeled as varying between the center and the edge of the circle.</p>
 <blockquote>
 <p>If we wanted to &quot;place&quot; male and female here, they're probably <em>regions</em>, not discrete points.</p>
@@ -1905,59 +1906,57 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+		<a class="postlink" href="/trans-the-world/">
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
-				
 				<li>shirt</li>
 				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
+				<li>patch</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -2014,6 +2013,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gender/` was built on 2026-09-20T00:40:39.711Z -->
+    <!-- This page `/gender/` was built on 2026-09-20T22:08:14.534Z -->
   </body>
 </html>
diff --git a/girldick/index.html b/girldick/index.html
index b5cadcab..26dfcc46 100644
--- a/girldick/index.html
+++ b/girldick/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="girldick">girldick</h1>
+    <h1>girldick</h1>
 
     <div class="post-metadata">
       <p>
@@ -1909,30 +1910,42 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
+			<h2 data-ha-exclude="">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>patch</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="">five of them </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/big-pidge/">
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1940,24 +1953,10 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-			</ul>
-			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2014,6 +2013,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/girldick/` was built on 2026-09-20T00:40:39.723Z -->
+    <!-- This page `/girldick/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/give-to-trans-orgs-and-people/index.html b/give-to-trans-orgs-and-people/index.html
index d9db230c..ef706c78 100644
--- a/give-to-trans-orgs-and-people/index.html
+++ b/give-to-trans-orgs-and-people/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="give-to-trans-orgs-and-people">give to trans orgs and people</h1>
+    <h1>give to trans orgs and people</h1>
 
     <div class="post-metadata">
       <p>
@@ -1879,7 +1880,7 @@ switch (currentThemeValue) {
 <li><a href="https://ko-fi.com/aldercone" target="_blank" rel="external">ko-fi/aldercone</a></li>
 <li><a href="https://www.patreon.com/aldercone" target="_blank" rel="external">patreon/aldercone</a></li>
 </ul>
-<h3 id="hector">héctor</h3>
+<h3 id="h%C3%A9ctor">héctor</h3>
 <ul>
 <li><a href="https://ko-fi.com/binomech" target="_blank" rel="external">ko-fi/binomech</a></li>
 </ul>
@@ -1941,12 +1942,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1963,37 +1964,31 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+		<a class="postlink" href="/rope-one/">
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>patch</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+		<a class="postlink" href="/gender/">
+			<h2 data-ha-exclude="">gender? </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
 			
 		</a>
 	</li>
@@ -2050,6 +2045,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/give-to-trans-orgs-and-people/` was built on 2026-09-20T00:40:39.745Z -->
+    <!-- This page `/give-to-trans-orgs-and-people/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/gradient-purse-strap/index.html b/gradient-purse-strap/index.html
index 9eb96ff7..445c35a3 100644
--- a/gradient-purse-strap/index.html
+++ b/gradient-purse-strap/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="gradient-purse-strap">gradient purse strap</h1>
+    <h1>gradient purse strap</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<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>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+		<a class="postlink" href="/brookes-cuff-bracelets/">
+			<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gradient-purse-strap/` was built on 2026-09-20T00:40:39.734Z -->
+    <!-- This page `/gradient-purse-strap/` was built on 2026-09-20T22:08:14.535Z -->
   </body>
 </html>
diff --git a/green-memo-pad/index.html b/green-memo-pad/index.html
index 46317e55..ff4c9c0d 100644
--- a/green-memo-pad/index.html
+++ b/green-memo-pad/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="green-memo-pad">green memo pad</h1>
+    <h1>green memo pad</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,49 +1899,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+		<a class="postlink" href="/leather-strap-journal/">
+			<h2 data-ha-exclude="">leather strap journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stampede-journal/">
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+		<a class="postlink" href="/lined-notebook/">
+			<h2 data-ha-exclude="">lined notebook </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tiny-books/">
-			<h2 data-ha-exclude="" id="tiny-books">tiny books </h2>
+		<a class="postlink" href="/orange-green-journal/">
+			<h2 data-ha-exclude="">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/tiny-book.jpg" alt="A three panel collage showing a book held in the palm of a hand." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1997,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/green-memo-pad/` was built on 2026-09-20T00:40:39.710Z -->
+    <!-- This page `/green-memo-pad/` was built on 2026-09-20T22:08:14.533Z -->
   </body>
 </html>
diff --git a/greeting-loons/index.html b/greeting-loons/index.html
index 4fd4e358..42a347e2 100644
--- a/greeting-loons/index.html
+++ b/greeting-loons/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="greeting-loons">greeting loons</h1>
+    <h1>greeting loons</h1>
 
     <div class="post-metadata">
       <p>
@@ -1892,26 +1893,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1919,30 +1906,40 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/loon/">
+			<h2 data-ha-exclude="">loon </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
+			</ul>
+			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/brookes-notebook/">
+			<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
 			
 		</a>
 	</li>
@@ -1999,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/greeting-loons/` was built on 2026-09-20T00:40:39.744Z -->
+    <!-- This page `/greeting-loons/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/greeting-quorbs/index.html b/greeting-quorbs/index.html
index 3659cafc..a8f67432 100644
--- a/greeting-quorbs/index.html
+++ b/greeting-quorbs/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="greeting-quorbs">greeting quorbs</h1>
+    <h1>greeting quorbs</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,12 +1888,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+		<a class="postlink" href="/euphorbia/">
+			<h2 data-ha-exclude="">euphorbia </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1903,35 +1918,25 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tiny-mushrooms/">
-			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
+		<a class="postlink" href="/flicker/">
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-			</ul>
-			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
-			
-			<ul class="postlist-tags">
+				<li>card</li>
 				
-				<li>print</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1988,6 +1993,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/greeting-quorbs/` was built on 2026-09-20T00:40:39.739Z -->
+    <!-- This page `/greeting-quorbs/` was built on 2026-09-20T22:08:14.539Z -->
   </body>
 </html>
diff --git a/guestbook/index.html b/guestbook/index.html
index 57703808..68f6665b 100644
--- a/guestbook/index.html
+++ b/guestbook/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
       
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
-  <h1 id="guestbook">guestbook</h1>
+  <h1>guestbook</h1>
 
   <p>guestbook entries are manually added and moderated :)</p>
 <p>yes, you may sign again even if you've been here before - just no spamming please!</p>
@@ -1522,6 +1523,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/guestbook/` was built on 2026-09-20T00:40:39.773Z -->
+    <!-- This page `/guestbook/` was built on 2026-09-20T22:08:14.572Z -->
   </body>
 </html>
diff --git a/hair/index.html b/hair/index.html
index d32ced9b..7cb20f1e 100644
--- a/hair/index.html
+++ b/hair/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="hair">hair</h1>
+    <h1>hair</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,26 +1895,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/gender-census.jpg" alt="A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads &#39;Gender Census 2023 Worldwide Report&#39;" loading="lazy" decoding="async" width="1000" height="364">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+		<a class="postlink" href="/chanterelle/">
+			<h2 data-ha-exclude="">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1921,24 +1924,30 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1995,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/hair/` was built on 2026-09-20T00:40:39.714Z -->
+    <!-- This page `/hair/` was built on 2026-09-20T22:08:14.556Z -->
   </body>
 </html>
diff --git a/hand-dyed-gold-handspun/index.html b/hand-dyed-gold-handspun/index.html
index cfd1460d..a0a309bf 100644
--- a/hand-dyed-gold-handspun/index.html
+++ b/hand-dyed-gold-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="hand-dyed-gold-handspun">hand-dyed gold handspun</h1>
+    <h1>hand-dyed gold handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+		<a class="postlink" href="/coral-reef-handspun/">
+			<h2 data-ha-exclude="">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+		<a class="postlink" href="/bfl-silk-handspun/">
+			<h2 data-ha-exclude="">BFL/silk handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/petrichor-handspun/">
+			<h2 data-ha-exclude="">petrichor handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/hand-dyed-gold-handspun/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/hand-dyed-gold-handspun/` was built on 2026-09-20T22:08:14.568Z -->
   </body>
 </html>
diff --git a/handcombed-jacobs-handspun/index.html b/handcombed-jacobs-handspun/index.html
index 2dc11e9c..a9569ba4 100644
--- a/handcombed-jacobs-handspun/index.html
+++ b/handcombed-jacobs-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="handcombed-jacobs-handspun">handcombed jacobs handspun</h1>
+    <h1>handcombed jacobs handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+		<a class="postlink" href="/spinners-dream-handspun/">
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
+			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/petrichor-handspun/">
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
+		<a class="postlink" href="/dyeing-fiber/">
+			<h2 data-ha-exclude="">dyeing fiber </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/handcombed-jacobs-handspun/` was built on 2026-09-20T00:40:39.762Z -->
+    <!-- This page `/handcombed-jacobs-handspun/` was built on 2026-09-20T22:08:14.544Z -->
   </body>
 </html>
diff --git a/handedness-toggle/index.html b/handedness-toggle/index.html
index b125ffcb..7d117acd 100644
--- a/handedness-toggle/index.html
+++ b/handedness-toggle/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="handedness-toggle">handedness toggle</h1>
+    <h1>handedness toggle</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,67 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
     
 
-    <p>Recently, I got an iPad for art and immediately fell down the rabbit hole of <a href="https://glitch.com" target="_blank" rel="external">Glitch</a> and web development.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#the-button">the button</a>
+            
+                <ol>
+                    
+                    <li><a href="#handling-narrow-screens">handling narrow screens</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#nav.js">nav.js</a>
+            
+                <ol>
+                    
+                    <li><a href="#setting-icons">setting icons</a>
+            		</li>
+
+                    <li><a href="#alignment">alignment</a>
+            		</li>
+
+                    <li><a href="#moving-the-button">moving the button</a>
+            		</li>
+
+                    <li><a href="#keyboard-navigation">keyboard navigation</a>
+            		</li>
+
+                    <li><a href="#managing-focus">managing focus</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#thanks-for-reading">thanks for reading</a>
+            		</li>
+
+                    <li><a href="#summary">summary</a>
+            
+                <ol>
+                    
+                    <li><a href="#html">HTML</a>
+            		</li>
+
+                    <li><a href="#css">CSS</a>
+            		</li>
+
+                    <li><a href="#js">JS</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>Recently, I got an iPad for art and immediately fell down the rabbit hole of <a href="https://glitch.com" target="_blank" rel="external">Glitch</a> and web development.</p>
 <p>When creating the <a href="https://rescue-trans-rescue.glitch.com" target="_blank" rel="external">rescue Trans rescue site</a>, I started with a right-aligned navbar. While developing and testing on my iPad, I got in the habit of hovering my hand over the top-right corner of the tablet, always ready to try the light/dark toggle or switch pages.</p>
 <p>And then I thought about left-handed people - left handed tablet or touchscreen users in particular. Reaching across the screen repeatedly would start to be a real drag, wouldn't it?</p>
 <p>Ok, let's make a toggle!</p>
@@ -1865,7 +1999,7 @@ switch (currentThemeValue) {
 	<span class="token punctuation">}</span>
 <span class="token punctuation">}</span></code></pre>
 <p>Now users on phones won't have an unhelpful button taking screen space.</p>
-<h2 id="nav-js">nav.js</h2>
+<h2 id="nav.js">nav.js</h2>
 <p>Now let's move to <code>nav.js</code> and define some consts for ease of use. We're going to use <a href="https://fontawesome.com/icons" target="_blank" rel="external">Font Awesome icons</a> for this button, so we'll go grab their HTML for the left and right pointing hands.</p>
 <pre class="language-js"><code class="language-js"><span class="token keyword">const</span> <span class="token constant">ALIGN</span> <span class="token operator">=</span> <span class="token string">"alignment"</span>
 <span class="token keyword">const</span> <span class="token constant">LEFT</span> <span class="token operator">=</span> <span class="token string">"left"</span>
@@ -2071,6 +2205,7 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
 
 alignToggle<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">"click"</span><span class="token punctuation">,</span> toggleAlign<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
 
+
   </article>
 
   
@@ -2108,12 +2243,12 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2127,9 +2262,23 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
 		</a>
 	</li>
 	
+  <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="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+			<h2 data-ha-exclude="">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2141,20 +2290,6 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/redirections/">
-			<h2 data-ha-exclude="" id="redirections">redirections </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2207,6 +2342,6 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
 </footer>
 
 
-    <!-- This page `/handedness-toggle/` was built on 2026-09-20T00:40:39.738Z -->
+    <!-- This page `/handedness-toggle/` was built on 2026-09-20T22:08:14.586Z -->
   </body>
 </html>
diff --git a/handspun-yarn-in-party-mix-and-orange-gold/index.html b/handspun-yarn-in-party-mix-and-orange-gold/index.html
index 363d3ee3..330e4523 100644
--- a/handspun-yarn-in-party-mix-and-orange-gold/index.html
+++ b/handspun-yarn-in-party-mix-and-orange-gold/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold</h1>
+    <h1>handspun yarn in party mix and orange-gold</h1>
 
     <div class="post-metadata">
       <p>
@@ -1903,47 +1904,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bfl-silk-handspun/">
-			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+		<a class="postlink" href="/rambouillet-handspun/">
+			<h2 data-ha-exclude="">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+		<a class="postlink" href="/orion-handspun/">
+			<h2 data-ha-exclude="">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
+		<a class="postlink" href="/ruby-the-alpaca-handspun/">
+			<h2 data-ha-exclude="">ruby the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/ruby-alpaca-handspun.jpg" alt="one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2000,6 +2003,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/handspun-yarn-in-party-mix-and-orange-gold/` was built on 2026-09-20T00:40:39.713Z -->
+    <!-- This page `/handspun-yarn-in-party-mix-and-orange-gold/` was built on 2026-09-20T22:08:14.545Z -->
   </body>
 </html>
diff --git a/happy-bihrtday/index.html b/happy-bihrtday/index.html
index 8476b764..941fe8d9 100644
--- a/happy-bihrtday/index.html
+++ b/happy-bihrtday/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="happy-bihrtday">happy biHRTday</h1>
+    <h1>happy biHRTday</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,55 +1899,53 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
+				<li>leather</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="">five of them </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
 			
 		</a>
 	</li>
@@ -2003,6 +2002,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/happy-bihrtday/` was built on 2026-09-20T00:40:39.723Z -->
+    <!-- This page `/happy-bihrtday/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/happy-solstice-2024/index.html b/happy-solstice-2024/index.html
index e922084b..e8a07bb5 100644
--- a/happy-solstice-2024/index.html
+++ b/happy-solstice-2024/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="happy-solstice-2024">happy solstice 2024</h1>
+    <h1>happy solstice 2024</h1>
 
     <div class="post-metadata">
       <p>
@@ -1920,6 +1921,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/happy-solstice-2024/` was built on 2026-09-20T00:40:39.744Z -->
+    <!-- This page `/happy-solstice-2024/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/happy-solstice-2025/index.html b/happy-solstice-2025/index.html
index aed0ea96..f521c827 100644
--- a/happy-solstice-2025/index.html
+++ b/happy-solstice-2025/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="happy-solstice-2025">happy solstice 2025</h1>
+    <h1>happy solstice 2025</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,44 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1933,6 +1902,38 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/little-critter-pouch/">
+			<h2 data-ha-exclude="">little critter pouch </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/brookes-notebook/">
+			<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1985,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/happy-solstice-2025/` was built on 2026-09-20T00:40:39.762Z -->
+    <!-- This page `/happy-solstice-2025/` was built on 2026-09-20T22:08:14.544Z -->
   </body>
 </html>
diff --git a/heron/index.html b/heron/index.html
index a62dc499..ef279a28 100644
--- a/heron/index.html
+++ b/heron/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="heron">heron</h1>
+    <h1>heron</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,26 +1900,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="">block printing transfer method </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+		<a class="postlink" href="/shrimp/">
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1926,24 +1927,26 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
 			</ul>
-			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+		<a class="postlink" href="/printmaking-paper-notes/">
+			<h2 data-ha-exclude="">printmaking paper notes </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 			</ul>
-			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2000,6 +2003,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/heron/` was built on 2026-09-20T00:40:39.714Z -->
+    <!-- This page `/heron/` was built on 2026-09-20T22:08:14.556Z -->
   </body>
 </html>
diff --git a/houndstooth-dishtowels/index.html b/houndstooth-dishtowels/index.html
index 4d724986..7e2e3659 100644
--- a/houndstooth-dishtowels/index.html
+++ b/houndstooth-dishtowels/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="houndstooth-dishtowels">houndstooth dishtowels</h1>
+    <h1>houndstooth dishtowels</h1>
 
     <div class="post-metadata">
       <p>
@@ -1877,12 +1878,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+			<h2 data-ha-exclude="">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1896,7 +1897,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loud-table-runner/">
-			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
+			<h2 data-ha-exclude="">loud table runner </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1910,7 +1911,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+			<h2 data-ha-exclude="">rainbow shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1974,6 +1975,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/houndstooth-dishtowels/` was built on 2026-09-20T00:40:39.767Z -->
+    <!-- This page `/houndstooth-dishtowels/` was built on 2026-09-20T22:08:14.570Z -->
   </body>
 </html>
diff --git a/hummingbird-become-ungovernable/index.html b/hummingbird-become-ungovernable/index.html
index 94a60d8d..4534f226 100644
--- a/hummingbird-become-ungovernable/index.html
+++ b/hummingbird-become-ungovernable/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="hummingbird-become-ungovernable">hummingbird become ungovernable</h1>
+    <h1>hummingbird become ungovernable</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,26 +1900,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/kniphofia/">
-			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1929,23 +1932,21 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="">block printing transfer method </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 			</ul>
-			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2002,6 +2003,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/hummingbird-become-ungovernable/` was built on 2026-09-20T00:40:39.721Z -->
+    <!-- This page `/hummingbird-become-ungovernable/` was built on 2026-09-20T22:08:14.559Z -->
   </body>
 </html>
diff --git a/icelandic-lamb-handspun/index.html b/icelandic-lamb-handspun/index.html
index 3bb9507e..c58aa17e 100644
--- a/icelandic-lamb-handspun/index.html
+++ b/icelandic-lamb-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="icelandic-lamb-handspun">icelandic lamb handspun</h1>
+    <h1>icelandic lamb handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,28 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/bfl-silk-handspun/">
-			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+			<h2 data-ha-exclude="">BFL/silk handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1916,15 +1901,29 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/spinners-dream-handspun/">
-			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/coral-reef-handspun/">
+			<h2 data-ha-exclude="">coral reef handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/icelandic-lamb-handspun/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/icelandic-lamb-handspun/` was built on 2026-09-20T22:08:14.544Z -->
   </body>
 </html>
diff --git a/in-the-news/index.html b/in-the-news/index.html
index 930d7011..d2520f88 100644
--- a/in-the-news/index.html
+++ b/in-the-news/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="in-the-news">in the news</h1>
+    <h1>in the news</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,12 +1844,12 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <h2 id="topic-artisans-cooperative">topic: Artisans Cooperative</h2>
+    <h2 id="topic%3A-artisans-cooperative">topic: Artisans Cooperative</h2>
 <ul>
 <li>Featured on the Artisans Cooperative blog. <a href="https://blog.artisans.coop/blog/artisans-profile-pride-month-feature-riverside-refuge-studios/" target="_blank" rel="external">Read the interview here</a>.</li>
 <li>Interviewed by Aaron Fernando for Shareable. <a href="https://www.shareable.net/artisans-cooperative-an-etsy-alternative-owned-and-run-by-artists-and-makers/" target="_blank" rel="external">Read the full piece here</a>.</li>
 </ul>
-<h2 id="topic-trans-queer">topic: Trans/Queer</h2>
+<h2 id="topic%3A-trans%2Fqueer">topic: Trans/Queer</h2>
 <ul>
 <li>Interviewed by Evan Urquhart for Slate. <a href="https://slate.com/human-interest/2023/06/trans-gay-laws-florida-texas-lgbtq-danger.html" target="_blank" rel="external">Read the full piece here</a>.</li>
 </ul>
@@ -1890,40 +1891,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/on-pronouns/">
-			<h2 data-ha-exclude="" id="on-pronouns">on pronouns </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1934,7 +1907,47 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="">queer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</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>
@@ -1991,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/in-the-news/` was built on 2026-09-20T00:40:39.723Z -->
+    <!-- This page `/in-the-news/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/index.html b/index.html
index fdb95e8e..4a4418bc 100644
--- a/index.html
+++ b/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="home">home</h1>
+<h1>home</h1>
 
 <p class="centered">(see the <a href="/tags/highlight/">highlights</a>
   or <a href="/tags/">browse by tags</a>)</p>
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+			<h2 data-ha-exclude="">houndstooth dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1412,7 +1413,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mouse-coin-purse/">
-			<h2 data-ha-exclude="" id="mouse-coin-purse">mouse coin purse </h2>
+			<h2 data-ha-exclude="">mouse coin purse </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1426,7 +1427,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
+			<h2 data-ha-exclude="">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1440,7 +1441,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+			<h2 data-ha-exclude="">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1454,7 +1455,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/visual-site-builders-and-accessibility/">
-			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
+			<h2 data-ha-exclude="">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1468,7 +1469,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loud-table-runner/">
-			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
+			<h2 data-ha-exclude="">loud table runner </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1482,7 +1483,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/log-cabin-dishtowels/">
-			<h2 data-ha-exclude="" id="log-cabin-dishtowels">log cabin dishtowels </h2>
+			<h2 data-ha-exclude="">log cabin dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1496,7 +1497,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+			<h2 data-ha-exclude="">core CSS </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1512,7 +1513,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+			<h2 data-ha-exclude="">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1528,7 +1529,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fedilearns/">
-			<h2 data-ha-exclude="" id="fedilearns">fediLearns </h2>
+			<h2 data-ha-exclude="">fediLearns </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1540,7 +1541,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/accessible-image-modals/">
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+			<h2 data-ha-exclude="">accessible image modals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1554,7 +1555,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+			<h2 data-ha-exclude="">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1568,7 +1569,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+			<h2 data-ha-exclude="">crow </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1648,6 +1649,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/` was built on 2026-09-20T00:40:39.767Z -->
+    <!-- This page `/` was built on 2026-09-20T22:08:14.571Z -->
   </body>
 </html>
diff --git a/intro-to-wireframing/index.html b/intro-to-wireframing/index.html
index a8af1de0..62e1e7e2 100644
--- a/intro-to-wireframing/index.html
+++ b/intro-to-wireframing/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="intro-to-wireframing">intro to wireframing</h1>
+    <h1>intro to wireframing</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/visual-site-builders-and-accessibility/">
-			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
+		<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/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
+			<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="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+		<a class="postlink" href="/screen-reader-optimizations/">
+			<h2 data-ha-exclude="">screen reader optimizations </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+		<a class="postlink" href="/an-intro-to-git/">
+			<h2 data-ha-exclude="">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/intro-to-wireframing/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/intro-to-wireframing/` was built on 2026-09-20T22:08:14.543Z -->
   </body>
 </html>
diff --git a/iris/index.html b/iris/index.html
index a3a72bd3..efeaedbf 100644
--- a/iris/index.html
+++ b/iris/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="iris">iris</h1>
+    <h1>iris</h1>
 
     <div class="post-metadata">
       <p>
@@ -1897,12 +1898,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1910,33 +1911,21 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/quorbs/">
-			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/artisans-cooperative-cards/">
+			<h2 data-ha-exclude="">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1944,10 +1933,26 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+			</ul>
+			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="">happy biHRTday </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2004,6 +2009,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/iris/` was built on 2026-09-20T00:40:39.713Z -->
+    <!-- This page `/iris/` was built on 2026-09-20T22:08:14.545Z -->
   </body>
 </html>
diff --git a/junco/index.html b/junco/index.html
index 776dfe2c..2c92318f 100644
--- a/junco/index.html
+++ b/junco/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="junco">junco</h1>
+    <h1>junco</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,28 +1895,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1932,8 +1917,8 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/swallowtail-on-snowdrops/">
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1941,14 +1926,28 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
+				<li>shirt</li>
 				
-				<li>pin</li>
+			</ul>
+			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2005,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/junco/` was built on 2026-09-20T00:40:39.713Z -->
+    <!-- This page `/junco/` was built on 2026-09-20T22:08:14.546Z -->
   </body>
 </html>
diff --git a/keffiyah-fishing-net-pattern/index.html b/keffiyah-fishing-net-pattern/index.html
index b0a4fa64..c3a4a527 100644
--- a/keffiyah-fishing-net-pattern/index.html
+++ b/keffiyah-fishing-net-pattern/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern</h1>
+    <h1>keffiyah fishing net pattern</h1>
 
     <div class="post-metadata">
       <p>
@@ -1976,9 +1977,9 @@ switch (currentThemeValue) {
 <li><strong>row (RS):</strong> with MC, bind off</li>
 </ul>
 <h2 id="knit-in-the-round">knit in the round</h2>
-<h3 id="cast-on-2">cast on</h3>
+<h3 id="cast-on-1">cast on</h3>
 <p>with MC, cast on a multiple of 6 stitches. knit in plain stockinette until you are ready to start the pattern.</p>
-<h3 id="establish-the-pattern-2">establish the pattern</h3>
+<h3 id="establish-the-pattern-1">establish the pattern</h3>
 <ul>
 <li><strong>row 1:</strong>
 <ul>
@@ -1993,7 +1994,7 @@ switch (currentThemeValue) {
 </ul>
 </li>
 </ul>
-<h3 id="pattern-repeat-2">pattern repeat</h3>
+<h3 id="pattern-repeat-1">pattern repeat</h3>
 <ul>
 <li><strong>rows 3-4:</strong> with MC, knit all stitches</li>
 <li><strong>row 5:</strong>
@@ -2024,7 +2025,7 @@ switch (currentThemeValue) {
 </ul>
 </li>
 </ul>
-<h3 id="close-the-pattern-2">close the pattern</h3>
+<h3 id="close-the-pattern-1">close the pattern</h3>
 <p>end after rows 5 or 9 of the pattern repeat. replace row 6 or 10 with the following:</p>
 <ul>
 <li><strong>row 6 alteration:</strong>
@@ -2075,49 +2076,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+		<a class="postlink" href="/butch-hands-pattern/">
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>zine</li>
-				
 				<li>knit</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pink-socks/">
-			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
+		<a class="postlink" href="/knit-shrimp/">
+			<h2 data-ha-exclude="">knit shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2174,6 +2177,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/keffiyah-fishing-net-pattern/` was built on 2026-09-20T00:40:39.760Z -->
+    <!-- This page `/keffiyah-fishing-net-pattern/` was built on 2026-09-20T22:08:14.542Z -->
   </body>
 </html>
diff --git a/kestrel-zine/index.html b/kestrel-zine/index.html
index 862dfbfa..910e3493 100644
--- a/kestrel-zine/index.html
+++ b/kestrel-zine/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="kestrel-zine">kestrel zine</h1>
+    <h1>kestrel zine</h1>
 
     <div class="post-metadata">
       <p>
@@ -1891,59 +1892,55 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+		<a class="postlink" href="/fix-your-hearts/">
+			<h2 data-ha-exclude="">fix your hearts </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/slightly-weird-man-club/">
+			<h2 data-ha-exclude="">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+		<a class="postlink" href="/greeting-loons/">
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>print</li>
+				
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2000,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/kestrel-zine/` was built on 2026-09-20T00:40:39.745Z -->
+    <!-- This page `/kestrel-zine/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/killdeer/index.html b/killdeer/index.html
index 513e490f..2f496306 100644
--- a/killdeer/index.html
+++ b/killdeer/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="killdeer">killdeer</h1>
+    <h1>killdeer</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,12 +1895,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/tiny-mushrooms/">
+			<h2 data-ha-exclude="">tiny mushrooms </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+			<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1907,31 +1922,15 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/flicker/">
-			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+		<a class="postlink" href="/swallowtail-on-snowdrops/">
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1942,7 +1941,7 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
 			
 		</a>
 	</li>
@@ -1999,6 +1998,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/killdeer/` was built on 2026-09-20T00:40:39.713Z -->
+    <!-- This page `/killdeer/` was built on 2026-09-20T22:08:14.555Z -->
   </body>
 </html>
diff --git a/kniphofia/index.html b/kniphofia/index.html
index d514c7e2..d3262a66 100644
--- a/kniphofia/index.html
+++ b/kniphofia/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="kniphofia">kniphofia</h1>
+    <h1>kniphofia</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,26 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+		<a class="postlink" href="/seedling/">
+			<h2 data-ha-exclude="">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1909,28 +1896,40 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+			</ul>
+			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/not-a-drill/">
+			<h2 data-ha-exclude="">not a drill </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/bottom-growth/">
+			<h2 data-ha-exclude="">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1987,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/kniphofia/` was built on 2026-09-20T00:40:39.738Z -->
+    <!-- This page `/kniphofia/` was built on 2026-09-20T22:08:14.538Z -->
   </body>
 </html>
diff --git a/knit-shrimp/index.html b/knit-shrimp/index.html
index 157a9ad7..3eebdc57 100644
--- a/knit-shrimp/index.html
+++ b/knit-shrimp/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="knit-shrimp">knit shrimp</h1>
+    <h1>knit shrimp</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,49 +1888,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+		<a class="postlink" href="/brookes-scarf/">
+			<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+		<a class="postlink" href="/sideways-canvas-shirt/">
+			<h2 data-ha-exclude="">sideways canvas shirt </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>zine</li>
-				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/sideways-canvas.jpg" alt="someone&#39;s torso in a knitted short sleeve shirt. the front is teal, and the bit of back we can see is mustard yellow. looking closely, it&#39;s notable that the stitches are turned 90 degrees from a standard knit garment." loading="lazy" decoding="async" width="1000" height="1338">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pink-socks/">
-			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
+		<a class="postlink" href="/textures-unite/">
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
 			
 		</a>
 	</li>
@@ -1986,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/knit-shrimp/` was built on 2026-09-20T00:40:39.716Z -->
+    <!-- This page `/knit-shrimp/` was built on 2026-09-20T22:08:14.557Z -->
   </body>
 </html>
diff --git a/leaf-patches/index.html b/leaf-patches/index.html
index 6aa032bf..192c5b1a 100644
--- a/leaf-patches/index.html
+++ b/leaf-patches/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="leaf-patches">leaf patches</h1>
+    <h1>leaf patches</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,51 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
+			<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>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+		<a class="postlink" href="/triangle-pouch/">
+			<h2 data-ha-exclude="">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
-				<li>patch</li>
-				
 			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1983,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leaf-patches/` was built on 2026-09-20T00:40:39.737Z -->
+    <!-- This page `/leaf-patches/` was built on 2026-09-20T22:08:14.537Z -->
   </body>
 </html>
diff --git a/leather-chest-harness/index.html b/leather-chest-harness/index.html
index 29075483..ee5f4852 100644
--- a/leather-chest-harness/index.html
+++ b/leather-chest-harness/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="leather-chest-harness">leather chest harness</h1>
+    <h1>leather chest harness</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+		<a class="postlink" href="/vertical-bifold/">
+			<h2 data-ha-exclude="">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-chest-harness/` was built on 2026-09-20T00:40:39.724Z -->
+    <!-- This page `/leather-chest-harness/` was built on 2026-09-20T22:08:14.562Z -->
   </body>
 </html>
diff --git a/leather-keychains/index.html b/leather-keychains/index.html
index becd5733..2768a356 100644
--- a/leather-keychains/index.html
+++ b/leather-keychains/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="leather-keychains">leather keychains</h1>
+    <h1>leather keychains</h1>
 
     <div class="post-metadata">
       <p>
@@ -1890,47 +1891,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1987,6 +1990,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-keychains/` was built on 2026-09-20T00:40:39.714Z -->
+    <!-- This page `/leather-keychains/` was built on 2026-09-20T22:08:14.555Z -->
   </body>
 </html>
diff --git a/leather-lighter-case/index.html b/leather-lighter-case/index.html
index 06a27e0d..c17a236b 100644
--- a/leather-lighter-case/index.html
+++ b/leather-lighter-case/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="leather-lighter-case">leather lighter case</h1>
+    <h1>leather lighter case</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+		<a class="postlink" href="/o-ring-bracelet/">
+			<h2 data-ha-exclude="">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+		<a class="postlink" href="/vertical-zipper-card-wallet/">
+			<h2 data-ha-exclude="">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-lighter-case/` was built on 2026-09-20T00:40:39.725Z -->
+    <!-- This page `/leather-lighter-case/` was built on 2026-09-20T22:08:14.562Z -->
   </body>
 </html>
diff --git a/leather-long-stitch-journals/index.html b/leather-long-stitch-journals/index.html
index cb643746..15822cde 100644
--- a/leather-long-stitch-journals/index.html
+++ b/leather-long-stitch-journals/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="leather-long-stitch-journals">leather long-stitch journals</h1>
+    <h1>leather long-stitch journals</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,49 +1888,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+		<a class="postlink" href="/leaf-patches/">
+			<h2 data-ha-exclude="">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/gradient-purse-strap/">
+			<h2 data-ha-exclude="">gradient purse strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
+			</ul>
+			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="">foldy wallet </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1986,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-long-stitch-journals/` was built on 2026-09-20T00:40:39.739Z -->
+    <!-- This page `/leather-long-stitch-journals/` was built on 2026-09-20T22:08:14.540Z -->
   </body>
 </html>
diff --git a/leather-strap-journal/index.html b/leather-strap-journal/index.html
index 0e2b0da4..2f782c4f 100644
--- a/leather-strap-journal/index.html
+++ b/leather-strap-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="leather-strap-journal">leather strap journal</h1>
+    <h1>leather strap journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1892,12 +1893,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/striped-journal/">
+			<h2 data-ha-exclude="">striped journal </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1910,29 +1925,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orange-journal/">
-			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
+		<a class="postlink" href="/green-memo-pad/">
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1989,6 +1990,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-strap-journal/` was built on 2026-09-20T00:40:39.721Z -->
+    <!-- This page `/leather-strap-journal/` was built on 2026-09-20T22:08:14.559Z -->
   </body>
 </html>
diff --git a/leatherworking-favorites/index.html b/leatherworking-favorites/index.html
index b16df12f..a3c8b24b 100644
--- a/leatherworking-favorites/index.html
+++ b/leatherworking-favorites/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="leatherworking-favorites">leatherworking favorites</h1>
+    <h1>leatherworking favorites</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,58 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
     
 
-    <h2 id="practices">practices</h2>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#practices">practices</a>
+            		</li>
+
+                    <li><a href="#tools">tools</a>
+            
+                <ol>
+                    
+                    <li><a href="#cutting">cutting</a>
+            		</li>
+
+                    <li><a href="#edging-and-burnishing">edging and burnishing</a>
+            		</li>
+
+                    <li><a href="#punching">punching</a>
+            		</li>
+
+                    <li><a href="#riveting%2C-snapping%2C-etc">riveting, snapping, etc</a>
+            		</li>
+
+                    <li><a href="#stitching">stitching</a>
+            		</li>
+
+                    <li><a href="#tool-care">tool care</a>
+            		</li>
+
+                    <li><a href="#tooling">tooling</a>
+            		</li>
+
+                    <li><a href="#zippers">zippers</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#resources">resources</a>
+            		</li>
+
+                    <li><a href="#retailers">retailers</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<h2 id="practices">practices</h2>
 <ul>
 <li>cardboard templates have been really handy for the spacing of rivets and such. I use cereal boxes since they are not corrugated.</li>
 </ul>
@@ -1909,7 +2034,7 @@ switch (currentThemeValue) {
 </ul>
 </li>
 </ul>
-<h3 id="riveting-snapping-etc">riveting, snapping, etc</h3>
+<h3 id="riveting%2C-snapping%2C-etc">riveting, snapping, etc</h3>
 <ul>
 <li>for any given size/brand of rivets, you can usually buy a <a href="https://www.buckleguy.com/bg-rivet-setter-9-2mm-concave-end/" target="_blank" rel="external">setter</a> and <a href="https://www.buckleguy.com/bg-rivet-setter-base-for-9-2-11-13mm-cap-rivets/" target="_blank" rel="external">anvil</a> for maybe $25 together
 <ul>
@@ -1973,6 +2098,7 @@ switch (currentThemeValue) {
 <li><a href="https://www.longviewleather.com/" target="_blank" rel="external">longview leather (canada)</a></li>
 </ul>
 
+
   </article>
 
   
@@ -2010,49 +2136,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/long-zipper-bifold/">
+			<h2 data-ha-exclude="">long zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mouse-coin-purse/">
-			<h2 data-ha-exclude="" id="mouse-coin-purse">mouse coin purse </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-zipper-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
+		<a class="postlink" href="/brookes-collar/">
+			<h2 data-ha-exclude="">brooke&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2109,6 +2233,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leatherworking-favorites/` was built on 2026-09-20T00:40:39.724Z -->
+    <!-- This page `/leatherworking-favorites/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/light-grey-jacobs-handspun/index.html b/light-grey-jacobs-handspun/index.html
index 53ca5646..7f3e1497 100644
--- a/light-grey-jacobs-handspun/index.html
+++ b/light-grey-jacobs-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="light-grey-jacobs-handspun">light grey jacobs handspun</h1>
+    <h1>light grey jacobs handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+		<a class="postlink" href="/spinners-dream-handspun/">
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+		<a class="postlink" href="/handcombed-jacobs-handspun/">
+			<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/light-grey-jacobs-handspun/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/light-grey-jacobs-handspun/` was built on 2026-09-20T22:08:14.544Z -->
   </body>
 </html>
diff --git a/lined-notebook/index.html b/lined-notebook/index.html
index d502d3a0..19484d37 100644
--- a/lined-notebook/index.html
+++ b/lined-notebook/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="lined-notebook">lined notebook</h1>
+    <h1>lined notebook</h1>
 
     <div class="post-metadata">
       <p>
@@ -1895,49 +1896,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+		<a class="postlink" href="/stampede-journal/">
+			<h2 data-ha-exclude="">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+		<a class="postlink" href="/striped-journal/">
+			<h2 data-ha-exclude="">striped journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orange-journal/">
-			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
+		<a class="postlink" href="/leather-strap-journal/">
+			<h2 data-ha-exclude="">leather strap journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1994,6 +1993,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/lined-notebook/` was built on 2026-09-20T00:40:39.712Z -->
+    <!-- This page `/lined-notebook/` was built on 2026-09-20T22:08:14.534Z -->
   </body>
 </html>
diff --git a/little-critter-pouch/index.html b/little-critter-pouch/index.html
index 5eb2801b..cb9bd5ab 100644
--- a/little-critter-pouch/index.html
+++ b/little-critter-pouch/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="little-critter-pouch">little critter pouch</h1>
+    <h1>little critter pouch</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,26 +1888,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/recommendations-and-favorites/">
-			<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites </h2>
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>highlight</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/leather-chest-harness/">
+			<h2 data-ha-exclude="">leather chest harness </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1918,20 +1933,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1984,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/little-critter-pouch/` was built on 2026-09-20T00:40:39.726Z -->
+    <!-- This page `/little-critter-pouch/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>
diff --git a/lobstah/index.html b/lobstah/index.html
index 4d01bc12..f303d374 100644
--- a/lobstah/index.html
+++ b/lobstah/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="lobstah">lobstah</h1>
+    <h1>lobstah</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
+				<li>patch</li>
+				
 			</ul>
-			<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">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <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="/zipper-bifold-green/">
+			<h2 data-ha-exclude="">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</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/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>
@@ -1979,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/lobstah/` was built on 2026-09-20T00:40:39.739Z -->
+    <!-- This page `/lobstah/` was built on 2026-09-20T22:08:14.540Z -->
   </body>
 </html>
diff --git a/log-cabin-dishtowels/index.html b/log-cabin-dishtowels/index.html
index e524940d..261485c7 100644
--- a/log-cabin-dishtowels/index.html
+++ b/log-cabin-dishtowels/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="log-cabin-dishtowels">log cabin dishtowels</h1>
+    <h1>log cabin dishtowels</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,12 +1884,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+			<h2 data-ha-exclude="">houndstooth dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1902,7 +1903,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+			<h2 data-ha-exclude="">rainbow shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1916,7 +1917,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+			<h2 data-ha-exclude="">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1980,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/log-cabin-dishtowels/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/log-cabin-dishtowels/` was built on 2026-09-20T22:08:14.569Z -->
   </body>
 </html>
diff --git a/long-zipper-bifold/index.html b/long-zipper-bifold/index.html
index 648267a8..ec720e73 100644
--- a/long-zipper-bifold/index.html
+++ b/long-zipper-bifold/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="long-zipper-bifold">long zipper bifold</h1>
+    <h1>long zipper bifold</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </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>
 				
 			</ul>
-			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
+			<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="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<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">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/long-zipper-bifold/` was built on 2026-09-20T00:40:39.733Z -->
+    <!-- This page `/long-zipper-bifold/` was built on 2026-09-20T22:08:14.565Z -->
   </body>
 </html>
diff --git a/loon/index.html b/loon/index.html
index 32f3167f..73f045c2 100644
--- a/loon/index.html
+++ b/loon/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="loon">loon</h1>
+    <h1>loon</h1>
 
     <div class="post-metadata">
       <p>
@@ -1881,61 +1882,53 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/greeting-loons/">
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
 				<li>card</li>
 				
-				<li>sticker</li>
+				<li>print</li>
 				
-				<li>pin</li>
-				
-				<li>gender</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+		<a class="postlink" href="/quorbs/">
+			<h2 data-ha-exclude="">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/printmaking-paper-notes/">
+			<h2 data-ha-exclude="">printmaking paper notes </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1992,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/loon/` was built on 2026-09-20T00:40:39.745Z -->
+    <!-- This page `/loon/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/loud-table-runner/index.html b/loud-table-runner/index.html
index 0fa1fcf3..c3032f12 100644
--- a/loud-table-runner/index.html
+++ b/loud-table-runner/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="loud-table-runner">loud table runner</h1>
+    <h1>loud table runner</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,12 +1884,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/rainbow-shawl/">
+			<h2 data-ha-exclude="">rainbow shawl </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>weaving</li>
+				
+			</ul>
+			<img src="/img/rainbow-shawl.jpg" alt="a woven shawl draped over a tree. the warp is a six-stripe rainbow, while the weft is a variety of neutral beige-brown tones, resulting in a muted rainbow." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+			<h2 data-ha-exclude="">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1902,7 +1917,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+			<h2 data-ha-exclude="">houndstooth dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1914,20 +1929,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>weaving</li>
-				
-			</ul>
-			<img src="/img/rainbow-shawl.jpg" alt="a woven shawl draped over a tree. the warp is a six-stripe rainbow, while the weft is a variety of neutral beige-brown tones, resulting in a muted rainbow." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1980,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/loud-table-runner/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/loud-table-runner/` was built on 2026-09-20T22:08:14.569Z -->
   </body>
 </html>
diff --git a/luminescent/index.html b/luminescent/index.html
index 4ff18b91..3a99a2c0 100644
--- a/luminescent/index.html
+++ b/luminescent/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="luminescent">luminescent</h1>
+    <h1>luminescent</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,51 +1888,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+		<a class="postlink" href="/greeting-loons/">
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>card</li>
+				
 				<li>print</li>
 				
-				<li>gender</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="">crow </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1988,6 +1989,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/luminescent/` was built on 2026-09-20T00:40:39.738Z -->
+    <!-- This page `/luminescent/` was built on 2026-09-20T22:08:14.539Z -->
   </body>
 </html>
diff --git a/lupine/index.html b/lupine/index.html
index 99f1890d..08e0336e 100644
--- a/lupine/index.html
+++ b/lupine/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="lupine">lupine</h1>
+    <h1>lupine</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,59 +1900,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+		<a class="postlink" href="/shirts/">
+			<h2 data-ha-exclude="">shirts! </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/become-unbutterable/">
+			<h2 data-ha-exclude="">become unbutterable </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+		<a class="postlink" href="/tiny-mushrooms/">
+			<h2 data-ha-exclude="">tiny mushrooms </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2008,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/lupine/` was built on 2026-09-20T00:40:39.714Z -->
+    <!-- This page `/lupine/` was built on 2026-09-20T22:08:14.555Z -->
   </body>
 </html>
diff --git a/makers-mark-keychain/index.html b/makers-mark-keychain/index.html
index f9561d0d..8378bd28 100644
--- a/makers-mark-keychain/index.html
+++ b/makers-mark-keychain/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="makers-mark-keychain">maker&#39;s mark keychain</h1>
+    <h1>maker&#39;s mark keychain</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </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/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." 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>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-suspenders/">
-			<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
+		<a class="postlink" href="/shrimp-cat-toy/">
+			<h2 data-ha-exclude="">shrimp cat toy </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-suspenders.jpg" alt="a two image collage showing the front and back of a person, neck to waist. she&#39;s wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+		<a class="postlink" href="/vertical-bifold/">
+			<h2 data-ha-exclude="">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/makers-mark-keychain/` was built on 2026-09-20T00:40:39.727Z -->
+    <!-- This page `/makers-mark-keychain/` was built on 2026-09-20T22:08:14.564Z -->
   </body>
 </html>
diff --git a/mom-bag/index.html b/mom-bag/index.html
index c22953e6..36a9e257 100644
--- a/mom-bag/index.html
+++ b/mom-bag/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="mom-bag">mom bag</h1>
+    <h1>mom bag</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vertical-zipper-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
+		<a class="postlink" href="/leatherworking-favorites/">
+			<h2 data-ha-exclude="">leatherworking favorites </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bowtie/">
-			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
+		<a class="postlink" href="/leather-chest-harness/">
+			<h2 data-ha-exclude="">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+		<a class="postlink" href="/little-critter-pouch/">
+			<h2 data-ha-exclude="">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/mom-bag/` was built on 2026-09-20T00:40:39.734Z -->
+    <!-- This page `/mom-bag/` was built on 2026-09-20T22:08:14.535Z -->
   </body>
 </html>
diff --git a/moss-harness/index.html b/moss-harness/index.html
index 8c1b3a80..39d030f7 100644
--- a/moss-harness/index.html
+++ b/moss-harness/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="moss-harness">moss harness</h1>
+    <h1>moss harness</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,40 +1884,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </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/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." 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>
 	
   <li class="post">
-		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</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">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1924,8 +1911,24 @@ switch (currentThemeValue) {
 				
 				<li>gender</li>
 				
+				<li>patch</li>
+				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/mousie/">
+			<h2 data-ha-exclude="">mousie </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
 			
 		</a>
 	</li>
@@ -1982,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/moss-harness/` was built on 2026-09-20T00:40:39.727Z -->
+    <!-- This page `/moss-harness/` was built on 2026-09-20T22:08:14.564Z -->
   </body>
 </html>
diff --git a/mouse-coin-purse/index.html b/mouse-coin-purse/index.html
index 0b123f71..179504e2 100644
--- a/mouse-coin-purse/index.html
+++ b/mouse-coin-purse/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="mouse-coin-purse">mouse coin purse</h1>
+    <h1>mouse coin purse</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,40 +1883,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+		<a class="postlink" href="/lobstah/">
+			<h2 data-ha-exclude="">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
-			
-			<ul class="postlist-tags">
-				
-				<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/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1927,6 +1914,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/bowtie/">
+			<h2 data-ha-exclude="">bowtie </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/mouse-coin-purse/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/mouse-coin-purse/` was built on 2026-09-20T22:08:14.570Z -->
   </body>
 </html>
diff --git a/mousie/index.html b/mousie/index.html
index 29795058..d4480e74 100644
--- a/mousie/index.html
+++ b/mousie/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="mousie">mousie</h1>
+    <h1>mousie</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/x-acto-knife-sheath/">
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </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/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			<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>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/mousie/` was built on 2026-09-20T00:40:39.733Z -->
+    <!-- This page `/mousie/` was built on 2026-09-20T22:08:14.566Z -->
   </body>
 </html>
diff --git a/moving-images/index.html b/moving-images/index.html
index 7f76f903..e2c5d6c1 100644
--- a/moving-images/index.html
+++ b/moving-images/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="moving-images">moving images</h1>
+    <h1>moving images</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,8 +1917,41 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <h2 id="problem-statement">problem statement</h2>
-<p>today I decided to finally clean up the <code>assets/img</code> directory for this site. Since 2022, when I started this project, I've just been adding images directly to that directory with no further segmentation - messy of me, I know! It's gotten unwieldy and I'm starting to get worried about generic names leading to duplicates at some point, particularly for the non-gallery images where I have a tendency to <a href="/stationery-exchange">use</a> <a href="/favorite-git-flag">lots</a> <a href="/trans-networks">of</a> <a href="/no-politics">mushroom</a> <a href="/domain-and-site-setup">images</a>.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#problem-statement">problem statement</a>
+            		</li>
+
+                    <li><a href="#find">find</a>
+            		</li>
+
+                    <li><a href="#grep">grep</a>
+            		</li>
+
+                    <li><a href="#cut">cut</a>
+            		</li>
+
+                    <li><a href="#sed">sed</a>
+            		</li>
+
+                    <li><a href="#mving-and-shaking">mving and shaking</a>
+            		</li>
+
+                    <li><a href="#result">result</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<h2 id="problem-statement">problem statement</h2>
+<p>today I decided to finally clean up the <code>assets/img</code> directory for this site. Since 2022, when I started this project, I've just been adding images directly to that directory with no further segmentation - messy of me, I know! It's gotten unwieldy and I'm starting to get worried about generic names leading to duplicates at some point, particularly for the non-gallery posts where I have a tendency to <a href="/stationery-exchange">use</a> <a href="/my-favorite-git-flag">lots</a> <a href="/networks-of-trans-care">of</a> <a href="/no-politics-wip">mushroom</a> <a href="/domain-and-site-setup">images</a>.</p>
 <p>so it's time to move them into year-based folders. Let's talk about how I did that. <code>bash</code> away!</p>
 <p>(want to <a href="#result">skip right to the completed script?</a>)</p>
 <h2 id="find"><code>find</code></h2>
@@ -1917,6 +2024,7 @@ switch (currentThemeValue) {
 <span class="token keyword">done</span></code></pre>
 <p>questions? errors? <a href="/contact">ping me!</a></p>
 
+
   </article>
 
   
@@ -1954,28 +2062,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/backend-accessibility/">
+			<h2 data-ha-exclude="">backend accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+			<h2 data-ha-exclude="">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1992,15 +2098,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/my-favorite-git-flag/">
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
+				<li>highlight</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">
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
 			
 		</a>
 	</li>
@@ -2057,6 +2165,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/moving-images/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/moving-images/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/my-favorite-git-flag/index.html b/my-favorite-git-flag/index.html
index 415024f4..34f08136 100644
--- a/my-favorite-git-flag/index.html
+++ b/my-favorite-git-flag/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="my-favorite-git-flag">my favorite git flag</h1>
+    <h1>my favorite git flag</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,13 +1917,64 @@ switch (currentThemeValue) {
     <img class="hero" 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">
     
 
-    <p>do you have a favorite git flag? I do. let's talk about <code>git add -p</code>.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#the-p-stands-for-partial">the p stands for partial</a>
+            		</li>
+
+                    <li><a href="#the-primary-purpose">the primary purpose</a>
+            
+                <ol>
+                    
+                    <li><a href="#hunks...">hunks...</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#a-secondary-purpose">a secondary purpose</a>
+            		</li>
+
+                    <li><a href="#a-tertiary-purpose">a tertiary purpose</a>
+            		</li>
+
+                    <li><a href="#how-it-works">how it works</a>
+            
+                <ol>
+                    
+                    <li><a href="#y-and-n">y and n</a>
+            		</li>
+
+                    <li><a href="#q">q</a>
+            		</li>
+
+                    <li><a href="#a-and-d">a and d</a>
+            		</li>
+
+                    <li><a href="#s">s</a>
+            		</li>
+
+                    <li><a href="#e">e</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>do you have a favorite git flag? I do. let's talk about <code>git add -p</code>.</p>
 <h2 id="the-p-stands-for-partial">the p stands for partial</h2>
 <p>okay, it totally doesn't. it's short for <code>--patch</code>. but 'partial' is my mental trick because it makes a little more sense to me, and it might help you remember it too.</p>
 <p>also, <a href="https://xkcd.com/1053/" target="_blank" rel="external">TIL</a>: this command is a shortcut to the <code>patch</code> subcommand of the <code>--interactive</code> flag - a flag I have never in my life used. wild the things you learn when you read the documentation.</p>
 <h2 id="the-primary-purpose">the primary purpose</h2>
 <p>a classic scenario: you've realized your uncommitted work doesn't just encapsulate one change, and it's not so easily split as to be separable per-file. <code>git add -p</code> instead lets you choose to stage changes chunk-by-chunk, or, as <code>git</code> terms it, hunk-by-hunk.</p>
-<h3 id="hunks">hunks</h3>
+<h3 id="hunks...">hunks...</h3>
 <p>...are not perfect. you can split hunks, but only so much, and there's going to be cases where your changes are <em>so</em> mixed in as to be inseparable.</p>
 <h2 id="a-secondary-purpose">a secondary purpose</h2>
 <p>I use <code>-p</code> almost every time I use <code>git add</code>, not because I know I will need to split up my work, but to review what changes I made.</p>
@@ -1868,6 +1993,7 @@ switch (currentThemeValue) {
 <h3 id="e">e</h3>
 <p><strong>edit</strong>. <a href="https://git-scm.com/docs/git-add#_editing_patches" target="_blank" rel="external">read the documentation for manually editing</a> if curious because I don't use this and can't advise on it.</p>
 
+
   </article>
 
   
@@ -1905,51 +2031,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
+		<a class="postlink" href="/comparing-text-editors/">
+			<h2 data-ha-exclude="">comparing text editors </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
+			<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." 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="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<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/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<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>
+	
+  <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>
@@ -2006,6 +2132,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/my-favorite-git-flag/` was built on 2026-09-20T00:40:39.762Z -->
+    <!-- This page `/my-favorite-git-flag/` was built on 2026-09-20T22:08:14.586Z -->
   </body>
 </html>
diff --git a/networks-of-trans-care/index.html b/networks-of-trans-care/index.html
index 3f163914..3da8876d 100644
--- a/networks-of-trans-care/index.html
+++ b/networks-of-trans-care/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="networks-of-trans-care">networks of trans care</h1>
+    <h1>networks of trans care</h1>
 
     <div class="post-metadata">
       <p>
@@ -1897,52 +1898,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/queer-book-list/">
+			<h2 data-ha-exclude="">queer book list </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1956,6 +1931,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/gender/">
+			<h2 data-ha-exclude="">gender? </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -2008,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/networks-of-trans-care/` was built on 2026-09-20T00:40:39.759Z -->
+    <!-- This page `/networks-of-trans-care/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/nine-pocket-bifold/index.html b/nine-pocket-bifold/index.html
index 77f68fde..9f5ec3a0 100644
--- a/nine-pocket-bifold/index.html
+++ b/nine-pocket-bifold/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="nine-pocket-bifold">nine pocket bifold</h1>
+    <h1>nine pocket bifold</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+		<a class="postlink" href="/zipper-bifold/">
+			<h2 data-ha-exclude="">zipper bifold </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.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
+				<li>patch</li>
+				
 			</ul>
-			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</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="/brookes-cuff-bracelets/">
+			<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<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/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1979,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/nine-pocket-bifold/` was built on 2026-09-20T00:40:39.725Z -->
+    <!-- This page `/nine-pocket-bifold/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>
diff --git a/no-politics-wip/index.html b/no-politics-wip/index.html
index e79eb9a9..7430aa5d 100644
--- a/no-politics-wip/index.html
+++ b/no-politics-wip/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="no-politics-wip">no politics (wip)</h1>
+    <h1>no politics (wip)</h1>
 
     <div class="post-metadata">
       <p>
@@ -1834,7 +1908,58 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/mushroom-on-fence.jpg" alt="Picture unrelated to post. A small orange mushroom grows from the center of a fence post." loading="lazy" decoding="async" width="1000" height="1333">
     
 
-    <p>This piece is unfinished and is presented in only partial form.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#prelude">Prelude</a>
+            		</li>
+
+                    <li><a href="#politics">Politics</a>
+            
+                <ol>
+                    
+                    <li><a href="#the-personal-is-political">The Personal is Political</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#what-does-%E2%80%9Cno-politics%E2%80%9D-gain-us%3F">What does “no politics” gain us?</a>
+            
+                <ol>
+                    
+                    <li><a href="#easier-moderation">Easier moderation</a>
+            		</li>
+
+                    <li><a href="#create-a-welcoming%2C-%E2%80%9Cneutral%E2%80%9D-environment">Create a welcoming, “neutral” environment</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#interlude">Interlude</a>
+            		</li>
+
+                    <li><a href="#how-do-we-better-achieve-our-goals%3F">How do we better achieve our goals?</a>
+            
+                <ol>
+                    
+                    <li><a href="#easier-moderation-1">Easier moderation</a>
+            		</li>
+
+                    <li><a href="#create-a-welcoming-environment">Create a welcoming environment</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>This piece is unfinished and is presented in only partial form.</p>
 <h2 id="prelude">Prelude</h2>
 <p>5 or so years ago, I’m in a Facebook group. Rather than my usual lefty fare, it was more all-over-the-map; it was focused on socializing, support, and advice for younger employees at my current employer.</p>
 <p>Every once and a while, discussion would turn to something like:</p>
@@ -1857,18 +1982,18 @@ switch (currentThemeValue) {
 </blockquote>
 <p>— <a href="https://www.blackpast.org/african-american-history/combahee-river-collective-statement-1977/" target="_blank" rel="external">Combahee River Collective Statement</a></p>
 <p>“The personal is political” and associated political movement is pushback against an insistence on individualizing systemic issues. Crenshaw frames it as a “process of recognizing as social and systemic what was formerly perceived as isolated and individual” (<a href="https://www.jstor.org/stable/1229039" target="_blank" rel="external">Mapping the Margins: Intersectionality, Identity Politics, and Violence against Women of Color by Kimberlé Crenshaw</a>) and it’s <em>vital</em> in our current understanding of things like sexual assault and domestic violence as — forgive me for repeating the word yet again — <em>systemic</em> issues.</p>
-<h2 id="what-does-no-politics-gain-us">What does “no politics” gain us?</h2>
+<h2 id="what-does-%E2%80%9Cno-politics%E2%80%9D-gain-us%3F">What does “no politics” gain us?</h2>
 <p>But why might people institute a “no politics” rule?</p>
 <h3 id="easier-moderation">Easier moderation</h3>
 <p>A frequent argument that gets made is that “we just don’t have the resources to moderate that.” Regardless of whether it’s right, this is what’s effective and what we have the bandwidth for.</p>
 <p>As a frequent moderator, I see the appeal in this. Political discussions can be tense, with high emotions and hard stances. After all, the personal is political - someone may not be speaking of some theoretical risk but to a concrete fear that hangs over their head daily. Members will get invested, and feelings will be hurt.</p>
-<h3 id="create-a-welcoming-neutral-environment">Create a welcoming, “neutral” environment</h3>
+<h3 id="create-a-welcoming%2C-%E2%80%9Cneutral%E2%80%9D-environment">Create a welcoming, “neutral” environment</h3>
 <p>Especially in environments where you want to welcome a large and diverse group of people, the aim should be to make the membership and prospective membership comfortable (possibly while also warding off trolls who want to argue).</p>
 <p>For some, &quot;the law isn't about shaping society, it's about who gets punished&quot; (<a href="https://youtu.be/yts2F44RqFw?si=QZMJQWqahdJ4-1Eb&amp;t=452" target="_blank" rel="external">I Hate Mondays by Innuendo Studios</a>). Politics are a method of assigning blame. &quot;No politics&quot; means no one is to blame.</p>
 <h2 id="interlude">Interlude</h2>
 <p>6 or so months ago, I'm in a Discord server. Rule 1 states that no politics or religion are allowed. Interestingly, it also states that &quot;insults, racism, sexism, homophobia, transphobia, and all other discriminatory speech&quot; are not permitted.</p>
-<h2 id="how-do-we-better-achieve-our-goals">How do we better achieve our goals?</h2>
-<h3 id="easier-moderation-2">Easier moderation</h3>
+<h2 id="how-do-we-better-achieve-our-goals%3F">How do we better achieve our goals?</h2>
+<h3 id="easier-moderation-1">Easier moderation</h3>
 <h3 id="create-a-welcoming-environment">Create a welcoming environment</h3>
 <hr>
 <p>sections</p>
@@ -1885,6 +2010,7 @@ switch (currentThemeValue) {
 </ul>
 <p><a href="https://blog.oup.com/2018/11/politics-of-political/" target="_blank" rel="external">Politics of Political</a></p>
 
+
   </article>
 
   
@@ -1969,6 +2095,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/no-politics-wip/` was built on 2026-09-20T00:40:39.738Z -->
+    <!-- This page `/no-politics-wip/` was built on 2026-09-20T22:08:14.586Z -->
   </body>
 </html>
diff --git a/nonbinary-flag/index.html b/nonbinary-flag/index.html
index 23afc735..fff7454d 100644
--- a/nonbinary-flag/index.html
+++ b/nonbinary-flag/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="nonbinary-flag">nonbinary flag</h1>
+    <h1>nonbinary flag</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,57 +1900,55 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="">block printing transfer method </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
+			</ul>
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/big-pidge/">
+			<h2 data-ha-exclude="">big pidge </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
 				
 				<li>shirt</li>
 				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2006,6 +2005,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/nonbinary-flag/` was built on 2026-09-20T00:40:39.722Z -->
+    <!-- This page `/nonbinary-flag/` was built on 2026-09-20T22:08:14.560Z -->
   </body>
 </html>
diff --git a/not-a-drill/index.html b/not-a-drill/index.html
index f95bd258..c0bb10f7 100644
--- a/not-a-drill/index.html
+++ b/not-a-drill/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="not-a-drill">not a drill</h1>
+    <h1>not a drill</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,48 +1888,42 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+		<a class="postlink" href="/printmaking-paper-notes/">
+			<h2 data-ha-exclude="">printmaking paper notes </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>shirt</li>
+				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+		<a class="postlink" href="/seedling/">
+			<h2 data-ha-exclude="">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1937,7 +1932,7 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1994,6 +1989,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/not-a-drill/` was built on 2026-09-20T00:40:39.739Z -->
+    <!-- This page `/not-a-drill/` was built on 2026-09-20T22:08:14.540Z -->
   </body>
 </html>
diff --git a/o-ring-bracelet/index.html b/o-ring-bracelet/index.html
index 3c6a8e3f..19e6f333 100644
--- a/o-ring-bracelet/index.html
+++ b/o-ring-bracelet/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="o-ring-bracelet">o-ring bracelet</h1>
+    <h1>o-ring bracelet</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,42 +1888,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/vertical-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+			<h2 data-ha-exclude="">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1986,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/o-ring-bracelet/` was built on 2026-09-20T00:40:39.737Z -->
+    <!-- This page `/o-ring-bracelet/` was built on 2026-09-20T22:08:14.538Z -->
   </body>
 </html>
diff --git a/on-pronouns/index.html b/on-pronouns/index.html
index ab571c66..22a355ab 100644
--- a/on-pronouns/index.html
+++ b/on-pronouns/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="on-pronouns">on pronouns</h1>
+    <h1>on pronouns</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,9 +1917,132 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <p>Created in cooperation with <a href="https://www.linkedin.com/in/julia-pinedo-094162117/" target="_blank" rel="external">Julia Pinedo</a>.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#what-are-pronouns%3F">What are pronouns?</a>
+            
+                <ol>
+                    
+                    <li><a href="#pronouns">Pronouns</a>
+            		</li>
+
+                    <li><a href="#ok%2C-what's-gender%3F">Ok, what's gender?</a>
+            		</li>
+
+                    <li><a href="#gender-terms">Gender terms</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#a-brief-foray-into-history">A brief foray into history</a>
+            
+                <ol>
+                    
+                    <li><a href="#alternate-pronouns-aren't-new">Alternate pronouns aren't new</a>
+            		</li>
+
+                    <li><a href="#fuss-over-pronouns-isn't-new">Fuss over pronouns isn't new</a>
+            		</li>
+
+                    <li><a href="#trans-and-nonbinary-people-aren't-new">Trans and nonbinary people aren't new</a>
+            		</li>
+
+                    <li><a href="#history-repeats-itself">History repeats itself</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#prescriptivism-and-descriptivism">Prescriptivism and descriptivism</a>
+            		</li>
+
+                    <li><a href="#why-it-matters">Why it matters</a>
+            		</li>
+
+                    <li><a href="#pronoun-interactions">Pronoun interactions</a>
+            
+                <ol>
+                    
+                    <li><a href="#introductions">Introductions</a>
+            		</li>
+
+                    <li><a href="#corrections">Corrections</a>
+            
+                <ol>
+                    
+                    <li><a href="#correcting-yourself">Correcting yourself</a>
+            		</li>
+
+                    <li><a href="#correcting-others">Correcting others</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#digital-tools">Digital tools</a>
+            		</li>
+
+                    <li><a href="#practice!">PRACTICE!</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#more-scenarios">More scenarios</a>
+            
+                <ol>
+                    
+                    <li><a href="#what-if-you-don't-know-someone's-pronouns%3F">What if you don't know someone's pronouns?</a>
+            		</li>
+
+                    <li><a href="#multiple-pronouns">Multiple pronouns</a>
+            		</li>
+
+                    <li><a href="#neopronouns">Neopronouns</a>
+            		</li>
+
+                    <li><a href="#any%2Fall-pronouns">Any/all pronouns</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#resources">Resources</a>
+            
+                <ol>
+                    
+                    <li><a href="#books">Books</a>
+            		</li>
+
+                    <li><a href="#articles">Articles</a>
+            		</li>
+
+                    <li><a href="#other-resources">Other resources</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#*-asides">* asides</a>
+            
+                <ol>
+                    
+                    <li><a href="#hermaphrodite">hermaphrodite</a>
+            		</li>
+
+                    <li><a href="#transsexual">transsexual</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>Created in cooperation with <a href="https://www.linkedin.com/in/jonahpinedo/" target="_blank" rel="external">Jonah Pinedo</a>.</p>
 <p>Adapted from a workplace session on pronouns and gender identity.</p>
-<h2 id="what-are-pronouns">What are pronouns?</h2>
+<h2 id="what-are-pronouns%3F">What are pronouns?</h2>
 <p>and for that matter, what's gender?</p>
 <h3 id="pronouns">Pronouns</h3>
 <ul>
@@ -1857,7 +2054,7 @@ switch (currentThemeValue) {
 </ul>
 </li>
 </ul>
-<h3 id="ok-whats-gender">Ok, what's gender?</h3>
+<h3 id="ok%2C-what's-gender%3F">Ok, what's gender?</h3>
 <ul>
 <li>In English as well as some other languages, pronouns are <em>gendered</em>
 <ul>
@@ -1890,7 +2087,7 @@ switch (currentThemeValue) {
 </ul>
 <h2 id="a-brief-foray-into-history">A brief foray into history</h2>
 <p>this is all new, right? ...right?</p>
-<h3 id="alternate-pronouns-arent-new">Alternate pronouns aren't new</h3>
+<h3 id="alternate-pronouns-aren't-new">Alternate pronouns aren't new</h3>
 <blockquote>
 <p>...Francis Brewster coined <em>E</em>, <em>es</em>, and <em>em</em> in 1841, and Charles Crozat Converse announced <em>thon</em> and <em>thons</em> in 1884...</p>
 </blockquote>
@@ -1901,12 +2098,12 @@ switch (currentThemeValue) {
 <ul>
 <li>Even singular &quot;they&quot; which is seen as new has been in use since the 1300s - and predates singular &quot;you&quot;</li>
 </ul>
-<h3 id="fuss-over-pronouns-isnt-new">Fuss over pronouns isn't new</h3>
+<h3 id="fuss-over-pronouns-isn't-new">Fuss over pronouns isn't new</h3>
 <blockquote>
 <p>In 1916, when Jeanette Rankin, of Montana, became the first woman elected to the US House of Representatives, the <em>Minneapolis Star Tribune</em> ran this headline challenging the grammatical rule that says the masculine pronoun [he] can refer to women: “Can ‘She’ Be ‘He’, a Congressman, and Be Woman?” Pronouns aren’t just a part of speech. Pronouns are political.</p>
 </blockquote>
 <p>– What’s Your Pronoun: Beyond He &amp; She, Dennis Baron (he/him)</p>
-<h3 id="trans-and-nonbinary-people-arent-new">Trans and nonbinary people aren't new</h3>
+<h3 id="trans-and-nonbinary-people-aren't-new">Trans and nonbinary people aren't new</h3>
 <blockquote>
 <p>In 1841, Francis Brewster took time from his medical practice to write a grammar in which he labeled his new pronouns “masculor feminine.” <em>Masculofeminina</em> is Latin for “man-woman, or hermaphrodite<a href="#hermaphrodite">*</a>,” and Brewster’s use of this unusual term is the first hint at nonbinary gender in a grammar book.</p>
 </blockquote>
@@ -1977,7 +2174,7 @@ switch (currentThemeValue) {
 <li>Set your pronouns in Teams</li>
 <li>Add pronouns to your email signature</li>
 </ul>
-<h3 id="practice"><em><strong>PRACTICE!</strong></em></h3>
+<h3 id="practice!"><em><strong>PRACTICE!</strong></em></h3>
 <ul>
 <li>Deliberately think or speak about a specific person using the correct pronouns</li>
 <li>Use practice passages such as <a href="https://genderneutralpronoun.wordpress.com/about/alice/" target="_blank" rel="external">Alice in Wonderland Texts - Gender Neutral Pronoun Blog</a></li>
@@ -1991,7 +2188,7 @@ switch (currentThemeValue) {
 <p>– pronouns 101: introduction to your loved one’s new pronouns, Kirby Conrod (they/them)</p>
 <h2 id="more-scenarios">More scenarios</h2>
 <p>beyond just &quot;they&quot;</p>
-<h3 id="what-if-you-dont-know-someones-pronouns">What if you don't know someone's pronouns?</h3>
+<h3 id="what-if-you-don't-know-someone's-pronouns%3F">What if you don't know someone's pronouns?</h3>
 <ul>
 <li>Use they/them/theirs - this is language you already use! e.g. &quot;Someone left their phone here&quot;
 <ul>
@@ -2040,7 +2237,7 @@ switch (currentThemeValue) {
 <li><strong>Pave the way for more vulnerable queer people to express themselves.</strong> As someone in a position of relative privilege, it is far easier for me to publicly use neopronouns than it may be for other queer/trans folks who find they align with neos. If someone has already seen me using neos, they are less likely to push back on the next person they see doing so - even if that means I am the one to deal with that pushback.</li>
 <li><strong>Be more visible as a trans person.</strong> This ties back to (1). While some trans people prefer to fly under the radar so to speak and be read as a cis person of their gender, there is no cis version of &quot;nonbinary&quot;. For me, being understood by others as a binary cis man feels stifling and incorrect. Neopronouns are one way to make my transness more visible as someone who is otherwise not always read as queer. And, as in (4), that visibility helps pave the way for others :)</li>
 </ol>
-<h3 id="any-all-pronouns">Any/all pronouns</h3>
+<h3 id="any%2Fall-pronouns">Any/all pronouns</h3>
 <ul>
 <li>Some people accept any pronouns for various reasons</li>
 <li><strong>This is not an opportunity to ask them which ones they &quot;really prefer&quot;</strong></li>
@@ -2082,12 +2279,13 @@ switch (currentThemeValue) {
 <li><a href="https://www.genderpodcast.com/" target="_blank" rel="external">GENDER REVEAL</a> is a podcast with a different trans guest each episode – an excellent look into the diversity of trans experiences</li>
 <li><a href="https://franny.itch.io/parlare-gender-neutral-pronoun-app?secret=toQDv9bqZ1Cj63gGV9kBd9VVLY" target="_blank" rel="external">Parlare by franny</a>, an app that teaches gender-neutral pronoun use</li>
 </ul>
-<h2 id="asides">* asides</h2>
+<h2 id="*-asides">* asides</h2>
 <h3 id="hermaphrodite">hermaphrodite</h3>
 <p>not currently considered polite by some; do not use it for others unless they use it for themselves</p>
 <h3 id="transsexual">transsexual</h3>
 <p>not currently considered polite by some; do not use it for others unless they use it for themselves</p>
 
+
   </article>
 
   
@@ -2125,12 +2323,34 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/trans-rights-skull/">
+			<h2 data-ha-exclude="">trans rights skull </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2146,7 +2366,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2166,22 +2386,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2234,6 +2438,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/on-pronouns/` was built on 2026-09-20T00:40:39.733Z -->
+    <!-- This page `/on-pronouns/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/on-the-shoulders-of-giants/index.html b/on-the-shoulders-of-giants/index.html
index 1674afb2..00c8d494 100644
--- a/on-the-shoulders-of-giants/index.html
+++ b/on-the-shoulders-of-giants/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="on-the-shoulders-of-giants">on the shoulders of giants</h1>
+    <h1>on the shoulders of giants</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,26 +1888,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pink-socks/">
-			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-			</ul>
-			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+		<a class="postlink" href="/textures-unite/">
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1915,21 +1902,35 @@ switch (currentThemeValue) {
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fedizinefest-2025/">
-			<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
+		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
+			<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>zine</li>
+				<li>knit</li>
 				
 			</ul>
-			<img src="/img/fedizinefest-2025.png" alt="A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025." loading="lazy" decoding="async" width="729" height="799">
+			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/pink-socks/">
+			<h2 data-ha-exclude="">pink socks </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1986,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/on-the-shoulders-of-giants/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/on-the-shoulders-of-giants/` was built on 2026-09-20T22:08:14.542Z -->
   </body>
 </html>
diff --git a/on-the-ubiquity-of-enby/index.html b/on-the-ubiquity-of-enby/index.html
index ecbf1aa1..ed291105 100644
--- a/on-the-ubiquity-of-enby/index.html
+++ b/on-the-ubiquity-of-enby/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39;</h1>
+    <h1>on the ubiquity of &#39;enby&#39;</h1>
 
     <div class="post-metadata">
       <p>
@@ -1896,59 +1897,53 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>patch</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+		<a class="postlink" href="/queer-book-list/">
+			<h2 data-ha-exclude="">queer book list </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -2005,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/on-the-ubiquity-of-enby/` was built on 2026-09-20T00:40:39.738Z -->
+    <!-- This page `/on-the-ubiquity-of-enby/` was built on 2026-09-20T22:08:14.539Z -->
   </body>
 </html>
diff --git a/orange-green-journal/index.html b/orange-green-journal/index.html
index b9118628..5d9f500d 100644
--- a/orange-green-journal/index.html
+++ b/orange-green-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="orange-green-journal">orange green journal</h1>
+    <h1>orange green journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1892,49 +1893,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/blue-and-brown-leather-journal/">
-			<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal </h2>
+		<a class="postlink" href="/green-memo-pad/">
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/blue-brown-leather-journal.jpg" alt="A three panel collage showcasing a blue and brown leather-covered journal." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+		<a class="postlink" href="/leather-strap-journal/">
+			<h2 data-ha-exclude="">leather strap journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+		<a class="postlink" href="/striped-journal/">
+			<h2 data-ha-exclude="">striped journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1991,6 +1990,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/orange-green-journal/` was built on 2026-09-20T00:40:39.721Z -->
+    <!-- This page `/orange-green-journal/` was built on 2026-09-20T22:08:14.559Z -->
   </body>
 </html>
diff --git a/orange-journal/index.html b/orange-journal/index.html
index 7b312597..1ea7e92a 100644
--- a/orange-journal/index.html
+++ b/orange-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="orange-journal">orange journal</h1>
+    <h1>orange journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,26 +1899,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+		<a class="postlink" href="/blue-and-brown-leather-journal/">
+			<h2 data-ha-exclude="">blue and brown leather journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/blue-brown-leather-journal.jpg" alt="A three panel collage showcasing a blue and brown leather-covered journal." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+			<h2 data-ha-exclude="">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1930,15 +1931,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+		<a class="postlink" href="/baseball-journal/">
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1995,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/orange-journal/` was built on 2026-09-20T00:40:39.711Z -->
+    <!-- This page `/orange-journal/` was built on 2026-09-20T22:08:14.533Z -->
   </body>
 </html>
diff --git a/orion-handspun/index.html b/orion-handspun/index.html
index 5d6d5438..3133f9a6 100644
--- a/orion-handspun/index.html
+++ b/orion-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="orion-handspun">orion handspun</h1>
+    <h1>orion handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,12 +1883,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/dyeing-fiber/">
+			<h2 data-ha-exclude="">dyeing fiber </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="">light grey jacobs handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/spinners-dream-handspun/">
-			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1899,34 +1928,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/orion-handspun/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/orion-handspun/` was built on 2026-09-20T22:08:14.566Z -->
   </body>
 </html>
diff --git a/pagefind/fragment/en_02d59fe.pf_fragment b/pagefind/fragment/en_02d59fe.pf_fragment
deleted file mode 100644
index deaf5d02..00000000
Binary files a/pagefind/fragment/en_02d59fe.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_05b6337.pf_fragment b/pagefind/fragment/en_05b6337.pf_fragment
new file mode 100644
index 00000000..3e41aac9
Binary files /dev/null and b/pagefind/fragment/en_05b6337.pf_fragment differ
diff --git a/pagefind/fragment/en_0fd5225.pf_fragment b/pagefind/fragment/en_0fd5225.pf_fragment
new file mode 100644
index 00000000..560c9838
Binary files /dev/null and b/pagefind/fragment/en_0fd5225.pf_fragment differ
diff --git a/pagefind/fragment/en_10e06e2.pf_fragment b/pagefind/fragment/en_10e06e2.pf_fragment
new file mode 100644
index 00000000..80892def
Binary files /dev/null and b/pagefind/fragment/en_10e06e2.pf_fragment differ
diff --git a/pagefind/fragment/en_11f49c5.pf_fragment b/pagefind/fragment/en_11f49c5.pf_fragment
new file mode 100644
index 00000000..aa4d814c
Binary files /dev/null and b/pagefind/fragment/en_11f49c5.pf_fragment differ
diff --git a/pagefind/fragment/en_127716d.pf_fragment b/pagefind/fragment/en_127716d.pf_fragment
new file mode 100644
index 00000000..13fdaf14
Binary files /dev/null and b/pagefind/fragment/en_127716d.pf_fragment differ
diff --git a/pagefind/fragment/en_134b832.pf_fragment b/pagefind/fragment/en_134b832.pf_fragment
deleted file mode 100644
index 5a5cbd09..00000000
Binary files a/pagefind/fragment/en_134b832.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1397969.pf_fragment b/pagefind/fragment/en_1397969.pf_fragment
new file mode 100644
index 00000000..ac5b2a0c
Binary files /dev/null and b/pagefind/fragment/en_1397969.pf_fragment differ
diff --git a/pagefind/fragment/en_13ce742.pf_fragment b/pagefind/fragment/en_13ce742.pf_fragment
deleted file mode 100644
index 64301b7b..00000000
Binary files a/pagefind/fragment/en_13ce742.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_144c209.pf_fragment b/pagefind/fragment/en_144c209.pf_fragment
deleted file mode 100644
index a84f7489..00000000
Binary files a/pagefind/fragment/en_144c209.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_14cbea8.pf_fragment b/pagefind/fragment/en_14cbea8.pf_fragment
deleted file mode 100644
index ab94fd2b..00000000
Binary files a/pagefind/fragment/en_14cbea8.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_14ecc6e.pf_fragment b/pagefind/fragment/en_14ecc6e.pf_fragment
new file mode 100644
index 00000000..6cfd496f
Binary files /dev/null and b/pagefind/fragment/en_14ecc6e.pf_fragment differ
diff --git a/pagefind/fragment/en_1509a54.pf_fragment b/pagefind/fragment/en_1509a54.pf_fragment
deleted file mode 100644
index 8b278f04..00000000
Binary files a/pagefind/fragment/en_1509a54.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_157f595.pf_fragment b/pagefind/fragment/en_157f595.pf_fragment
new file mode 100644
index 00000000..0226d64d
Binary files /dev/null and b/pagefind/fragment/en_157f595.pf_fragment differ
diff --git a/pagefind/fragment/en_159238d.pf_fragment b/pagefind/fragment/en_159238d.pf_fragment
deleted file mode 100644
index 69f4a53f..00000000
Binary files a/pagefind/fragment/en_159238d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_15c13f5.pf_fragment b/pagefind/fragment/en_15c13f5.pf_fragment
new file mode 100644
index 00000000..eabd3455
Binary files /dev/null and b/pagefind/fragment/en_15c13f5.pf_fragment differ
diff --git a/pagefind/fragment/en_16b2f15.pf_fragment b/pagefind/fragment/en_16b2f15.pf_fragment
deleted file mode 100644
index 3053fa44..00000000
Binary files a/pagefind/fragment/en_16b2f15.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_16ca867.pf_fragment b/pagefind/fragment/en_16ca867.pf_fragment
deleted file mode 100644
index 21bc4e36..00000000
Binary files a/pagefind/fragment/en_16ca867.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_16e3a93.pf_fragment b/pagefind/fragment/en_16e3a93.pf_fragment
new file mode 100644
index 00000000..ce9ea58c
Binary files /dev/null and b/pagefind/fragment/en_16e3a93.pf_fragment differ
diff --git a/pagefind/fragment/en_17d133c.pf_fragment b/pagefind/fragment/en_17d133c.pf_fragment
deleted file mode 100644
index 0b614499..00000000
Binary files a/pagefind/fragment/en_17d133c.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_17f17ee.pf_fragment b/pagefind/fragment/en_17f17ee.pf_fragment
deleted file mode 100644
index 90ecf459..00000000
Binary files a/pagefind/fragment/en_17f17ee.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_18966c2.pf_fragment b/pagefind/fragment/en_18966c2.pf_fragment
deleted file mode 100644
index 0db43f8e..00000000
Binary files a/pagefind/fragment/en_18966c2.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_18b3afa.pf_fragment b/pagefind/fragment/en_18b3afa.pf_fragment
new file mode 100644
index 00000000..c2d66a2e
Binary files /dev/null and b/pagefind/fragment/en_18b3afa.pf_fragment differ
diff --git a/pagefind/fragment/en_1903cc1.pf_fragment b/pagefind/fragment/en_1903cc1.pf_fragment
deleted file mode 100644
index 2739a882..00000000
Binary files a/pagefind/fragment/en_1903cc1.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_198b1ce.pf_fragment b/pagefind/fragment/en_198b1ce.pf_fragment
deleted file mode 100644
index 25c1594b..00000000
Binary files a/pagefind/fragment/en_198b1ce.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1a2c68d.pf_fragment b/pagefind/fragment/en_1a2c68d.pf_fragment
deleted file mode 100644
index 4471d17f..00000000
Binary files a/pagefind/fragment/en_1a2c68d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1b7a291.pf_fragment b/pagefind/fragment/en_1b7a291.pf_fragment
deleted file mode 100644
index 594aa330..00000000
Binary files a/pagefind/fragment/en_1b7a291.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1badfce.pf_fragment b/pagefind/fragment/en_1badfce.pf_fragment
deleted file mode 100644
index 534aa47b..00000000
Binary files a/pagefind/fragment/en_1badfce.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1bbd115.pf_fragment b/pagefind/fragment/en_1bbd115.pf_fragment
new file mode 100644
index 00000000..33738991
Binary files /dev/null and b/pagefind/fragment/en_1bbd115.pf_fragment differ
diff --git a/pagefind/fragment/en_1bc6ef5.pf_fragment b/pagefind/fragment/en_1bc6ef5.pf_fragment
deleted file mode 100644
index 5c3b1868..00000000
Binary files a/pagefind/fragment/en_1bc6ef5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1bcee4f.pf_fragment b/pagefind/fragment/en_1bcee4f.pf_fragment
deleted file mode 100644
index 4920d826..00000000
Binary files a/pagefind/fragment/en_1bcee4f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1c50fc6.pf_fragment b/pagefind/fragment/en_1c50fc6.pf_fragment
deleted file mode 100644
index 5402e93a..00000000
Binary files a/pagefind/fragment/en_1c50fc6.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1ca4dde.pf_fragment b/pagefind/fragment/en_1ca4dde.pf_fragment
deleted file mode 100644
index d3eaef5d..00000000
Binary files a/pagefind/fragment/en_1ca4dde.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1db1ac5.pf_fragment b/pagefind/fragment/en_1db1ac5.pf_fragment
new file mode 100644
index 00000000..d4c854a5
Binary files /dev/null and b/pagefind/fragment/en_1db1ac5.pf_fragment differ
diff --git a/pagefind/fragment/en_1efc266.pf_fragment b/pagefind/fragment/en_1efc266.pf_fragment
deleted file mode 100644
index a5e14ea6..00000000
Binary files a/pagefind/fragment/en_1efc266.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_1fe2a18.pf_fragment b/pagefind/fragment/en_1fe2a18.pf_fragment
new file mode 100644
index 00000000..e23e6c30
Binary files /dev/null and b/pagefind/fragment/en_1fe2a18.pf_fragment differ
diff --git a/pagefind/fragment/en_211ba72.pf_fragment b/pagefind/fragment/en_211ba72.pf_fragment
deleted file mode 100644
index 78f69f89..00000000
Binary files a/pagefind/fragment/en_211ba72.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_225e615.pf_fragment b/pagefind/fragment/en_225e615.pf_fragment
new file mode 100644
index 00000000..0d9a1f3a
Binary files /dev/null and b/pagefind/fragment/en_225e615.pf_fragment differ
diff --git a/pagefind/fragment/en_2276667.pf_fragment b/pagefind/fragment/en_2276667.pf_fragment
deleted file mode 100644
index 32c119c8..00000000
Binary files a/pagefind/fragment/en_2276667.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_23da173.pf_fragment b/pagefind/fragment/en_23da173.pf_fragment
deleted file mode 100644
index 6392a4a9..00000000
Binary files a/pagefind/fragment/en_23da173.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_24724f2.pf_fragment b/pagefind/fragment/en_24724f2.pf_fragment
new file mode 100644
index 00000000..0ee769a3
Binary files /dev/null and b/pagefind/fragment/en_24724f2.pf_fragment differ
diff --git a/pagefind/fragment/en_24ff418.pf_fragment b/pagefind/fragment/en_24ff418.pf_fragment
deleted file mode 100644
index e40f9479..00000000
Binary files a/pagefind/fragment/en_24ff418.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_256ca04.pf_fragment b/pagefind/fragment/en_256ca04.pf_fragment
deleted file mode 100644
index d67343d4..00000000
Binary files a/pagefind/fragment/en_256ca04.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_25ac7c5.pf_fragment b/pagefind/fragment/en_25ac7c5.pf_fragment
deleted file mode 100644
index b3bd0588..00000000
Binary files a/pagefind/fragment/en_25ac7c5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_25b81b7.pf_fragment b/pagefind/fragment/en_25b81b7.pf_fragment
deleted file mode 100644
index e8d06ead..00000000
Binary files a/pagefind/fragment/en_25b81b7.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_25d5cb5.pf_fragment b/pagefind/fragment/en_25d5cb5.pf_fragment
deleted file mode 100644
index 9786fba9..00000000
Binary files a/pagefind/fragment/en_25d5cb5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_26181da.pf_fragment b/pagefind/fragment/en_26181da.pf_fragment
new file mode 100644
index 00000000..3bb9114e
Binary files /dev/null and b/pagefind/fragment/en_26181da.pf_fragment differ
diff --git a/pagefind/fragment/en_267e7f5.pf_fragment b/pagefind/fragment/en_267e7f5.pf_fragment
new file mode 100644
index 00000000..9e1d0a79
Binary files /dev/null and b/pagefind/fragment/en_267e7f5.pf_fragment differ
diff --git a/pagefind/fragment/en_26fdbc5.pf_fragment b/pagefind/fragment/en_26fdbc5.pf_fragment
new file mode 100644
index 00000000..ed5cbb7b
Binary files /dev/null and b/pagefind/fragment/en_26fdbc5.pf_fragment differ
diff --git a/pagefind/fragment/en_273a8ed.pf_fragment b/pagefind/fragment/en_273a8ed.pf_fragment
new file mode 100644
index 00000000..6c858c37
Binary files /dev/null and b/pagefind/fragment/en_273a8ed.pf_fragment differ
diff --git a/pagefind/fragment/en_27db8c3.pf_fragment b/pagefind/fragment/en_27db8c3.pf_fragment
deleted file mode 100644
index b559d1ef..00000000
Binary files a/pagefind/fragment/en_27db8c3.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2866ec1.pf_fragment b/pagefind/fragment/en_2866ec1.pf_fragment
new file mode 100644
index 00000000..ea9fe1ed
Binary files /dev/null and b/pagefind/fragment/en_2866ec1.pf_fragment differ
diff --git a/pagefind/fragment/en_2a7422c.pf_fragment b/pagefind/fragment/en_2a7422c.pf_fragment
new file mode 100644
index 00000000..b5aa4712
Binary files /dev/null and b/pagefind/fragment/en_2a7422c.pf_fragment differ
diff --git a/pagefind/fragment/en_2acf136.pf_fragment b/pagefind/fragment/en_2acf136.pf_fragment
new file mode 100644
index 00000000..415b606c
Binary files /dev/null and b/pagefind/fragment/en_2acf136.pf_fragment differ
diff --git a/pagefind/fragment/en_2b5c7ac.pf_fragment b/pagefind/fragment/en_2b5c7ac.pf_fragment
deleted file mode 100644
index 46e07cba..00000000
Binary files a/pagefind/fragment/en_2b5c7ac.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2c59395.pf_fragment b/pagefind/fragment/en_2c59395.pf_fragment
new file mode 100644
index 00000000..9f6857b1
Binary files /dev/null and b/pagefind/fragment/en_2c59395.pf_fragment differ
diff --git a/pagefind/fragment/en_2c5d9f4.pf_fragment b/pagefind/fragment/en_2c5d9f4.pf_fragment
deleted file mode 100644
index d31fcf68..00000000
Binary files a/pagefind/fragment/en_2c5d9f4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2cb6a52.pf_fragment b/pagefind/fragment/en_2cb6a52.pf_fragment
deleted file mode 100644
index e25c83c8..00000000
Binary files a/pagefind/fragment/en_2cb6a52.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2cde342.pf_fragment b/pagefind/fragment/en_2cde342.pf_fragment
deleted file mode 100644
index 96204c9f..00000000
Binary files a/pagefind/fragment/en_2cde342.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2d2132d.pf_fragment b/pagefind/fragment/en_2d2132d.pf_fragment
new file mode 100644
index 00000000..576a33f7
Binary files /dev/null and b/pagefind/fragment/en_2d2132d.pf_fragment differ
diff --git a/pagefind/fragment/en_2d419f3.pf_fragment b/pagefind/fragment/en_2d419f3.pf_fragment
new file mode 100644
index 00000000..75995404
Binary files /dev/null and b/pagefind/fragment/en_2d419f3.pf_fragment differ
diff --git a/pagefind/fragment/en_2d941d4.pf_fragment b/pagefind/fragment/en_2d941d4.pf_fragment
new file mode 100644
index 00000000..003fd2a6
Binary files /dev/null and b/pagefind/fragment/en_2d941d4.pf_fragment differ
diff --git a/pagefind/fragment/en_2ed1c89.pf_fragment b/pagefind/fragment/en_2ed1c89.pf_fragment
deleted file mode 100644
index 46d3c831..00000000
Binary files a/pagefind/fragment/en_2ed1c89.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2edb24d.pf_fragment b/pagefind/fragment/en_2edb24d.pf_fragment
deleted file mode 100644
index a27da739..00000000
Binary files a/pagefind/fragment/en_2edb24d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2f81ebb.pf_fragment b/pagefind/fragment/en_2f81ebb.pf_fragment
deleted file mode 100644
index 33178093..00000000
Binary files a/pagefind/fragment/en_2f81ebb.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_2fadabe.pf_fragment b/pagefind/fragment/en_2fadabe.pf_fragment
new file mode 100644
index 00000000..ab4ce18c
Binary files /dev/null and b/pagefind/fragment/en_2fadabe.pf_fragment differ
diff --git a/pagefind/fragment/en_3051719.pf_fragment b/pagefind/fragment/en_3051719.pf_fragment
new file mode 100644
index 00000000..675f428d
Binary files /dev/null and b/pagefind/fragment/en_3051719.pf_fragment differ
diff --git a/pagefind/fragment/en_318490f.pf_fragment b/pagefind/fragment/en_318490f.pf_fragment
deleted file mode 100644
index 0ea8ad43..00000000
Binary files a/pagefind/fragment/en_318490f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_3397297.pf_fragment b/pagefind/fragment/en_3397297.pf_fragment
deleted file mode 100644
index e805f669..00000000
Binary files a/pagefind/fragment/en_3397297.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_33e7b0b.pf_fragment b/pagefind/fragment/en_33e7b0b.pf_fragment
new file mode 100644
index 00000000..e49b8375
Binary files /dev/null and b/pagefind/fragment/en_33e7b0b.pf_fragment differ
diff --git a/pagefind/fragment/en_346d16c.pf_fragment b/pagefind/fragment/en_346d16c.pf_fragment
deleted file mode 100644
index 54686b83..00000000
Binary files a/pagefind/fragment/en_346d16c.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_35341d7.pf_fragment b/pagefind/fragment/en_35341d7.pf_fragment
new file mode 100644
index 00000000..81265806
Binary files /dev/null and b/pagefind/fragment/en_35341d7.pf_fragment differ
diff --git a/pagefind/fragment/en_35358dc.pf_fragment b/pagefind/fragment/en_35358dc.pf_fragment
new file mode 100644
index 00000000..4ae89d6d
Binary files /dev/null and b/pagefind/fragment/en_35358dc.pf_fragment differ
diff --git a/pagefind/fragment/en_3584dea.pf_fragment b/pagefind/fragment/en_3584dea.pf_fragment
new file mode 100644
index 00000000..78d59edf
Binary files /dev/null and b/pagefind/fragment/en_3584dea.pf_fragment differ
diff --git a/pagefind/fragment/en_35af11d.pf_fragment b/pagefind/fragment/en_35af11d.pf_fragment
new file mode 100644
index 00000000..68fd574d
Binary files /dev/null and b/pagefind/fragment/en_35af11d.pf_fragment differ
diff --git a/pagefind/fragment/en_35bc95c.pf_fragment b/pagefind/fragment/en_35bc95c.pf_fragment
deleted file mode 100644
index 98da30cb..00000000
Binary files a/pagefind/fragment/en_35bc95c.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_35df4f3.pf_fragment b/pagefind/fragment/en_35df4f3.pf_fragment
deleted file mode 100644
index 273c21e5..00000000
Binary files a/pagefind/fragment/en_35df4f3.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_3685c62.pf_fragment b/pagefind/fragment/en_3685c62.pf_fragment
new file mode 100644
index 00000000..80e48b0a
Binary files /dev/null and b/pagefind/fragment/en_3685c62.pf_fragment differ
diff --git a/pagefind/fragment/en_373c417.pf_fragment b/pagefind/fragment/en_373c417.pf_fragment
deleted file mode 100644
index b9d06bd4..00000000
Binary files a/pagefind/fragment/en_373c417.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_3769615.pf_fragment b/pagefind/fragment/en_3769615.pf_fragment
deleted file mode 100644
index 39ac9072..00000000
Binary files a/pagefind/fragment/en_3769615.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_38ef6f1.pf_fragment b/pagefind/fragment/en_38ef6f1.pf_fragment
deleted file mode 100644
index b7ed911d..00000000
Binary files a/pagefind/fragment/en_38ef6f1.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_3922967.pf_fragment b/pagefind/fragment/en_3922967.pf_fragment
new file mode 100644
index 00000000..3e505fc2
Binary files /dev/null and b/pagefind/fragment/en_3922967.pf_fragment differ
diff --git a/pagefind/fragment/en_394945f.pf_fragment b/pagefind/fragment/en_394945f.pf_fragment
deleted file mode 100644
index 16702ad3..00000000
Binary files a/pagefind/fragment/en_394945f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_39b66d9.pf_fragment b/pagefind/fragment/en_39b66d9.pf_fragment
deleted file mode 100644
index a0e5a5ce..00000000
Binary files a/pagefind/fragment/en_39b66d9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_3b26ed4.pf_fragment b/pagefind/fragment/en_3b26ed4.pf_fragment
deleted file mode 100644
index c0a69548..00000000
Binary files a/pagefind/fragment/en_3b26ed4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_3dfd184.pf_fragment b/pagefind/fragment/en_3dfd184.pf_fragment
deleted file mode 100644
index 64cd567b..00000000
Binary files a/pagefind/fragment/en_3dfd184.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_3e909ad.pf_fragment b/pagefind/fragment/en_3e909ad.pf_fragment
new file mode 100644
index 00000000..35e05306
Binary files /dev/null and b/pagefind/fragment/en_3e909ad.pf_fragment differ
diff --git a/pagefind/fragment/en_3ef6ad4.pf_fragment b/pagefind/fragment/en_3ef6ad4.pf_fragment
new file mode 100644
index 00000000..260ba8fd
Binary files /dev/null and b/pagefind/fragment/en_3ef6ad4.pf_fragment differ
diff --git a/pagefind/fragment/en_3f307e5.pf_fragment b/pagefind/fragment/en_3f307e5.pf_fragment
new file mode 100644
index 00000000..e3036bbd
Binary files /dev/null and b/pagefind/fragment/en_3f307e5.pf_fragment differ
diff --git a/pagefind/fragment/en_3f56bfe.pf_fragment b/pagefind/fragment/en_3f56bfe.pf_fragment
deleted file mode 100644
index e0968386..00000000
Binary files a/pagefind/fragment/en_3f56bfe.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_4267a54.pf_fragment b/pagefind/fragment/en_4267a54.pf_fragment
new file mode 100644
index 00000000..7497b3b5
Binary files /dev/null and b/pagefind/fragment/en_4267a54.pf_fragment differ
diff --git a/pagefind/fragment/en_4271d91.pf_fragment b/pagefind/fragment/en_4271d91.pf_fragment
deleted file mode 100644
index 1ea81f7b..00000000
Binary files a/pagefind/fragment/en_4271d91.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_438decf.pf_fragment b/pagefind/fragment/en_438decf.pf_fragment
new file mode 100644
index 00000000..ee4ac04e
Binary files /dev/null and b/pagefind/fragment/en_438decf.pf_fragment differ
diff --git a/pagefind/fragment/en_446cf21.pf_fragment b/pagefind/fragment/en_446cf21.pf_fragment
new file mode 100644
index 00000000..315bb898
Binary files /dev/null and b/pagefind/fragment/en_446cf21.pf_fragment differ
diff --git a/pagefind/fragment/en_44924b5.pf_fragment b/pagefind/fragment/en_44924b5.pf_fragment
deleted file mode 100644
index b4ce3794..00000000
Binary files a/pagefind/fragment/en_44924b5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_453b6ff.pf_fragment b/pagefind/fragment/en_453b6ff.pf_fragment
deleted file mode 100644
index 8b54d7c1..00000000
Binary files a/pagefind/fragment/en_453b6ff.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_4573ded.pf_fragment b/pagefind/fragment/en_4573ded.pf_fragment
deleted file mode 100644
index 367902a5..00000000
Binary files a/pagefind/fragment/en_4573ded.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_45fa22f.pf_fragment b/pagefind/fragment/en_45fa22f.pf_fragment
deleted file mode 100644
index 79c2a3e1..00000000
Binary files a/pagefind/fragment/en_45fa22f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_46ed611.pf_fragment b/pagefind/fragment/en_46ed611.pf_fragment
deleted file mode 100644
index 5fac51d0..00000000
Binary files a/pagefind/fragment/en_46ed611.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_47f3d3b.pf_fragment b/pagefind/fragment/en_47f3d3b.pf_fragment
deleted file mode 100644
index fa317ff8..00000000
Binary files a/pagefind/fragment/en_47f3d3b.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_481cf83.pf_fragment b/pagefind/fragment/en_481cf83.pf_fragment
deleted file mode 100644
index 735509f1..00000000
Binary files a/pagefind/fragment/en_481cf83.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_4846886.pf_fragment b/pagefind/fragment/en_4846886.pf_fragment
new file mode 100644
index 00000000..021819f3
Binary files /dev/null and b/pagefind/fragment/en_4846886.pf_fragment differ
diff --git a/pagefind/fragment/en_493c86a.pf_fragment b/pagefind/fragment/en_493c86a.pf_fragment
new file mode 100644
index 00000000..a25ecca3
Binary files /dev/null and b/pagefind/fragment/en_493c86a.pf_fragment differ
diff --git a/pagefind/fragment/en_49788b7.pf_fragment b/pagefind/fragment/en_49788b7.pf_fragment
deleted file mode 100644
index 0f3c5773..00000000
Binary files a/pagefind/fragment/en_49788b7.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_49f8b7b.pf_fragment b/pagefind/fragment/en_49f8b7b.pf_fragment
deleted file mode 100644
index d31ffe3a..00000000
Binary files a/pagefind/fragment/en_49f8b7b.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_4a6a73c.pf_fragment b/pagefind/fragment/en_4a6a73c.pf_fragment
deleted file mode 100644
index 18cf3c9f..00000000
Binary files a/pagefind/fragment/en_4a6a73c.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_4a76cdf.pf_fragment b/pagefind/fragment/en_4a76cdf.pf_fragment
new file mode 100644
index 00000000..6a274cb1
Binary files /dev/null and b/pagefind/fragment/en_4a76cdf.pf_fragment differ
diff --git a/pagefind/fragment/en_4bfa845.pf_fragment b/pagefind/fragment/en_4bfa845.pf_fragment
new file mode 100644
index 00000000..f986c6a2
Binary files /dev/null and b/pagefind/fragment/en_4bfa845.pf_fragment differ
diff --git a/pagefind/fragment/en_4e442a7.pf_fragment b/pagefind/fragment/en_4e442a7.pf_fragment
deleted file mode 100644
index 4d98379a..00000000
Binary files a/pagefind/fragment/en_4e442a7.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_4eb7551.pf_fragment b/pagefind/fragment/en_4eb7551.pf_fragment
new file mode 100644
index 00000000..a0f141ec
Binary files /dev/null and b/pagefind/fragment/en_4eb7551.pf_fragment differ
diff --git a/pagefind/fragment/en_4fe0c7c.pf_fragment b/pagefind/fragment/en_4fe0c7c.pf_fragment
new file mode 100644
index 00000000..3877cc9c
Binary files /dev/null and b/pagefind/fragment/en_4fe0c7c.pf_fragment differ
diff --git a/pagefind/fragment/en_508215d.pf_fragment b/pagefind/fragment/en_508215d.pf_fragment
new file mode 100644
index 00000000..1a2aa584
Binary files /dev/null and b/pagefind/fragment/en_508215d.pf_fragment differ
diff --git a/pagefind/fragment/en_50f3ed7.pf_fragment b/pagefind/fragment/en_50f3ed7.pf_fragment
new file mode 100644
index 00000000..7b212043
Binary files /dev/null and b/pagefind/fragment/en_50f3ed7.pf_fragment differ
diff --git a/pagefind/fragment/en_510dc78.pf_fragment b/pagefind/fragment/en_510dc78.pf_fragment
deleted file mode 100644
index aa63cc70..00000000
Binary files a/pagefind/fragment/en_510dc78.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_515bdb9.pf_fragment b/pagefind/fragment/en_515bdb9.pf_fragment
deleted file mode 100644
index bc04af1d..00000000
Binary files a/pagefind/fragment/en_515bdb9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_51c03b6.pf_fragment b/pagefind/fragment/en_51c03b6.pf_fragment
deleted file mode 100644
index f6a62adc..00000000
Binary files a/pagefind/fragment/en_51c03b6.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_5489431.pf_fragment b/pagefind/fragment/en_5489431.pf_fragment
new file mode 100644
index 00000000..a635f7b0
Binary files /dev/null and b/pagefind/fragment/en_5489431.pf_fragment differ
diff --git a/pagefind/fragment/en_54b26a2.pf_fragment b/pagefind/fragment/en_54b26a2.pf_fragment
new file mode 100644
index 00000000..a9e3ab34
Binary files /dev/null and b/pagefind/fragment/en_54b26a2.pf_fragment differ
diff --git a/pagefind/fragment/en_54b5c64.pf_fragment b/pagefind/fragment/en_54b5c64.pf_fragment
deleted file mode 100644
index 924384b6..00000000
Binary files a/pagefind/fragment/en_54b5c64.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_5550ef6.pf_fragment b/pagefind/fragment/en_5550ef6.pf_fragment
new file mode 100644
index 00000000..53950dd1
Binary files /dev/null and b/pagefind/fragment/en_5550ef6.pf_fragment differ
diff --git a/pagefind/fragment/en_5629fec.pf_fragment b/pagefind/fragment/en_5629fec.pf_fragment
new file mode 100644
index 00000000..e8919bb1
Binary files /dev/null and b/pagefind/fragment/en_5629fec.pf_fragment differ
diff --git a/pagefind/fragment/en_56814ac.pf_fragment b/pagefind/fragment/en_56814ac.pf_fragment
deleted file mode 100644
index 73ec336b..00000000
Binary files a/pagefind/fragment/en_56814ac.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_568a33c.pf_fragment b/pagefind/fragment/en_568a33c.pf_fragment
new file mode 100644
index 00000000..63f58aef
Binary files /dev/null and b/pagefind/fragment/en_568a33c.pf_fragment differ
diff --git a/pagefind/fragment/en_56c1c07.pf_fragment b/pagefind/fragment/en_56c1c07.pf_fragment
deleted file mode 100644
index 31377007..00000000
Binary files a/pagefind/fragment/en_56c1c07.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_56e366f.pf_fragment b/pagefind/fragment/en_56e366f.pf_fragment
deleted file mode 100644
index a510b9dd..00000000
Binary files a/pagefind/fragment/en_56e366f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_57d4d26.pf_fragment b/pagefind/fragment/en_57d4d26.pf_fragment
deleted file mode 100644
index 798b4834..00000000
Binary files a/pagefind/fragment/en_57d4d26.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_59259be.pf_fragment b/pagefind/fragment/en_59259be.pf_fragment
new file mode 100644
index 00000000..1696aa93
Binary files /dev/null and b/pagefind/fragment/en_59259be.pf_fragment differ
diff --git a/pagefind/fragment/en_5a41a77.pf_fragment b/pagefind/fragment/en_5a41a77.pf_fragment
deleted file mode 100644
index d978965f..00000000
Binary files a/pagefind/fragment/en_5a41a77.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_5ac8647.pf_fragment b/pagefind/fragment/en_5ac8647.pf_fragment
new file mode 100644
index 00000000..0e169c94
Binary files /dev/null and b/pagefind/fragment/en_5ac8647.pf_fragment differ
diff --git a/pagefind/fragment/en_5b2c72e.pf_fragment b/pagefind/fragment/en_5b2c72e.pf_fragment
deleted file mode 100644
index c5e16b03..00000000
Binary files a/pagefind/fragment/en_5b2c72e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_5c455b9.pf_fragment b/pagefind/fragment/en_5c455b9.pf_fragment
new file mode 100644
index 00000000..daea67b3
Binary files /dev/null and b/pagefind/fragment/en_5c455b9.pf_fragment differ
diff --git a/pagefind/fragment/en_5c9bbc1.pf_fragment b/pagefind/fragment/en_5c9bbc1.pf_fragment
new file mode 100644
index 00000000..230dda8a
Binary files /dev/null and b/pagefind/fragment/en_5c9bbc1.pf_fragment differ
diff --git a/pagefind/fragment/en_5c9f242.pf_fragment b/pagefind/fragment/en_5c9f242.pf_fragment
deleted file mode 100644
index 8808ffd3..00000000
Binary files a/pagefind/fragment/en_5c9f242.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_5cfff6a.pf_fragment b/pagefind/fragment/en_5cfff6a.pf_fragment
new file mode 100644
index 00000000..38d304b7
Binary files /dev/null and b/pagefind/fragment/en_5cfff6a.pf_fragment differ
diff --git a/pagefind/fragment/en_5d28b0f.pf_fragment b/pagefind/fragment/en_5d28b0f.pf_fragment
new file mode 100644
index 00000000..8e4fdc0e
Binary files /dev/null and b/pagefind/fragment/en_5d28b0f.pf_fragment differ
diff --git a/pagefind/fragment/en_5d8ea77.pf_fragment b/pagefind/fragment/en_5d8ea77.pf_fragment
new file mode 100644
index 00000000..4699fb9d
Binary files /dev/null and b/pagefind/fragment/en_5d8ea77.pf_fragment differ
diff --git a/pagefind/fragment/en_5dbcba4.pf_fragment b/pagefind/fragment/en_5dbcba4.pf_fragment
new file mode 100644
index 00000000..8eb525ff
Binary files /dev/null and b/pagefind/fragment/en_5dbcba4.pf_fragment differ
diff --git a/pagefind/fragment/en_5e4bd44.pf_fragment b/pagefind/fragment/en_5e4bd44.pf_fragment
new file mode 100644
index 00000000..0cb8413d
Binary files /dev/null and b/pagefind/fragment/en_5e4bd44.pf_fragment differ
diff --git a/pagefind/fragment/en_5fb7416.pf_fragment b/pagefind/fragment/en_5fb7416.pf_fragment
new file mode 100644
index 00000000..203e9be2
Binary files /dev/null and b/pagefind/fragment/en_5fb7416.pf_fragment differ
diff --git a/pagefind/fragment/en_60fc43c.pf_fragment b/pagefind/fragment/en_60fc43c.pf_fragment
deleted file mode 100644
index 0865ac2b..00000000
Binary files a/pagefind/fragment/en_60fc43c.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_616eb4d.pf_fragment b/pagefind/fragment/en_616eb4d.pf_fragment
deleted file mode 100644
index 78772079..00000000
Binary files a/pagefind/fragment/en_616eb4d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_61d89d8.pf_fragment b/pagefind/fragment/en_61d89d8.pf_fragment
new file mode 100644
index 00000000..6e07a481
Binary files /dev/null and b/pagefind/fragment/en_61d89d8.pf_fragment differ
diff --git a/pagefind/fragment/en_624feb4.pf_fragment b/pagefind/fragment/en_624feb4.pf_fragment
new file mode 100644
index 00000000..6106aaef
Binary files /dev/null and b/pagefind/fragment/en_624feb4.pf_fragment differ
diff --git a/pagefind/fragment/en_632844e.pf_fragment b/pagefind/fragment/en_632844e.pf_fragment
deleted file mode 100644
index 2e093f4b..00000000
Binary files a/pagefind/fragment/en_632844e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_642fdb4.pf_fragment b/pagefind/fragment/en_642fdb4.pf_fragment
deleted file mode 100644
index 037009c5..00000000
Binary files a/pagefind/fragment/en_642fdb4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6484bfc.pf_fragment b/pagefind/fragment/en_6484bfc.pf_fragment
deleted file mode 100644
index 04be738c..00000000
Binary files a/pagefind/fragment/en_6484bfc.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_64aab9d.pf_fragment b/pagefind/fragment/en_64aab9d.pf_fragment
new file mode 100644
index 00000000..f8dfdfd0
Binary files /dev/null and b/pagefind/fragment/en_64aab9d.pf_fragment differ
diff --git a/pagefind/fragment/en_654d82f.pf_fragment b/pagefind/fragment/en_654d82f.pf_fragment
new file mode 100644
index 00000000..c0a85136
Binary files /dev/null and b/pagefind/fragment/en_654d82f.pf_fragment differ
diff --git a/pagefind/fragment/en_67f0d3e.pf_fragment b/pagefind/fragment/en_67f0d3e.pf_fragment
new file mode 100644
index 00000000..f5c70311
Binary files /dev/null and b/pagefind/fragment/en_67f0d3e.pf_fragment differ
diff --git a/pagefind/fragment/en_6a65743.pf_fragment b/pagefind/fragment/en_6a65743.pf_fragment
deleted file mode 100644
index 9d5383e8..00000000
Binary files a/pagefind/fragment/en_6a65743.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6a797f1.pf_fragment b/pagefind/fragment/en_6a797f1.pf_fragment
new file mode 100644
index 00000000..f51f2997
Binary files /dev/null and b/pagefind/fragment/en_6a797f1.pf_fragment differ
diff --git a/pagefind/fragment/en_6affa3f.pf_fragment b/pagefind/fragment/en_6affa3f.pf_fragment
new file mode 100644
index 00000000..883b34a8
Binary files /dev/null and b/pagefind/fragment/en_6affa3f.pf_fragment differ
diff --git a/pagefind/fragment/en_6b79b9f.pf_fragment b/pagefind/fragment/en_6b79b9f.pf_fragment
new file mode 100644
index 00000000..8c557f72
Binary files /dev/null and b/pagefind/fragment/en_6b79b9f.pf_fragment differ
diff --git a/pagefind/fragment/en_6b83ba8.pf_fragment b/pagefind/fragment/en_6b83ba8.pf_fragment
deleted file mode 100644
index f192c41d..00000000
Binary files a/pagefind/fragment/en_6b83ba8.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6bc53fe.pf_fragment b/pagefind/fragment/en_6bc53fe.pf_fragment
new file mode 100644
index 00000000..5afe73f2
Binary files /dev/null and b/pagefind/fragment/en_6bc53fe.pf_fragment differ
diff --git a/pagefind/fragment/en_6bcc706.pf_fragment b/pagefind/fragment/en_6bcc706.pf_fragment
new file mode 100644
index 00000000..0b17aaf0
Binary files /dev/null and b/pagefind/fragment/en_6bcc706.pf_fragment differ
diff --git a/pagefind/fragment/en_6c6e79e.pf_fragment b/pagefind/fragment/en_6c6e79e.pf_fragment
deleted file mode 100644
index 3ab05f28..00000000
Binary files a/pagefind/fragment/en_6c6e79e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6d222d7.pf_fragment b/pagefind/fragment/en_6d222d7.pf_fragment
new file mode 100644
index 00000000..2f48a09e
Binary files /dev/null and b/pagefind/fragment/en_6d222d7.pf_fragment differ
diff --git a/pagefind/fragment/en_6d7bbae.pf_fragment b/pagefind/fragment/en_6d7bbae.pf_fragment
deleted file mode 100644
index 84427008..00000000
Binary files a/pagefind/fragment/en_6d7bbae.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6d96779.pf_fragment b/pagefind/fragment/en_6d96779.pf_fragment
deleted file mode 100644
index e8b8743b..00000000
Binary files a/pagefind/fragment/en_6d96779.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6dca98c.pf_fragment b/pagefind/fragment/en_6dca98c.pf_fragment
new file mode 100644
index 00000000..9c4ed683
Binary files /dev/null and b/pagefind/fragment/en_6dca98c.pf_fragment differ
diff --git a/pagefind/fragment/en_6ddd1b5.pf_fragment b/pagefind/fragment/en_6ddd1b5.pf_fragment
deleted file mode 100644
index 6e3b32bd..00000000
Binary files a/pagefind/fragment/en_6ddd1b5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6e5bc73.pf_fragment b/pagefind/fragment/en_6e5bc73.pf_fragment
deleted file mode 100644
index 6251466a..00000000
Binary files a/pagefind/fragment/en_6e5bc73.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_6f9bf7a.pf_fragment b/pagefind/fragment/en_6f9bf7a.pf_fragment
new file mode 100644
index 00000000..6f55411b
Binary files /dev/null and b/pagefind/fragment/en_6f9bf7a.pf_fragment differ
diff --git a/pagefind/fragment/en_70115e4.pf_fragment b/pagefind/fragment/en_70115e4.pf_fragment
deleted file mode 100644
index a11b3e88..00000000
Binary files a/pagefind/fragment/en_70115e4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_704ae4d.pf_fragment b/pagefind/fragment/en_704ae4d.pf_fragment
new file mode 100644
index 00000000..300944d9
Binary files /dev/null and b/pagefind/fragment/en_704ae4d.pf_fragment differ
diff --git a/pagefind/fragment/en_7167f1b.pf_fragment b/pagefind/fragment/en_7167f1b.pf_fragment
new file mode 100644
index 00000000..82f97bb5
Binary files /dev/null and b/pagefind/fragment/en_7167f1b.pf_fragment differ
diff --git a/pagefind/fragment/en_72869eb.pf_fragment b/pagefind/fragment/en_72869eb.pf_fragment
new file mode 100644
index 00000000..64767348
Binary files /dev/null and b/pagefind/fragment/en_72869eb.pf_fragment differ
diff --git a/pagefind/fragment/en_72b7292.pf_fragment b/pagefind/fragment/en_72b7292.pf_fragment
deleted file mode 100644
index 880fe09d..00000000
Binary files a/pagefind/fragment/en_72b7292.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_72e4f2b.pf_fragment b/pagefind/fragment/en_72e4f2b.pf_fragment
new file mode 100644
index 00000000..cc1c5835
Binary files /dev/null and b/pagefind/fragment/en_72e4f2b.pf_fragment differ
diff --git a/pagefind/fragment/en_72f233a.pf_fragment b/pagefind/fragment/en_72f233a.pf_fragment
deleted file mode 100644
index c6301808..00000000
Binary files a/pagefind/fragment/en_72f233a.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_73a92bd.pf_fragment b/pagefind/fragment/en_73a92bd.pf_fragment
new file mode 100644
index 00000000..7e09f807
Binary files /dev/null and b/pagefind/fragment/en_73a92bd.pf_fragment differ
diff --git a/pagefind/fragment/en_751543a.pf_fragment b/pagefind/fragment/en_751543a.pf_fragment
deleted file mode 100644
index 31e36360..00000000
Binary files a/pagefind/fragment/en_751543a.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_75afc9f.pf_fragment b/pagefind/fragment/en_75afc9f.pf_fragment
new file mode 100644
index 00000000..20b1a9e7
Binary files /dev/null and b/pagefind/fragment/en_75afc9f.pf_fragment differ
diff --git a/pagefind/fragment/en_762a847.pf_fragment b/pagefind/fragment/en_762a847.pf_fragment
new file mode 100644
index 00000000..0c9660d5
Binary files /dev/null and b/pagefind/fragment/en_762a847.pf_fragment differ
diff --git a/pagefind/fragment/en_76c6c94.pf_fragment b/pagefind/fragment/en_76c6c94.pf_fragment
new file mode 100644
index 00000000..13662e45
Binary files /dev/null and b/pagefind/fragment/en_76c6c94.pf_fragment differ
diff --git a/pagefind/fragment/en_7762e5f.pf_fragment b/pagefind/fragment/en_7762e5f.pf_fragment
deleted file mode 100644
index 609d6806..00000000
Binary files a/pagefind/fragment/en_7762e5f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7785887.pf_fragment b/pagefind/fragment/en_7785887.pf_fragment
new file mode 100644
index 00000000..0421eb2b
Binary files /dev/null and b/pagefind/fragment/en_7785887.pf_fragment differ
diff --git a/pagefind/fragment/en_77c1ee6.pf_fragment b/pagefind/fragment/en_77c1ee6.pf_fragment
deleted file mode 100644
index f3c1299f..00000000
Binary files a/pagefind/fragment/en_77c1ee6.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_77c5825.pf_fragment b/pagefind/fragment/en_77c5825.pf_fragment
deleted file mode 100644
index 862edcf3..00000000
Binary files a/pagefind/fragment/en_77c5825.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_782348d.pf_fragment b/pagefind/fragment/en_782348d.pf_fragment
new file mode 100644
index 00000000..47e6c67c
Binary files /dev/null and b/pagefind/fragment/en_782348d.pf_fragment differ
diff --git a/pagefind/fragment/en_78ada5b.pf_fragment b/pagefind/fragment/en_78ada5b.pf_fragment
new file mode 100644
index 00000000..d70fa822
Binary files /dev/null and b/pagefind/fragment/en_78ada5b.pf_fragment differ
diff --git a/pagefind/fragment/en_7902035.pf_fragment b/pagefind/fragment/en_7902035.pf_fragment
deleted file mode 100644
index d40c6036..00000000
Binary files a/pagefind/fragment/en_7902035.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_792b926.pf_fragment b/pagefind/fragment/en_792b926.pf_fragment
new file mode 100644
index 00000000..3b09658a
Binary files /dev/null and b/pagefind/fragment/en_792b926.pf_fragment differ
diff --git a/pagefind/fragment/en_7950c55.pf_fragment b/pagefind/fragment/en_7950c55.pf_fragment
new file mode 100644
index 00000000..dca6d869
Binary files /dev/null and b/pagefind/fragment/en_7950c55.pf_fragment differ
diff --git a/pagefind/fragment/en_79bc931.pf_fragment b/pagefind/fragment/en_79bc931.pf_fragment
new file mode 100644
index 00000000..8a19cd6e
Binary files /dev/null and b/pagefind/fragment/en_79bc931.pf_fragment differ
diff --git a/pagefind/fragment/en_7ad04a3.pf_fragment b/pagefind/fragment/en_7ad04a3.pf_fragment
deleted file mode 100644
index 9d817a46..00000000
Binary files a/pagefind/fragment/en_7ad04a3.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7aefba7.pf_fragment b/pagefind/fragment/en_7aefba7.pf_fragment
new file mode 100644
index 00000000..9da6bd4f
Binary files /dev/null and b/pagefind/fragment/en_7aefba7.pf_fragment differ
diff --git a/pagefind/fragment/en_7b63e48.pf_fragment b/pagefind/fragment/en_7b63e48.pf_fragment
deleted file mode 100644
index 521b20cf..00000000
Binary files a/pagefind/fragment/en_7b63e48.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7b7af57.pf_fragment b/pagefind/fragment/en_7b7af57.pf_fragment
deleted file mode 100644
index 9214dc3c..00000000
Binary files a/pagefind/fragment/en_7b7af57.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7c17e4d.pf_fragment b/pagefind/fragment/en_7c17e4d.pf_fragment
new file mode 100644
index 00000000..462138f5
Binary files /dev/null and b/pagefind/fragment/en_7c17e4d.pf_fragment differ
diff --git a/pagefind/fragment/en_7c4ae7a.pf_fragment b/pagefind/fragment/en_7c4ae7a.pf_fragment
new file mode 100644
index 00000000..28043121
Binary files /dev/null and b/pagefind/fragment/en_7c4ae7a.pf_fragment differ
diff --git a/pagefind/fragment/en_7c5bfa5.pf_fragment b/pagefind/fragment/en_7c5bfa5.pf_fragment
deleted file mode 100644
index 7de6963c..00000000
Binary files a/pagefind/fragment/en_7c5bfa5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7cc8491.pf_fragment b/pagefind/fragment/en_7cc8491.pf_fragment
deleted file mode 100644
index 957d6430..00000000
Binary files a/pagefind/fragment/en_7cc8491.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7d3af69.pf_fragment b/pagefind/fragment/en_7d3af69.pf_fragment
deleted file mode 100644
index 59e36f47..00000000
Binary files a/pagefind/fragment/en_7d3af69.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7dc4b78.pf_fragment b/pagefind/fragment/en_7dc4b78.pf_fragment
deleted file mode 100644
index 7609e46e..00000000
Binary files a/pagefind/fragment/en_7dc4b78.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7dd41d9.pf_fragment b/pagefind/fragment/en_7dd41d9.pf_fragment
new file mode 100644
index 00000000..d7b72383
Binary files /dev/null and b/pagefind/fragment/en_7dd41d9.pf_fragment differ
diff --git a/pagefind/fragment/en_7e51df1.pf_fragment b/pagefind/fragment/en_7e51df1.pf_fragment
new file mode 100644
index 00000000..7507dc1c
Binary files /dev/null and b/pagefind/fragment/en_7e51df1.pf_fragment differ
diff --git a/pagefind/fragment/en_7ea0c11.pf_fragment b/pagefind/fragment/en_7ea0c11.pf_fragment
new file mode 100644
index 00000000..5a1886a5
Binary files /dev/null and b/pagefind/fragment/en_7ea0c11.pf_fragment differ
diff --git a/pagefind/fragment/en_7fa03c9.pf_fragment b/pagefind/fragment/en_7fa03c9.pf_fragment
deleted file mode 100644
index 9ee3659b..00000000
Binary files a/pagefind/fragment/en_7fa03c9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_7fcf4d9.pf_fragment b/pagefind/fragment/en_7fcf4d9.pf_fragment
deleted file mode 100644
index 0d967b37..00000000
Binary files a/pagefind/fragment/en_7fcf4d9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_812d3e6.pf_fragment b/pagefind/fragment/en_812d3e6.pf_fragment
new file mode 100644
index 00000000..3f0fc761
Binary files /dev/null and b/pagefind/fragment/en_812d3e6.pf_fragment differ
diff --git a/pagefind/fragment/en_8179c52.pf_fragment b/pagefind/fragment/en_8179c52.pf_fragment
deleted file mode 100644
index b5b10367..00000000
Binary files a/pagefind/fragment/en_8179c52.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_81b3c1c.pf_fragment b/pagefind/fragment/en_81b3c1c.pf_fragment
new file mode 100644
index 00000000..2e5bba36
Binary files /dev/null and b/pagefind/fragment/en_81b3c1c.pf_fragment differ
diff --git a/pagefind/fragment/en_81c7e27.pf_fragment b/pagefind/fragment/en_81c7e27.pf_fragment
new file mode 100644
index 00000000..a918fbe8
Binary files /dev/null and b/pagefind/fragment/en_81c7e27.pf_fragment differ
diff --git a/pagefind/fragment/en_82127d8.pf_fragment b/pagefind/fragment/en_82127d8.pf_fragment
deleted file mode 100644
index 9320acf8..00000000
Binary files a/pagefind/fragment/en_82127d8.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_82154bd.pf_fragment b/pagefind/fragment/en_82154bd.pf_fragment
deleted file mode 100644
index f4edbc72..00000000
Binary files a/pagefind/fragment/en_82154bd.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_826f365.pf_fragment b/pagefind/fragment/en_826f365.pf_fragment
new file mode 100644
index 00000000..6bec062c
Binary files /dev/null and b/pagefind/fragment/en_826f365.pf_fragment differ
diff --git a/pagefind/fragment/en_8284c1f.pf_fragment b/pagefind/fragment/en_8284c1f.pf_fragment
new file mode 100644
index 00000000..455caf05
Binary files /dev/null and b/pagefind/fragment/en_8284c1f.pf_fragment differ
diff --git a/pagefind/fragment/en_837e40d.pf_fragment b/pagefind/fragment/en_837e40d.pf_fragment
new file mode 100644
index 00000000..31bd5303
Binary files /dev/null and b/pagefind/fragment/en_837e40d.pf_fragment differ
diff --git a/pagefind/fragment/en_84376ad.pf_fragment b/pagefind/fragment/en_84376ad.pf_fragment
deleted file mode 100644
index c4f59ff9..00000000
Binary files a/pagefind/fragment/en_84376ad.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_848262f.pf_fragment b/pagefind/fragment/en_848262f.pf_fragment
new file mode 100644
index 00000000..669ab2a2
Binary files /dev/null and b/pagefind/fragment/en_848262f.pf_fragment differ
diff --git a/pagefind/fragment/en_854a54f.pf_fragment b/pagefind/fragment/en_854a54f.pf_fragment
deleted file mode 100644
index 1227b6ef..00000000
Binary files a/pagefind/fragment/en_854a54f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_85aba19.pf_fragment b/pagefind/fragment/en_85aba19.pf_fragment
deleted file mode 100644
index e5f17d84..00000000
Binary files a/pagefind/fragment/en_85aba19.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_865fe4d.pf_fragment b/pagefind/fragment/en_865fe4d.pf_fragment
new file mode 100644
index 00000000..544e47ee
Binary files /dev/null and b/pagefind/fragment/en_865fe4d.pf_fragment differ
diff --git a/pagefind/fragment/en_8755c52.pf_fragment b/pagefind/fragment/en_8755c52.pf_fragment
deleted file mode 100644
index d2f4e58c..00000000
Binary files a/pagefind/fragment/en_8755c52.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_87729de.pf_fragment b/pagefind/fragment/en_87729de.pf_fragment
deleted file mode 100644
index cedf5122..00000000
Binary files a/pagefind/fragment/en_87729de.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_8831a69.pf_fragment b/pagefind/fragment/en_8831a69.pf_fragment
deleted file mode 100644
index 795fdc44..00000000
Binary files a/pagefind/fragment/en_8831a69.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_885430d.pf_fragment b/pagefind/fragment/en_885430d.pf_fragment
new file mode 100644
index 00000000..4bc9984b
Binary files /dev/null and b/pagefind/fragment/en_885430d.pf_fragment differ
diff --git a/pagefind/fragment/en_88b36ce.pf_fragment b/pagefind/fragment/en_88b36ce.pf_fragment
deleted file mode 100644
index fdcd6f5a..00000000
Binary files a/pagefind/fragment/en_88b36ce.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_88fc66e.pf_fragment b/pagefind/fragment/en_88fc66e.pf_fragment
deleted file mode 100644
index 521e5406..00000000
Binary files a/pagefind/fragment/en_88fc66e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_896585e.pf_fragment b/pagefind/fragment/en_896585e.pf_fragment
new file mode 100644
index 00000000..2b9fc1ad
Binary files /dev/null and b/pagefind/fragment/en_896585e.pf_fragment differ
diff --git a/pagefind/fragment/en_8971fa4.pf_fragment b/pagefind/fragment/en_8971fa4.pf_fragment
deleted file mode 100644
index 90c180d5..00000000
Binary files a/pagefind/fragment/en_8971fa4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_8998655.pf_fragment b/pagefind/fragment/en_8998655.pf_fragment
deleted file mode 100644
index 2574ea03..00000000
Binary files a/pagefind/fragment/en_8998655.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_8a3c840.pf_fragment b/pagefind/fragment/en_8a3c840.pf_fragment
deleted file mode 100644
index 93612652..00000000
Binary files a/pagefind/fragment/en_8a3c840.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_8cd8c78.pf_fragment b/pagefind/fragment/en_8cd8c78.pf_fragment
deleted file mode 100644
index 351dd7d4..00000000
Binary files a/pagefind/fragment/en_8cd8c78.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_8d97642.pf_fragment b/pagefind/fragment/en_8d97642.pf_fragment
new file mode 100644
index 00000000..26bfa83c
Binary files /dev/null and b/pagefind/fragment/en_8d97642.pf_fragment differ
diff --git a/pagefind/fragment/en_8d97e0e.pf_fragment b/pagefind/fragment/en_8d97e0e.pf_fragment
deleted file mode 100644
index 8a99da3c..00000000
Binary files a/pagefind/fragment/en_8d97e0e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_8e9e84a.pf_fragment b/pagefind/fragment/en_8e9e84a.pf_fragment
new file mode 100644
index 00000000..382decdb
Binary files /dev/null and b/pagefind/fragment/en_8e9e84a.pf_fragment differ
diff --git a/pagefind/fragment/en_8f586c6.pf_fragment b/pagefind/fragment/en_8f586c6.pf_fragment
new file mode 100644
index 00000000..05f2b37f
Binary files /dev/null and b/pagefind/fragment/en_8f586c6.pf_fragment differ
diff --git a/pagefind/fragment/en_8fb62ff.pf_fragment b/pagefind/fragment/en_8fb62ff.pf_fragment
deleted file mode 100644
index d7d5f1c9..00000000
Binary files a/pagefind/fragment/en_8fb62ff.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_8ffae07.pf_fragment b/pagefind/fragment/en_8ffae07.pf_fragment
new file mode 100644
index 00000000..f7ef05cd
Binary files /dev/null and b/pagefind/fragment/en_8ffae07.pf_fragment differ
diff --git a/pagefind/fragment/en_9099bb8.pf_fragment b/pagefind/fragment/en_9099bb8.pf_fragment
new file mode 100644
index 00000000..41625a2b
Binary files /dev/null and b/pagefind/fragment/en_9099bb8.pf_fragment differ
diff --git a/pagefind/fragment/en_91433a8.pf_fragment b/pagefind/fragment/en_91433a8.pf_fragment
new file mode 100644
index 00000000..c0addaf3
Binary files /dev/null and b/pagefind/fragment/en_91433a8.pf_fragment differ
diff --git a/pagefind/fragment/en_91e740d.pf_fragment b/pagefind/fragment/en_91e740d.pf_fragment
deleted file mode 100644
index 6ff73c96..00000000
Binary files a/pagefind/fragment/en_91e740d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9271eb4.pf_fragment b/pagefind/fragment/en_9271eb4.pf_fragment
deleted file mode 100644
index 267869b7..00000000
Binary files a/pagefind/fragment/en_9271eb4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9321c65.pf_fragment b/pagefind/fragment/en_9321c65.pf_fragment
new file mode 100644
index 00000000..245d99c9
Binary files /dev/null and b/pagefind/fragment/en_9321c65.pf_fragment differ
diff --git a/pagefind/fragment/en_937461c.pf_fragment b/pagefind/fragment/en_937461c.pf_fragment
deleted file mode 100644
index 9660a171..00000000
Binary files a/pagefind/fragment/en_937461c.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_953652a.pf_fragment b/pagefind/fragment/en_953652a.pf_fragment
new file mode 100644
index 00000000..0526f52c
Binary files /dev/null and b/pagefind/fragment/en_953652a.pf_fragment differ
diff --git a/pagefind/fragment/en_95a548b.pf_fragment b/pagefind/fragment/en_95a548b.pf_fragment
deleted file mode 100644
index 3ba855d3..00000000
Binary files a/pagefind/fragment/en_95a548b.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9651296.pf_fragment b/pagefind/fragment/en_9651296.pf_fragment
deleted file mode 100644
index 935bb90a..00000000
Binary files a/pagefind/fragment/en_9651296.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_978e2a3.pf_fragment b/pagefind/fragment/en_978e2a3.pf_fragment
deleted file mode 100644
index f5fa3b28..00000000
Binary files a/pagefind/fragment/en_978e2a3.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_97b840d.pf_fragment b/pagefind/fragment/en_97b840d.pf_fragment
new file mode 100644
index 00000000..b29a9952
Binary files /dev/null and b/pagefind/fragment/en_97b840d.pf_fragment differ
diff --git a/pagefind/fragment/en_981bace.pf_fragment b/pagefind/fragment/en_981bace.pf_fragment
new file mode 100644
index 00000000..17112c24
Binary files /dev/null and b/pagefind/fragment/en_981bace.pf_fragment differ
diff --git a/pagefind/fragment/en_9844d23.pf_fragment b/pagefind/fragment/en_9844d23.pf_fragment
deleted file mode 100644
index 22159b22..00000000
Binary files a/pagefind/fragment/en_9844d23.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9a18106.pf_fragment b/pagefind/fragment/en_9a18106.pf_fragment
new file mode 100644
index 00000000..ff9f3ceb
Binary files /dev/null and b/pagefind/fragment/en_9a18106.pf_fragment differ
diff --git a/pagefind/fragment/en_9a2662a.pf_fragment b/pagefind/fragment/en_9a2662a.pf_fragment
new file mode 100644
index 00000000..86b56ffc
Binary files /dev/null and b/pagefind/fragment/en_9a2662a.pf_fragment differ
diff --git a/pagefind/fragment/en_9a8d7cc.pf_fragment b/pagefind/fragment/en_9a8d7cc.pf_fragment
new file mode 100644
index 00000000..8c82c945
Binary files /dev/null and b/pagefind/fragment/en_9a8d7cc.pf_fragment differ
diff --git a/pagefind/fragment/en_9b73127.pf_fragment b/pagefind/fragment/en_9b73127.pf_fragment
new file mode 100644
index 00000000..e69120c5
Binary files /dev/null and b/pagefind/fragment/en_9b73127.pf_fragment differ
diff --git a/pagefind/fragment/en_9b7c786.pf_fragment b/pagefind/fragment/en_9b7c786.pf_fragment
new file mode 100644
index 00000000..8fde9cbc
Binary files /dev/null and b/pagefind/fragment/en_9b7c786.pf_fragment differ
diff --git a/pagefind/fragment/en_9bd0405.pf_fragment b/pagefind/fragment/en_9bd0405.pf_fragment
deleted file mode 100644
index ee11b90d..00000000
Binary files a/pagefind/fragment/en_9bd0405.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9c12f35.pf_fragment b/pagefind/fragment/en_9c12f35.pf_fragment
deleted file mode 100644
index af74b272..00000000
Binary files a/pagefind/fragment/en_9c12f35.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9c6ca1d.pf_fragment b/pagefind/fragment/en_9c6ca1d.pf_fragment
new file mode 100644
index 00000000..ed969393
Binary files /dev/null and b/pagefind/fragment/en_9c6ca1d.pf_fragment differ
diff --git a/pagefind/fragment/en_9c7f47f.pf_fragment b/pagefind/fragment/en_9c7f47f.pf_fragment
deleted file mode 100644
index 5b191d28..00000000
Binary files a/pagefind/fragment/en_9c7f47f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9c976e7.pf_fragment b/pagefind/fragment/en_9c976e7.pf_fragment
new file mode 100644
index 00000000..aed5781f
Binary files /dev/null and b/pagefind/fragment/en_9c976e7.pf_fragment differ
diff --git a/pagefind/fragment/en_9cfec1a.pf_fragment b/pagefind/fragment/en_9cfec1a.pf_fragment
new file mode 100644
index 00000000..71ea7f23
Binary files /dev/null and b/pagefind/fragment/en_9cfec1a.pf_fragment differ
diff --git a/pagefind/fragment/en_9dafa7e.pf_fragment b/pagefind/fragment/en_9dafa7e.pf_fragment
new file mode 100644
index 00000000..0c445b8f
Binary files /dev/null and b/pagefind/fragment/en_9dafa7e.pf_fragment differ
diff --git a/pagefind/fragment/en_9dc9123.pf_fragment b/pagefind/fragment/en_9dc9123.pf_fragment
deleted file mode 100644
index c89b2b26..00000000
Binary files a/pagefind/fragment/en_9dc9123.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9e5cc61.pf_fragment b/pagefind/fragment/en_9e5cc61.pf_fragment
deleted file mode 100644
index 665b5c89..00000000
Binary files a/pagefind/fragment/en_9e5cc61.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9e6b31a.pf_fragment b/pagefind/fragment/en_9e6b31a.pf_fragment
new file mode 100644
index 00000000..8ae570f0
Binary files /dev/null and b/pagefind/fragment/en_9e6b31a.pf_fragment differ
diff --git a/pagefind/fragment/en_9e9ad01.pf_fragment b/pagefind/fragment/en_9e9ad01.pf_fragment
deleted file mode 100644
index e228192f..00000000
Binary files a/pagefind/fragment/en_9e9ad01.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9ebde23.pf_fragment b/pagefind/fragment/en_9ebde23.pf_fragment
deleted file mode 100644
index b3bbe2ce..00000000
Binary files a/pagefind/fragment/en_9ebde23.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_9f4ba29.pf_fragment b/pagefind/fragment/en_9f4ba29.pf_fragment
new file mode 100644
index 00000000..3306c248
Binary files /dev/null and b/pagefind/fragment/en_9f4ba29.pf_fragment differ
diff --git a/pagefind/fragment/en_a033202.pf_fragment b/pagefind/fragment/en_a033202.pf_fragment
deleted file mode 100644
index 421c530b..00000000
Binary files a/pagefind/fragment/en_a033202.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a07765b.pf_fragment b/pagefind/fragment/en_a07765b.pf_fragment
deleted file mode 100644
index b55b544d..00000000
Binary files a/pagefind/fragment/en_a07765b.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a09cc18.pf_fragment b/pagefind/fragment/en_a09cc18.pf_fragment
deleted file mode 100644
index 8ff4d9fa..00000000
Binary files a/pagefind/fragment/en_a09cc18.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a0f0c2a.pf_fragment b/pagefind/fragment/en_a0f0c2a.pf_fragment
new file mode 100644
index 00000000..84a05a58
Binary files /dev/null and b/pagefind/fragment/en_a0f0c2a.pf_fragment differ
diff --git a/pagefind/fragment/en_a2485bf.pf_fragment b/pagefind/fragment/en_a2485bf.pf_fragment
deleted file mode 100644
index dc49fa15..00000000
Binary files a/pagefind/fragment/en_a2485bf.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a33260e.pf_fragment b/pagefind/fragment/en_a33260e.pf_fragment
deleted file mode 100644
index 3102264e..00000000
Binary files a/pagefind/fragment/en_a33260e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a37d94c.pf_fragment b/pagefind/fragment/en_a37d94c.pf_fragment
new file mode 100644
index 00000000..c1b7e30a
Binary files /dev/null and b/pagefind/fragment/en_a37d94c.pf_fragment differ
diff --git a/pagefind/fragment/en_a549371.pf_fragment b/pagefind/fragment/en_a549371.pf_fragment
new file mode 100644
index 00000000..0b5c3a65
Binary files /dev/null and b/pagefind/fragment/en_a549371.pf_fragment differ
diff --git a/pagefind/fragment/en_a668faf.pf_fragment b/pagefind/fragment/en_a668faf.pf_fragment
new file mode 100644
index 00000000..6c8d09ff
Binary files /dev/null and b/pagefind/fragment/en_a668faf.pf_fragment differ
diff --git a/pagefind/fragment/en_a6f2e46.pf_fragment b/pagefind/fragment/en_a6f2e46.pf_fragment
new file mode 100644
index 00000000..3af0a853
Binary files /dev/null and b/pagefind/fragment/en_a6f2e46.pf_fragment differ
diff --git a/pagefind/fragment/en_a722b86.pf_fragment b/pagefind/fragment/en_a722b86.pf_fragment
new file mode 100644
index 00000000..6f8f72c0
Binary files /dev/null and b/pagefind/fragment/en_a722b86.pf_fragment differ
diff --git a/pagefind/fragment/en_a79df18.pf_fragment b/pagefind/fragment/en_a79df18.pf_fragment
deleted file mode 100644
index 6f641f96..00000000
Binary files a/pagefind/fragment/en_a79df18.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a7df146.pf_fragment b/pagefind/fragment/en_a7df146.pf_fragment
deleted file mode 100644
index d63dd520..00000000
Binary files a/pagefind/fragment/en_a7df146.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a7fe43a.pf_fragment b/pagefind/fragment/en_a7fe43a.pf_fragment
new file mode 100644
index 00000000..01f7473a
Binary files /dev/null and b/pagefind/fragment/en_a7fe43a.pf_fragment differ
diff --git a/pagefind/fragment/en_a8d5e99.pf_fragment b/pagefind/fragment/en_a8d5e99.pf_fragment
new file mode 100644
index 00000000..70dd7e88
Binary files /dev/null and b/pagefind/fragment/en_a8d5e99.pf_fragment differ
diff --git a/pagefind/fragment/en_a9f2152.pf_fragment b/pagefind/fragment/en_a9f2152.pf_fragment
deleted file mode 100644
index 9b780a06..00000000
Binary files a/pagefind/fragment/en_a9f2152.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_aae40a7.pf_fragment b/pagefind/fragment/en_aae40a7.pf_fragment
new file mode 100644
index 00000000..07a10b05
Binary files /dev/null and b/pagefind/fragment/en_aae40a7.pf_fragment differ
diff --git a/pagefind/fragment/en_ab1e21e.pf_fragment b/pagefind/fragment/en_ab1e21e.pf_fragment
new file mode 100644
index 00000000..2e4f5272
Binary files /dev/null and b/pagefind/fragment/en_ab1e21e.pf_fragment differ
diff --git a/pagefind/fragment/en_ac51151.pf_fragment b/pagefind/fragment/en_ac51151.pf_fragment
new file mode 100644
index 00000000..5c01ddf1
Binary files /dev/null and b/pagefind/fragment/en_ac51151.pf_fragment differ
diff --git a/pagefind/fragment/en_ad96683.pf_fragment b/pagefind/fragment/en_ad96683.pf_fragment
deleted file mode 100644
index f031992c..00000000
Binary files a/pagefind/fragment/en_ad96683.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_ada97b9.pf_fragment b/pagefind/fragment/en_ada97b9.pf_fragment
deleted file mode 100644
index 11f991e6..00000000
Binary files a/pagefind/fragment/en_ada97b9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_addc576.pf_fragment b/pagefind/fragment/en_addc576.pf_fragment
deleted file mode 100644
index 9b31c712..00000000
Binary files a/pagefind/fragment/en_addc576.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_ae4c509.pf_fragment b/pagefind/fragment/en_ae4c509.pf_fragment
deleted file mode 100644
index bf61132b..00000000
Binary files a/pagefind/fragment/en_ae4c509.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_af6598d.pf_fragment b/pagefind/fragment/en_af6598d.pf_fragment
deleted file mode 100644
index 349be7ce..00000000
Binary files a/pagefind/fragment/en_af6598d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_af7c4a0.pf_fragment b/pagefind/fragment/en_af7c4a0.pf_fragment
deleted file mode 100644
index 1d4ace55..00000000
Binary files a/pagefind/fragment/en_af7c4a0.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_b02ab76.pf_fragment b/pagefind/fragment/en_b02ab76.pf_fragment
deleted file mode 100644
index 31d9e611..00000000
Binary files a/pagefind/fragment/en_b02ab76.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_b09cd46.pf_fragment b/pagefind/fragment/en_b09cd46.pf_fragment
new file mode 100644
index 00000000..9daf5c43
Binary files /dev/null and b/pagefind/fragment/en_b09cd46.pf_fragment differ
diff --git a/pagefind/fragment/en_b13e8df.pf_fragment b/pagefind/fragment/en_b13e8df.pf_fragment
deleted file mode 100644
index b6e3637a..00000000
Binary files a/pagefind/fragment/en_b13e8df.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_b147766.pf_fragment b/pagefind/fragment/en_b147766.pf_fragment
new file mode 100644
index 00000000..6664e70f
Binary files /dev/null and b/pagefind/fragment/en_b147766.pf_fragment differ
diff --git a/pagefind/fragment/en_b1f4b09.pf_fragment b/pagefind/fragment/en_b1f4b09.pf_fragment
deleted file mode 100644
index 378b7276..00000000
Binary files a/pagefind/fragment/en_b1f4b09.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_b37721e.pf_fragment b/pagefind/fragment/en_b37721e.pf_fragment
deleted file mode 100644
index 2cda5408..00000000
Binary files a/pagefind/fragment/en_b37721e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_b385b31.pf_fragment b/pagefind/fragment/en_b385b31.pf_fragment
new file mode 100644
index 00000000..d6717e2c
Binary files /dev/null and b/pagefind/fragment/en_b385b31.pf_fragment differ
diff --git a/pagefind/fragment/en_b3b1396.pf_fragment b/pagefind/fragment/en_b3b1396.pf_fragment
deleted file mode 100644
index bd5fb4ba..00000000
Binary files a/pagefind/fragment/en_b3b1396.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_b4df681.pf_fragment b/pagefind/fragment/en_b4df681.pf_fragment
new file mode 100644
index 00000000..2b423272
Binary files /dev/null and b/pagefind/fragment/en_b4df681.pf_fragment differ
diff --git a/pagefind/fragment/en_b81ed19.pf_fragment b/pagefind/fragment/en_b81ed19.pf_fragment
new file mode 100644
index 00000000..638cf701
Binary files /dev/null and b/pagefind/fragment/en_b81ed19.pf_fragment differ
diff --git a/pagefind/fragment/en_b867fdd.pf_fragment b/pagefind/fragment/en_b867fdd.pf_fragment
new file mode 100644
index 00000000..1e889de0
Binary files /dev/null and b/pagefind/fragment/en_b867fdd.pf_fragment differ
diff --git a/pagefind/fragment/en_b88fd4b.pf_fragment b/pagefind/fragment/en_b88fd4b.pf_fragment
new file mode 100644
index 00000000..df6a2078
Binary files /dev/null and b/pagefind/fragment/en_b88fd4b.pf_fragment differ
diff --git a/pagefind/fragment/en_b8b91ab.pf_fragment b/pagefind/fragment/en_b8b91ab.pf_fragment
new file mode 100644
index 00000000..2ce807f8
Binary files /dev/null and b/pagefind/fragment/en_b8b91ab.pf_fragment differ
diff --git a/pagefind/fragment/en_b8d5e16.pf_fragment b/pagefind/fragment/en_b8d5e16.pf_fragment
deleted file mode 100644
index 6c84139d..00000000
Binary files a/pagefind/fragment/en_b8d5e16.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_b997bf9.pf_fragment b/pagefind/fragment/en_b997bf9.pf_fragment
new file mode 100644
index 00000000..d27720ec
Binary files /dev/null and b/pagefind/fragment/en_b997bf9.pf_fragment differ
diff --git a/pagefind/fragment/en_ba36380.pf_fragment b/pagefind/fragment/en_ba36380.pf_fragment
new file mode 100644
index 00000000..9e30fb93
Binary files /dev/null and b/pagefind/fragment/en_ba36380.pf_fragment differ
diff --git a/pagefind/fragment/en_ba3f523.pf_fragment b/pagefind/fragment/en_ba3f523.pf_fragment
new file mode 100644
index 00000000..0d9a364a
Binary files /dev/null and b/pagefind/fragment/en_ba3f523.pf_fragment differ
diff --git a/pagefind/fragment/en_ba4db1a.pf_fragment b/pagefind/fragment/en_ba4db1a.pf_fragment
new file mode 100644
index 00000000..f3119b73
Binary files /dev/null and b/pagefind/fragment/en_ba4db1a.pf_fragment differ
diff --git a/pagefind/fragment/en_ba5111a.pf_fragment b/pagefind/fragment/en_ba5111a.pf_fragment
new file mode 100644
index 00000000..ace0a6b2
Binary files /dev/null and b/pagefind/fragment/en_ba5111a.pf_fragment differ
diff --git a/pagefind/fragment/en_ba6cb5a.pf_fragment b/pagefind/fragment/en_ba6cb5a.pf_fragment
new file mode 100644
index 00000000..7b0d2aa0
Binary files /dev/null and b/pagefind/fragment/en_ba6cb5a.pf_fragment differ
diff --git a/pagefind/fragment/en_ba73ab9.pf_fragment b/pagefind/fragment/en_ba73ab9.pf_fragment
new file mode 100644
index 00000000..20e4dd7e
Binary files /dev/null and b/pagefind/fragment/en_ba73ab9.pf_fragment differ
diff --git a/pagefind/fragment/en_ba826b4.pf_fragment b/pagefind/fragment/en_ba826b4.pf_fragment
deleted file mode 100644
index 5ceb0e31..00000000
Binary files a/pagefind/fragment/en_ba826b4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_bb91d01.pf_fragment b/pagefind/fragment/en_bb91d01.pf_fragment
new file mode 100644
index 00000000..4bd5ae15
Binary files /dev/null and b/pagefind/fragment/en_bb91d01.pf_fragment differ
diff --git a/pagefind/fragment/en_bbfa978.pf_fragment b/pagefind/fragment/en_bbfa978.pf_fragment
deleted file mode 100644
index 9696fa80..00000000
Binary files a/pagefind/fragment/en_bbfa978.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_bd10436.pf_fragment b/pagefind/fragment/en_bd10436.pf_fragment
new file mode 100644
index 00000000..3ef187f8
Binary files /dev/null and b/pagefind/fragment/en_bd10436.pf_fragment differ
diff --git a/pagefind/fragment/en_bd5f762.pf_fragment b/pagefind/fragment/en_bd5f762.pf_fragment
new file mode 100644
index 00000000..dc9725e4
Binary files /dev/null and b/pagefind/fragment/en_bd5f762.pf_fragment differ
diff --git a/pagefind/fragment/en_bdaeebd.pf_fragment b/pagefind/fragment/en_bdaeebd.pf_fragment
new file mode 100644
index 00000000..2f2439ec
Binary files /dev/null and b/pagefind/fragment/en_bdaeebd.pf_fragment differ
diff --git a/pagefind/fragment/en_be105f6.pf_fragment b/pagefind/fragment/en_be105f6.pf_fragment
new file mode 100644
index 00000000..35bf2f41
Binary files /dev/null and b/pagefind/fragment/en_be105f6.pf_fragment differ
diff --git a/pagefind/fragment/en_c1c222f.pf_fragment b/pagefind/fragment/en_c1c222f.pf_fragment
deleted file mode 100644
index 4934df1a..00000000
Binary files a/pagefind/fragment/en_c1c222f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c2b77a5.pf_fragment b/pagefind/fragment/en_c2b77a5.pf_fragment
new file mode 100644
index 00000000..2b9e81b8
Binary files /dev/null and b/pagefind/fragment/en_c2b77a5.pf_fragment differ
diff --git a/pagefind/fragment/en_c358c72.pf_fragment b/pagefind/fragment/en_c358c72.pf_fragment
new file mode 100644
index 00000000..e2e008ea
Binary files /dev/null and b/pagefind/fragment/en_c358c72.pf_fragment differ
diff --git a/pagefind/fragment/en_c38ae0a.pf_fragment b/pagefind/fragment/en_c38ae0a.pf_fragment
deleted file mode 100644
index d224137f..00000000
Binary files a/pagefind/fragment/en_c38ae0a.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c3a8b5b.pf_fragment b/pagefind/fragment/en_c3a8b5b.pf_fragment
deleted file mode 100644
index be5b24c7..00000000
Binary files a/pagefind/fragment/en_c3a8b5b.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c4ca265.pf_fragment b/pagefind/fragment/en_c4ca265.pf_fragment
new file mode 100644
index 00000000..61cc2463
Binary files /dev/null and b/pagefind/fragment/en_c4ca265.pf_fragment differ
diff --git a/pagefind/fragment/en_c53a6fd.pf_fragment b/pagefind/fragment/en_c53a6fd.pf_fragment
deleted file mode 100644
index 0a63e921..00000000
Binary files a/pagefind/fragment/en_c53a6fd.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c6f0f4d.pf_fragment b/pagefind/fragment/en_c6f0f4d.pf_fragment
deleted file mode 100644
index 3112f35c..00000000
Binary files a/pagefind/fragment/en_c6f0f4d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c6fdcac.pf_fragment b/pagefind/fragment/en_c6fdcac.pf_fragment
deleted file mode 100644
index db53ad11..00000000
Binary files a/pagefind/fragment/en_c6fdcac.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c7162e2.pf_fragment b/pagefind/fragment/en_c7162e2.pf_fragment
new file mode 100644
index 00000000..b3986eca
Binary files /dev/null and b/pagefind/fragment/en_c7162e2.pf_fragment differ
diff --git a/pagefind/fragment/en_c7a8968.pf_fragment b/pagefind/fragment/en_c7a8968.pf_fragment
deleted file mode 100644
index 8acf92fe..00000000
Binary files a/pagefind/fragment/en_c7a8968.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c7b9112.pf_fragment b/pagefind/fragment/en_c7b9112.pf_fragment
deleted file mode 100644
index 734ddade..00000000
Binary files a/pagefind/fragment/en_c7b9112.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c7e7288.pf_fragment b/pagefind/fragment/en_c7e7288.pf_fragment
new file mode 100644
index 00000000..df001100
Binary files /dev/null and b/pagefind/fragment/en_c7e7288.pf_fragment differ
diff --git a/pagefind/fragment/en_c84ba8b.pf_fragment b/pagefind/fragment/en_c84ba8b.pf_fragment
new file mode 100644
index 00000000..ea10c16b
Binary files /dev/null and b/pagefind/fragment/en_c84ba8b.pf_fragment differ
diff --git a/pagefind/fragment/en_c8d84ad.pf_fragment b/pagefind/fragment/en_c8d84ad.pf_fragment
deleted file mode 100644
index 090cc7a0..00000000
Binary files a/pagefind/fragment/en_c8d84ad.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c8e188f.pf_fragment b/pagefind/fragment/en_c8e188f.pf_fragment
deleted file mode 100644
index b747cd76..00000000
Binary files a/pagefind/fragment/en_c8e188f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_c91ae53.pf_fragment b/pagefind/fragment/en_c91ae53.pf_fragment
new file mode 100644
index 00000000..e81ac6c8
Binary files /dev/null and b/pagefind/fragment/en_c91ae53.pf_fragment differ
diff --git a/pagefind/fragment/en_c959b4f.pf_fragment b/pagefind/fragment/en_c959b4f.pf_fragment
deleted file mode 100644
index 57d62bcd..00000000
Binary files a/pagefind/fragment/en_c959b4f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_cb593b9.pf_fragment b/pagefind/fragment/en_cb593b9.pf_fragment
deleted file mode 100644
index 5ccb24fd..00000000
Binary files a/pagefind/fragment/en_cb593b9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_cb79b1b.pf_fragment b/pagefind/fragment/en_cb79b1b.pf_fragment
new file mode 100644
index 00000000..2a83024b
Binary files /dev/null and b/pagefind/fragment/en_cb79b1b.pf_fragment differ
diff --git a/pagefind/fragment/en_cd355f6.pf_fragment b/pagefind/fragment/en_cd355f6.pf_fragment
new file mode 100644
index 00000000..f7c4d5e5
Binary files /dev/null and b/pagefind/fragment/en_cd355f6.pf_fragment differ
diff --git a/pagefind/fragment/en_cd47c5b.pf_fragment b/pagefind/fragment/en_cd47c5b.pf_fragment
deleted file mode 100644
index 5ebd637b..00000000
Binary files a/pagefind/fragment/en_cd47c5b.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_cda8145.pf_fragment b/pagefind/fragment/en_cda8145.pf_fragment
deleted file mode 100644
index b91453e1..00000000
Binary files a/pagefind/fragment/en_cda8145.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_cdcc496.pf_fragment b/pagefind/fragment/en_cdcc496.pf_fragment
new file mode 100644
index 00000000..f0fdf081
Binary files /dev/null and b/pagefind/fragment/en_cdcc496.pf_fragment differ
diff --git a/pagefind/fragment/en_ce999e1.pf_fragment b/pagefind/fragment/en_ce999e1.pf_fragment
new file mode 100644
index 00000000..dfc37f2e
Binary files /dev/null and b/pagefind/fragment/en_ce999e1.pf_fragment differ
diff --git a/pagefind/fragment/en_ce9a7e7.pf_fragment b/pagefind/fragment/en_ce9a7e7.pf_fragment
deleted file mode 100644
index 4e809d63..00000000
Binary files a/pagefind/fragment/en_ce9a7e7.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_cecab02.pf_fragment b/pagefind/fragment/en_cecab02.pf_fragment
new file mode 100644
index 00000000..4b1bd5e4
Binary files /dev/null and b/pagefind/fragment/en_cecab02.pf_fragment differ
diff --git a/pagefind/fragment/en_cf22609.pf_fragment b/pagefind/fragment/en_cf22609.pf_fragment
deleted file mode 100644
index dc8db3e1..00000000
Binary files a/pagefind/fragment/en_cf22609.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_cf7a86f.pf_fragment b/pagefind/fragment/en_cf7a86f.pf_fragment
new file mode 100644
index 00000000..964f799b
Binary files /dev/null and b/pagefind/fragment/en_cf7a86f.pf_fragment differ
diff --git a/pagefind/fragment/en_cfe2e41.pf_fragment b/pagefind/fragment/en_cfe2e41.pf_fragment
deleted file mode 100644
index 3fd04019..00000000
Binary files a/pagefind/fragment/en_cfe2e41.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d03c30a.pf_fragment b/pagefind/fragment/en_d03c30a.pf_fragment
deleted file mode 100644
index dfdba3b0..00000000
Binary files a/pagefind/fragment/en_d03c30a.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d050d77.pf_fragment b/pagefind/fragment/en_d050d77.pf_fragment
deleted file mode 100644
index 9f3f3f64..00000000
Binary files a/pagefind/fragment/en_d050d77.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d175cf8.pf_fragment b/pagefind/fragment/en_d175cf8.pf_fragment
deleted file mode 100644
index 07e1bd2c..00000000
Binary files a/pagefind/fragment/en_d175cf8.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d2ab883.pf_fragment b/pagefind/fragment/en_d2ab883.pf_fragment
deleted file mode 100644
index 99086665..00000000
Binary files a/pagefind/fragment/en_d2ab883.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d425d29.pf_fragment b/pagefind/fragment/en_d425d29.pf_fragment
deleted file mode 100644
index d60b4852..00000000
Binary files a/pagefind/fragment/en_d425d29.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d453f51.pf_fragment b/pagefind/fragment/en_d453f51.pf_fragment
deleted file mode 100644
index 1c5aa716..00000000
Binary files a/pagefind/fragment/en_d453f51.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d4a66f5.pf_fragment b/pagefind/fragment/en_d4a66f5.pf_fragment
deleted file mode 100644
index 736f9390..00000000
Binary files a/pagefind/fragment/en_d4a66f5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d4b314f.pf_fragment b/pagefind/fragment/en_d4b314f.pf_fragment
deleted file mode 100644
index 78b65324..00000000
Binary files a/pagefind/fragment/en_d4b314f.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d59335d.pf_fragment b/pagefind/fragment/en_d59335d.pf_fragment
new file mode 100644
index 00000000..55206234
Binary files /dev/null and b/pagefind/fragment/en_d59335d.pf_fragment differ
diff --git a/pagefind/fragment/en_d5a0ce5.pf_fragment b/pagefind/fragment/en_d5a0ce5.pf_fragment
new file mode 100644
index 00000000..17dd6fc6
Binary files /dev/null and b/pagefind/fragment/en_d5a0ce5.pf_fragment differ
diff --git a/pagefind/fragment/en_d5dbb36.pf_fragment b/pagefind/fragment/en_d5dbb36.pf_fragment
deleted file mode 100644
index 7cd9e77d..00000000
Binary files a/pagefind/fragment/en_d5dbb36.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d6ac9d4.pf_fragment b/pagefind/fragment/en_d6ac9d4.pf_fragment
deleted file mode 100644
index 62b7ba7b..00000000
Binary files a/pagefind/fragment/en_d6ac9d4.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d73a693.pf_fragment b/pagefind/fragment/en_d73a693.pf_fragment
deleted file mode 100644
index aaaebe54..00000000
Binary files a/pagefind/fragment/en_d73a693.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d7672e5.pf_fragment b/pagefind/fragment/en_d7672e5.pf_fragment
deleted file mode 100644
index 8ab85467..00000000
Binary files a/pagefind/fragment/en_d7672e5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d7e6cd3.pf_fragment b/pagefind/fragment/en_d7e6cd3.pf_fragment
deleted file mode 100644
index 1721d4a2..00000000
Binary files a/pagefind/fragment/en_d7e6cd3.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d923471.pf_fragment b/pagefind/fragment/en_d923471.pf_fragment
deleted file mode 100644
index b5c1aede..00000000
Binary files a/pagefind/fragment/en_d923471.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d946c37.pf_fragment b/pagefind/fragment/en_d946c37.pf_fragment
deleted file mode 100644
index a5a4d5de..00000000
Binary files a/pagefind/fragment/en_d946c37.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_d94e9f0.pf_fragment b/pagefind/fragment/en_d94e9f0.pf_fragment
new file mode 100644
index 00000000..4c382568
Binary files /dev/null and b/pagefind/fragment/en_d94e9f0.pf_fragment differ
diff --git a/pagefind/fragment/en_da35d24.pf_fragment b/pagefind/fragment/en_da35d24.pf_fragment
new file mode 100644
index 00000000..688078b9
Binary files /dev/null and b/pagefind/fragment/en_da35d24.pf_fragment differ
diff --git a/pagefind/fragment/en_da7a55e.pf_fragment b/pagefind/fragment/en_da7a55e.pf_fragment
new file mode 100644
index 00000000..3601bb04
Binary files /dev/null and b/pagefind/fragment/en_da7a55e.pf_fragment differ
diff --git a/pagefind/fragment/en_dbae6f2.pf_fragment b/pagefind/fragment/en_dbae6f2.pf_fragment
deleted file mode 100644
index 0e7f7532..00000000
Binary files a/pagefind/fragment/en_dbae6f2.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_dc23947.pf_fragment b/pagefind/fragment/en_dc23947.pf_fragment
deleted file mode 100644
index 4e716b22..00000000
Binary files a/pagefind/fragment/en_dc23947.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_dc773b1.pf_fragment b/pagefind/fragment/en_dc773b1.pf_fragment
new file mode 100644
index 00000000..83fad661
Binary files /dev/null and b/pagefind/fragment/en_dc773b1.pf_fragment differ
diff --git a/pagefind/fragment/en_dcf0221.pf_fragment b/pagefind/fragment/en_dcf0221.pf_fragment
new file mode 100644
index 00000000..835ae40c
Binary files /dev/null and b/pagefind/fragment/en_dcf0221.pf_fragment differ
diff --git a/pagefind/fragment/en_dddeda3.pf_fragment b/pagefind/fragment/en_dddeda3.pf_fragment
new file mode 100644
index 00000000..0cd2baad
Binary files /dev/null and b/pagefind/fragment/en_dddeda3.pf_fragment differ
diff --git a/pagefind/fragment/en_dde4fcd.pf_fragment b/pagefind/fragment/en_dde4fcd.pf_fragment
deleted file mode 100644
index 88b4da70..00000000
Binary files a/pagefind/fragment/en_dde4fcd.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_de5d828.pf_fragment b/pagefind/fragment/en_de5d828.pf_fragment
new file mode 100644
index 00000000..ef42ffe5
Binary files /dev/null and b/pagefind/fragment/en_de5d828.pf_fragment differ
diff --git a/pagefind/fragment/en_de61b0a.pf_fragment b/pagefind/fragment/en_de61b0a.pf_fragment
new file mode 100644
index 00000000..88ef0bf6
Binary files /dev/null and b/pagefind/fragment/en_de61b0a.pf_fragment differ
diff --git a/pagefind/fragment/en_dedd814.pf_fragment b/pagefind/fragment/en_dedd814.pf_fragment
new file mode 100644
index 00000000..ebfe06c4
Binary files /dev/null and b/pagefind/fragment/en_dedd814.pf_fragment differ
diff --git a/pagefind/fragment/en_df3b939.pf_fragment b/pagefind/fragment/en_df3b939.pf_fragment
new file mode 100644
index 00000000..80f43e8f
Binary files /dev/null and b/pagefind/fragment/en_df3b939.pf_fragment differ
diff --git a/pagefind/fragment/en_dfc1182.pf_fragment b/pagefind/fragment/en_dfc1182.pf_fragment
new file mode 100644
index 00000000..c9ebb42d
Binary files /dev/null and b/pagefind/fragment/en_dfc1182.pf_fragment differ
diff --git a/pagefind/fragment/en_dfe440a.pf_fragment b/pagefind/fragment/en_dfe440a.pf_fragment
new file mode 100644
index 00000000..2ca9ace4
Binary files /dev/null and b/pagefind/fragment/en_dfe440a.pf_fragment differ
diff --git a/pagefind/fragment/en_e462dc2.pf_fragment b/pagefind/fragment/en_e462dc2.pf_fragment
deleted file mode 100644
index 1ee8717c..00000000
Binary files a/pagefind/fragment/en_e462dc2.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_e5c9839.pf_fragment b/pagefind/fragment/en_e5c9839.pf_fragment
new file mode 100644
index 00000000..11a7ced3
Binary files /dev/null and b/pagefind/fragment/en_e5c9839.pf_fragment differ
diff --git a/pagefind/fragment/en_e66c346.pf_fragment b/pagefind/fragment/en_e66c346.pf_fragment
deleted file mode 100644
index ec8da5c8..00000000
Binary files a/pagefind/fragment/en_e66c346.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_e6e0bd2.pf_fragment b/pagefind/fragment/en_e6e0bd2.pf_fragment
new file mode 100644
index 00000000..cefa2585
Binary files /dev/null and b/pagefind/fragment/en_e6e0bd2.pf_fragment differ
diff --git a/pagefind/fragment/en_e6ef5a8.pf_fragment b/pagefind/fragment/en_e6ef5a8.pf_fragment
new file mode 100644
index 00000000..ba4b8268
Binary files /dev/null and b/pagefind/fragment/en_e6ef5a8.pf_fragment differ
diff --git a/pagefind/fragment/en_e8785be.pf_fragment b/pagefind/fragment/en_e8785be.pf_fragment
new file mode 100644
index 00000000..ac7aa18c
Binary files /dev/null and b/pagefind/fragment/en_e8785be.pf_fragment differ
diff --git a/pagefind/fragment/en_e8db1e2.pf_fragment b/pagefind/fragment/en_e8db1e2.pf_fragment
new file mode 100644
index 00000000..1663602f
Binary files /dev/null and b/pagefind/fragment/en_e8db1e2.pf_fragment differ
diff --git a/pagefind/fragment/en_e964182.pf_fragment b/pagefind/fragment/en_e964182.pf_fragment
new file mode 100644
index 00000000..4929745b
Binary files /dev/null and b/pagefind/fragment/en_e964182.pf_fragment differ
diff --git a/pagefind/fragment/en_ea2c87c.pf_fragment b/pagefind/fragment/en_ea2c87c.pf_fragment
new file mode 100644
index 00000000..7f97208d
Binary files /dev/null and b/pagefind/fragment/en_ea2c87c.pf_fragment differ
diff --git a/pagefind/fragment/en_ea77ac1.pf_fragment b/pagefind/fragment/en_ea77ac1.pf_fragment
new file mode 100644
index 00000000..2288465a
Binary files /dev/null and b/pagefind/fragment/en_ea77ac1.pf_fragment differ
diff --git a/pagefind/fragment/en_eac61af.pf_fragment b/pagefind/fragment/en_eac61af.pf_fragment
deleted file mode 100644
index b9306891..00000000
Binary files a/pagefind/fragment/en_eac61af.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_eaec59d.pf_fragment b/pagefind/fragment/en_eaec59d.pf_fragment
deleted file mode 100644
index adf9d153..00000000
Binary files a/pagefind/fragment/en_eaec59d.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_eb2c2d9.pf_fragment b/pagefind/fragment/en_eb2c2d9.pf_fragment
deleted file mode 100644
index 5e18e7d2..00000000
Binary files a/pagefind/fragment/en_eb2c2d9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_eb495e2.pf_fragment b/pagefind/fragment/en_eb495e2.pf_fragment
deleted file mode 100644
index d0b4dd08..00000000
Binary files a/pagefind/fragment/en_eb495e2.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_eb6bb56.pf_fragment b/pagefind/fragment/en_eb6bb56.pf_fragment
new file mode 100644
index 00000000..2c27ebc9
Binary files /dev/null and b/pagefind/fragment/en_eb6bb56.pf_fragment differ
diff --git a/pagefind/fragment/en_ed17d1b.pf_fragment b/pagefind/fragment/en_ed17d1b.pf_fragment
new file mode 100644
index 00000000..2a1bf520
Binary files /dev/null and b/pagefind/fragment/en_ed17d1b.pf_fragment differ
diff --git a/pagefind/fragment/en_ed85c63.pf_fragment b/pagefind/fragment/en_ed85c63.pf_fragment
deleted file mode 100644
index 9c8e2cd4..00000000
Binary files a/pagefind/fragment/en_ed85c63.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_edf2dba.pf_fragment b/pagefind/fragment/en_edf2dba.pf_fragment
new file mode 100644
index 00000000..f476766d
Binary files /dev/null and b/pagefind/fragment/en_edf2dba.pf_fragment differ
diff --git a/pagefind/fragment/en_f25b38e.pf_fragment b/pagefind/fragment/en_f25b38e.pf_fragment
deleted file mode 100644
index 1799db6a..00000000
Binary files a/pagefind/fragment/en_f25b38e.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f272a78.pf_fragment b/pagefind/fragment/en_f272a78.pf_fragment
deleted file mode 100644
index 17f701e0..00000000
Binary files a/pagefind/fragment/en_f272a78.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f341da3.pf_fragment b/pagefind/fragment/en_f341da3.pf_fragment
deleted file mode 100644
index fb551f9f..00000000
Binary files a/pagefind/fragment/en_f341da3.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f3d69d8.pf_fragment b/pagefind/fragment/en_f3d69d8.pf_fragment
new file mode 100644
index 00000000..990df946
Binary files /dev/null and b/pagefind/fragment/en_f3d69d8.pf_fragment differ
diff --git a/pagefind/fragment/en_f47ad16.pf_fragment b/pagefind/fragment/en_f47ad16.pf_fragment
deleted file mode 100644
index 49d7587b..00000000
Binary files a/pagefind/fragment/en_f47ad16.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f4a51ce.pf_fragment b/pagefind/fragment/en_f4a51ce.pf_fragment
new file mode 100644
index 00000000..4080ad67
Binary files /dev/null and b/pagefind/fragment/en_f4a51ce.pf_fragment differ
diff --git a/pagefind/fragment/en_f4becc5.pf_fragment b/pagefind/fragment/en_f4becc5.pf_fragment
deleted file mode 100644
index c2cd7206..00000000
Binary files a/pagefind/fragment/en_f4becc5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f53ebc9.pf_fragment b/pagefind/fragment/en_f53ebc9.pf_fragment
deleted file mode 100644
index 16e96ac2..00000000
Binary files a/pagefind/fragment/en_f53ebc9.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f62ca74.pf_fragment b/pagefind/fragment/en_f62ca74.pf_fragment
deleted file mode 100644
index 35957087..00000000
Binary files a/pagefind/fragment/en_f62ca74.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f649b5e.pf_fragment b/pagefind/fragment/en_f649b5e.pf_fragment
new file mode 100644
index 00000000..a4b098d7
Binary files /dev/null and b/pagefind/fragment/en_f649b5e.pf_fragment differ
diff --git a/pagefind/fragment/en_f6851a1.pf_fragment b/pagefind/fragment/en_f6851a1.pf_fragment
new file mode 100644
index 00000000..895b7298
Binary files /dev/null and b/pagefind/fragment/en_f6851a1.pf_fragment differ
diff --git a/pagefind/fragment/en_f84ad22.pf_fragment b/pagefind/fragment/en_f84ad22.pf_fragment
deleted file mode 100644
index 2e6f9310..00000000
Binary files a/pagefind/fragment/en_f84ad22.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_f8699ad.pf_fragment b/pagefind/fragment/en_f8699ad.pf_fragment
new file mode 100644
index 00000000..2532d5fd
Binary files /dev/null and b/pagefind/fragment/en_f8699ad.pf_fragment differ
diff --git a/pagefind/fragment/en_f964a61.pf_fragment b/pagefind/fragment/en_f964a61.pf_fragment
new file mode 100644
index 00000000..b2e17e4d
Binary files /dev/null and b/pagefind/fragment/en_f964a61.pf_fragment differ
diff --git a/pagefind/fragment/en_f9cdbfe.pf_fragment b/pagefind/fragment/en_f9cdbfe.pf_fragment
deleted file mode 100644
index ce15abd9..00000000
Binary files a/pagefind/fragment/en_f9cdbfe.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_fa8b985.pf_fragment b/pagefind/fragment/en_fa8b985.pf_fragment
new file mode 100644
index 00000000..64b3627d
Binary files /dev/null and b/pagefind/fragment/en_fa8b985.pf_fragment differ
diff --git a/pagefind/fragment/en_fc9fb3a.pf_fragment b/pagefind/fragment/en_fc9fb3a.pf_fragment
deleted file mode 100644
index d9f208d8..00000000
Binary files a/pagefind/fragment/en_fc9fb3a.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_fd6ed77.pf_fragment b/pagefind/fragment/en_fd6ed77.pf_fragment
new file mode 100644
index 00000000..4e8dc581
Binary files /dev/null and b/pagefind/fragment/en_fd6ed77.pf_fragment differ
diff --git a/pagefind/fragment/en_fd8bd4b.pf_fragment b/pagefind/fragment/en_fd8bd4b.pf_fragment
new file mode 100644
index 00000000..7f860e72
Binary files /dev/null and b/pagefind/fragment/en_fd8bd4b.pf_fragment differ
diff --git a/pagefind/fragment/en_fe67cf5.pf_fragment b/pagefind/fragment/en_fe67cf5.pf_fragment
deleted file mode 100644
index 1051123a..00000000
Binary files a/pagefind/fragment/en_fe67cf5.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_ff3623c.pf_fragment b/pagefind/fragment/en_ff3623c.pf_fragment
new file mode 100644
index 00000000..8ff87fcd
Binary files /dev/null and b/pagefind/fragment/en_ff3623c.pf_fragment differ
diff --git a/pagefind/fragment/en_ff82594.pf_fragment b/pagefind/fragment/en_ff82594.pf_fragment
new file mode 100644
index 00000000..ac4b1d46
Binary files /dev/null and b/pagefind/fragment/en_ff82594.pf_fragment differ
diff --git a/pagefind/index/en_1fa734b.pf_index b/pagefind/index/en_1fa734b.pf_index
new file mode 100644
index 00000000..6adfb75f
Binary files /dev/null and b/pagefind/index/en_1fa734b.pf_index differ
diff --git a/pagefind/index/en_39d843c.pf_index b/pagefind/index/en_39d843c.pf_index
deleted file mode 100644
index 798ab9ef..00000000
Binary files a/pagefind/index/en_39d843c.pf_index and /dev/null differ
diff --git a/pagefind/index/en_407c6a2.pf_index b/pagefind/index/en_407c6a2.pf_index
deleted file mode 100644
index 66d17ed2..00000000
Binary files a/pagefind/index/en_407c6a2.pf_index and /dev/null differ
diff --git a/pagefind/index/en_5ffe427.pf_index b/pagefind/index/en_5ffe427.pf_index
deleted file mode 100644
index 63ffc908..00000000
Binary files a/pagefind/index/en_5ffe427.pf_index and /dev/null differ
diff --git a/pagefind/index/en_6adb4dc.pf_index b/pagefind/index/en_6adb4dc.pf_index
new file mode 100644
index 00000000..0e230312
Binary files /dev/null and b/pagefind/index/en_6adb4dc.pf_index differ
diff --git a/pagefind/index/en_71a1d98.pf_index b/pagefind/index/en_71a1d98.pf_index
new file mode 100644
index 00000000..b434cd0f
Binary files /dev/null and b/pagefind/index/en_71a1d98.pf_index differ
diff --git a/pagefind/index/en_9c19e2f.pf_index b/pagefind/index/en_9c19e2f.pf_index
new file mode 100644
index 00000000..0dc60909
Binary files /dev/null and b/pagefind/index/en_9c19e2f.pf_index differ
diff --git a/pagefind/index/en_c44738f.pf_index b/pagefind/index/en_c44738f.pf_index
deleted file mode 100644
index fcbb5469..00000000
Binary files a/pagefind/index/en_c44738f.pf_index and /dev/null differ
diff --git a/pagefind/index/en_caf4d1a.pf_index b/pagefind/index/en_caf4d1a.pf_index
new file mode 100644
index 00000000..88538700
Binary files /dev/null and b/pagefind/index/en_caf4d1a.pf_index differ
diff --git a/pagefind/index/en_fd18e54.pf_index b/pagefind/index/en_fd18e54.pf_index
deleted file mode 100644
index 7e4e1104..00000000
Binary files a/pagefind/index/en_fd18e54.pf_index and /dev/null differ
diff --git a/pagefind/pagefind-entry.json b/pagefind/pagefind-entry.json
index 3082caeb..933fadbf 100644
--- a/pagefind/pagefind-entry.json
+++ b/pagefind/pagefind-entry.json
@@ -1 +1 @@
-{"version":"1.5.2","languages":{"en":{"hash":"en_cfd76eb5fb","wasm":"en","page_count":209}},"include_characters":["_","‿","⁀","⁔","︳","︴","﹍","﹎","﹏","＿"]}
\ No newline at end of file
+{"version":"1.5.2","languages":{"en":{"hash":"en_2226d438ac","wasm":"en","page_count":209}},"include_characters":["_","‿","⁀","⁔","︳","︴","﹍","﹎","﹏","＿"]}
\ No newline at end of file
diff --git a/pagefind/pagefind.en_2226d438ac.pf_meta b/pagefind/pagefind.en_2226d438ac.pf_meta
new file mode 100644
index 00000000..78bc3843
Binary files /dev/null and b/pagefind/pagefind.en_2226d438ac.pf_meta differ
diff --git a/pagefind/pagefind.en_cfd76eb5fb.pf_meta b/pagefind/pagefind.en_cfd76eb5fb.pf_meta
deleted file mode 100644
index 36f4eaf6..00000000
Binary files a/pagefind/pagefind.en_cfd76eb5fb.pf_meta and /dev/null differ
diff --git a/palette/index.html b/palette/index.html
index f0449061..9a164107 100644
--- a/palette/index.html
+++ b/palette/index.html
@@ -83,6 +83,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -141,7 +143,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1430,7 +1431,7 @@ switch (currentThemeValue) {
       
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
-  <h1 id="palette">palette</h1>
+  <h1>palette</h1>
 
   
 
@@ -1490,6 +1491,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/palette/` was built on 2026-09-20T00:40:39.768Z -->
+    <!-- This page `/palette/` was built on 2026-09-20T22:08:14.571Z -->
   </body>
 </html>
diff --git a/patchwork-wallet/index.html b/patchwork-wallet/index.html
index 5511b2dc..e06616a6 100644
--- a/patchwork-wallet/index.html
+++ b/patchwork-wallet/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="patchwork-wallet">patchwork wallet</h1>
+    <h1>patchwork wallet</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,49 +1888,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <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="/rachels-bracelets/">
+			<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</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/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+		<a class="postlink" href="/sunflower/">
+			<h2 data-ha-exclude="">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+		<a class="postlink" href="/core-css/">
+			<h2 data-ha-exclude="">core CSS </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
+				<li>software</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
+			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
 			
 		</a>
 	</li>
@@ -1986,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/patchwork-wallet/` was built on 2026-09-20T00:40:39.734Z -->
+    <!-- This page `/patchwork-wallet/` was built on 2026-09-20T22:08:14.535Z -->
   </body>
 </html>
diff --git a/petrichor-handspun/index.html b/petrichor-handspun/index.html
index a5c405eb..6d5659c2 100644
--- a/petrichor-handspun/index.html
+++ b/petrichor-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="petrichor-handspun">petrichor handspun</h1>
+    <h1>petrichor handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+		<a class="postlink" href="/icelandic-lamb-handspun/">
+			<h2 data-ha-exclude="">icelandic lamb handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+		<a class="postlink" href="/fire-and-ice-handspun/">
+			<h2 data-ha-exclude="">fire &amp; ice handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
+			<img src="/img/fire-ice-handspun.jpg" alt="2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+		<a class="postlink" href="/coral-reef-handspun/">
+			<h2 data-ha-exclude="">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/petrichor-handspun/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/petrichor-handspun/` was built on 2026-09-20T22:08:14.544Z -->
   </body>
 </html>
diff --git a/pinatex-wallet-with-zipper/index.html b/pinatex-wallet-with-zipper/index.html
index 2f5bed54..e45e501e 100644
--- a/pinatex-wallet-with-zipper/index.html
+++ b/pinatex-wallet-with-zipper/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="pinatex-wallet-with-zipper">piñatex wallet with zipper</h1>
+    <h1>piñatex wallet with zipper</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+		<a class="postlink" href="/double-bill-pocket-bifold/">
+			<h2 data-ha-exclude="">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+		<a class="postlink" href="/aarons-mask/">
+			<h2 data-ha-exclude="">aaron&#39;s mask </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pinatex-wallet-with-zipper/` was built on 2026-09-20T00:40:39.727Z -->
+    <!-- This page `/pinatex-wallet-with-zipper/` was built on 2026-09-20T22:08:14.565Z -->
   </body>
 </html>
diff --git a/pink-lime-and-grey-shawl/index.html b/pink-lime-and-grey-shawl/index.html
index 9348e41b..d56367b4 100644
--- a/pink-lime-and-grey-shawl/index.html
+++ b/pink-lime-and-grey-shawl/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="pink-lime-and-grey-shawl">pink, lime, and grey shawl</h1>
+    <h1>pink, lime, and grey shawl</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,12 +1884,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/log-cabin-dishtowels/">
+			<h2 data-ha-exclude="">log cabin dishtowels </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>weaving</li>
+				
+			</ul>
+			<img src="/img/log-cabin-dishtowels.jpg" alt="A two image collage. Image one shows 1 dishtowel fully laid out and 2 folded next to the yarn used in them. They are navy blue, yellow, and beige and in the log cabin pattern, which alternates blocks of horizontal and vertical light-dark stripes (light is yellow or beige depending, dark is always navy). They have a fringed hem on two opposing sides. Image 2 is a closeup on the pattern." loading="lazy" decoding="async" width="1000" height="1777">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/loud-table-runner/">
-			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
+			<h2 data-ha-exclude="">loud table runner </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1902,7 +1917,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+			<h2 data-ha-exclude="">rainbow shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1914,20 +1929,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>weaving</li>
-				
-			</ul>
-			<img src="/img/houndstooth-dishtowels.jpg" alt="A two image collage. Image one shows a laid out dishtowel with two folded ones and several weaving shuttles (the pieces that hold the yarn to weave with) on top in the same colors as the towels. The pattern is a small houndstooth, repeated interlocking diamonds in dark and light tones. The dark tone is always navy; the light tones are either beige, yellow, or crossed beige and yellow depending on the section of the towel. All towels have an inch and a half fringe along the long edges. Image two is a close up of the pattern." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1980,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pink-lime-and-grey-shawl/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/pink-lime-and-grey-shawl/` was built on 2026-09-20T22:08:14.570Z -->
   </body>
 </html>
diff --git a/pink-socks/index.html b/pink-socks/index.html
index 74953ae1..140ae501 100644
--- a/pink-socks/index.html
+++ b/pink-socks/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="pink-socks">pink socks</h1>
+    <h1>pink socks</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/sideways-canvas-shirt/">
-			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
+		<a class="postlink" href="/knit-shrimp/">
+			<h2 data-ha-exclude="">knit shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/sideways-canvas.jpg" alt="someone&#39;s torso in a knitted short sleeve shirt. the front is teal, and the bit of back we can see is mustard yellow. looking closely, it&#39;s notable that the stitches are turned 90 degrees from a standard knit garment." loading="lazy" decoding="async" width="1000" height="1338">
+			<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+		<a class="postlink" href="/butch-hands-pattern/">
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>zine</li>
-				
 				<li>knit</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1981,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pink-socks/` was built on 2026-09-20T00:40:39.712Z -->
+    <!-- This page `/pink-socks/` was built on 2026-09-20T22:08:14.534Z -->
   </body>
 </html>
diff --git a/pins/index.html b/pins/index.html
index aa994068..8470e95f 100644
--- a/pins/index.html
+++ b/pins/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="pins">pins!</h1>
+    <h1>pins!</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,34 +1884,54 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/anarchy-autism/">
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+			</ul>
+			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/boypussy/">
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
 				
 				<li>sticker</li>
 				
+				<li>shirt</li>
+				
 				<li>pin</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1930,28 +1951,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2004,6 +2003,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pins/` was built on 2026-09-20T00:40:39.733Z -->
+    <!-- This page `/pins/` was built on 2026-09-20T22:08:14.566Z -->
   </body>
 </html>
diff --git a/pride-dice-bags/index.html b/pride-dice-bags/index.html
index c8396cd8..3afef49e 100644
--- a/pride-dice-bags/index.html
+++ b/pride-dice-bags/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="pride-dice-bags">pride dice bags</h1>
+    <h1>pride dice bags</h1>
 
     <div class="post-metadata">
       <p>
@@ -1905,42 +1906,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+		<a class="postlink" href="/sideways-canvas-shirt/">
+			<h2 data-ha-exclude="">sideways canvas shirt </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/sideways-canvas.jpg" alt="someone&#39;s torso in a knitted short sleeve shirt. the front is teal, and the bit of back we can see is mustard yellow. looking closely, it&#39;s notable that the stitches are turned 90 degrees from a standard knit garment." loading="lazy" decoding="async" width="1000" height="1338">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1951,7 +1936,21 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/brookes-scarf/">
+			<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -2008,6 +2007,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pride-dice-bags/` was built on 2026-09-20T00:40:39.711Z -->
+    <!-- This page `/pride-dice-bags/` was built on 2026-09-20T22:08:14.533Z -->
   </body>
 </html>
diff --git a/printing-press-notes/index.html b/printing-press-notes/index.html
index 7c26b288..ad55f8ea 100644
--- a/printing-press-notes/index.html
+++ b/printing-press-notes/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="printing-press-notes">printing press notes</h1>
+    <h1>printing press notes</h1>
 
     <div class="post-metadata">
       <p>
@@ -1944,6 +1945,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/printing-press-notes/` was built on 2026-09-20T00:40:39.721Z -->
+    <!-- This page `/printing-press-notes/` was built on 2026-09-20T22:08:14.559Z -->
   </body>
 </html>
diff --git a/printmaking-paper-notes/index.html b/printmaking-paper-notes/index.html
index fcc2443f..bee8fc67 100644
--- a/printmaking-paper-notes/index.html
+++ b/printmaking-paper-notes/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="printmaking-paper-notes">printmaking paper notes</h1>
+    <h1>printmaking paper notes</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,7 +1884,7 @@ switch (currentThemeValue) {
 <li>Heavier than I am looking for</li>
 <li>Tears well</li>
 </ul>
-<h3 id="hahnemuehle-ingres">Hahnemühle Ingres</h3>
+<h3 id="hahnem%C3%BChle-ingres">Hahnemühle Ingres</h3>
 <p><a href="https://www.dickblick.com/products/hahnemuhle-ingres-paper/" target="_blank" rel="external">Hahnemühle Ingres Paper</a></p>
 <ul>
 <li>comes in a lot of colors</li>
@@ -1933,53 +1934,55 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
+		<a class="postlink" href="/trans-the-world/">
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/kniphofia/">
-			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>shirt</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="">crow </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2036,6 +2039,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/printmaking-paper-notes/` was built on 2026-09-20T00:40:39.736Z -->
+    <!-- This page `/printmaking-paper-notes/` was built on 2026-09-20T22:08:14.537Z -->
   </body>
 </html>
diff --git a/pronoun-patches/index.html b/pronoun-patches/index.html
index 97ce355f..51151a98 100644
--- a/pronoun-patches/index.html
+++ b/pronoun-patches/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="pronoun-patches">pronoun patches</h1>
+    <h1>pronoun patches</h1>
 
     <div class="post-metadata">
       <p>
@@ -1913,53 +1914,57 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+		<a class="postlink" href="/on-pronouns/">
+			<h2 data-ha-exclude="">on pronouns </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/girldick/">
+			<h2 data-ha-exclude="">girldick (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2016,6 +2021,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pronoun-patches/` was built on 2026-09-20T00:40:39.710Z -->
+    <!-- This page `/pronoun-patches/` was built on 2026-09-20T22:08:14.532Z -->
   </body>
 </html>
diff --git a/proud-dad-wallet/index.html b/proud-dad-wallet/index.html
index 640560ea..f24b4051 100644
--- a/proud-dad-wallet/index.html
+++ b/proud-dad-wallet/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="proud-dad-wallet">proud dad wallet</h1>
+    <h1>proud dad wallet</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,51 +1888,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+		<a class="postlink" href="/double-bill-pocket-bifold/">
+			<h2 data-ha-exclude="">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
-				<li>patch</li>
-				
 			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <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="/snap-pouch/">
+			<h2 data-ha-exclude="">snap pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</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/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1988,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/proud-dad-wallet/` was built on 2026-09-20T00:40:39.735Z -->
+    <!-- This page `/proud-dad-wallet/` was built on 2026-09-20T22:08:14.535Z -->
   </body>
 </html>
diff --git a/queer-book-list/index.html b/queer-book-list/index.html
index 96dcf4a8..8fabee52 100644
--- a/queer-book-list/index.html
+++ b/queer-book-list/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="queer-book-list">queer book list</h1>
+    <h1>queer book list</h1>
 
     <div class="post-metadata">
       <p>
@@ -1876,12 +1877,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/give-to-trans-orgs-and-people/">
+			<h2 data-ha-exclude="">give to trans orgs and people </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/bouquet.jpg" alt="Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
+			<h2 data-ha-exclude="">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1894,31 +1909,19 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
-			
-			<ul class="postlist-tags">
+				<li>card</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1975,6 +1978,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/queer-book-list/` was built on 2026-09-20T00:40:39.710Z -->
+    <!-- This page `/queer-book-list/` was built on 2026-09-20T22:08:14.532Z -->
   </body>
 </html>
diff --git a/queer/index.html b/queer/index.html
index edb53e3c..7b778d87 100644
--- a/queer/index.html
+++ b/queer/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="queer">queer</h1>
+    <h1>queer</h1>
 
     <div class="post-metadata">
       <p>
@@ -1908,12 +1909,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/iris/">
+			<h2 data-ha-exclude="">iris </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1921,42 +1922,38 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+		<a class="postlink" href="/tiny-mushrooms/">
+			<h2 data-ha-exclude="">tiny mushrooms </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
+			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+		<a class="postlink" href="/not-a-drill/">
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2013,6 +2010,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/queer/` was built on 2026-09-20T00:40:39.723Z -->
+    <!-- This page `/queer/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/quorbs/index.html b/quorbs/index.html
index 68b7c1d5..3dbf6b1e 100644
--- a/quorbs/index.html
+++ b/quorbs/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="quorbs">quorbs</h1>
+    <h1>quorbs</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,12 +1888,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/killdeer/">
+			<h2 data-ha-exclude="">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1900,17 +1901,15 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/chanterelle/">
+			<h2 data-ha-exclude="">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1918,28 +1917,24 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/happy-solstice-2025/">
-			<h2 data-ha-exclude="" id="happy-solstice-2025">happy solstice 2025 </h2>
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+			<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>highlight</li>
+				<li>print</li>
+				
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/solstice-2025.jpg" alt="front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i&#39;m standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with &#39;L + B&#39; written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words &#39;happy solstice&#39; in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words &#39;lee, brooke, kestrel, &amp; the flock&#39; in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel&#39;s head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i&#39;ve added a dahlia to represent the stamp, and written &#39;you!&#39; in the field that would normally hold the mailing address." loading="lazy" decoding="async" width="1000" height="1346">
+			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -1996,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/quorbs/` was built on 2026-09-20T00:40:39.739Z -->
+    <!-- This page `/quorbs/` was built on 2026-09-20T22:08:14.540Z -->
   </body>
 </html>
diff --git a/rachels-bracelets/index.html b/rachels-bracelets/index.html
index a93bc4b7..04020115 100644
--- a/rachels-bracelets/index.html
+++ b/rachels-bracelets/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="rachels-bracelets">rachel&#39;s bracelets</h1>
+    <h1>rachel&#39;s bracelets</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-keychains/">
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>book</li>
+				
 			</ul>
-			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
+			<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="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+		<a class="postlink" href="/swoop-wallet/">
+			<h2 data-ha-exclude="">swoop wallet </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/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</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="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</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/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rachels-bracelets/` was built on 2026-09-20T00:40:39.736Z -->
+    <!-- This page `/rachels-bracelets/` was built on 2026-09-20T22:08:14.537Z -->
   </body>
 </html>
diff --git a/rainbow-shawl/index.html b/rainbow-shawl/index.html
index 8a044b0f..1c2e00a1 100644
--- a/rainbow-shawl/index.html
+++ b/rainbow-shawl/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="rainbow-shawl">rainbow shawl</h1>
+    <h1>rainbow shawl</h1>
 
     <div class="post-metadata">
       <p>
@@ -1881,12 +1882,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+			<h2 data-ha-exclude="">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1900,7 +1901,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loud-table-runner/">
-			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
+			<h2 data-ha-exclude="">loud table runner </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1913,15 +1914,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+		<a class="postlink" href="/log-cabin-dishtowels/">
+			<h2 data-ha-exclude="">log cabin dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>weaving</li>
 				
 			</ul>
-			<img src="/img/houndstooth-dishtowels.jpg" alt="A two image collage. Image one shows a laid out dishtowel with two folded ones and several weaving shuttles (the pieces that hold the yarn to weave with) on top in the same colors as the towels. The pattern is a small houndstooth, repeated interlocking diamonds in dark and light tones. The dark tone is always navy; the light tones are either beige, yellow, or crossed beige and yellow depending on the section of the towel. All towels have an inch and a half fringe along the long edges. Image two is a close up of the pattern." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/log-cabin-dishtowels.jpg" alt="A two image collage. Image one shows 1 dishtowel fully laid out and 2 folded next to the yarn used in them. They are navy blue, yellow, and beige and in the log cabin pattern, which alternates blocks of horizontal and vertical light-dark stripes (light is yellow or beige depending, dark is always navy). They have a fringed hem on two opposing sides. Image 2 is a closeup on the pattern." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1978,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rainbow-shawl/` was built on 2026-09-20T00:40:39.723Z -->
+    <!-- This page `/rainbow-shawl/` was built on 2026-09-20T22:08:14.561Z -->
   </body>
 </html>
diff --git a/rambouillet-handspun/index.html b/rambouillet-handspun/index.html
index c311b267..4d38848a 100644
--- a/rambouillet-handspun/index.html
+++ b/rambouillet-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="rambouillet-handspun">rambouillet handspun</h1>
+    <h1>rambouillet handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1887,53 +1888,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/icelandic-lamb-handspun/">
-			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+		<a class="postlink" href="/handcombed-jacobs-handspun/">
+			<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
-				<li>highlight</li>
+				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+		<a class="postlink" href="/coral-reef-handspun/">
+			<h2 data-ha-exclude="">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>card</li>
-				
-				<li>print</li>
-				
-				<li>highlight</li>
+				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1990,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rambouillet-handspun/` was built on 2026-09-20T00:40:39.764Z -->
+    <!-- This page `/rambouillet-handspun/` was built on 2026-09-20T22:08:14.567Z -->
   </body>
 </html>
diff --git a/recommendations-and-favorites/index.html b/recommendations-and-favorites/index.html
index c4e41bc6..6c4b9935 100644
--- a/recommendations-and-favorites/index.html
+++ b/recommendations-and-favorites/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="recommendations-and-favorites">recommendations &amp; favorites</h1>
+    <h1>recommendations &amp; favorites</h1>
 
     <div class="post-metadata">
       <p>
@@ -1918,28 +1919,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+		<a class="postlink" href="/textures-unite/">
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>knit</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+			<h2 data-ha-exclude="">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1956,17 +1957,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+		<a class="postlink" href="/butch-hands-pattern/">
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>knit</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/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2023,6 +2024,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/recommendations-and-favorites/` was built on 2026-09-20T00:40:39.712Z -->
+    <!-- This page `/recommendations-and-favorites/` was built on 2026-09-20T22:08:14.534Z -->
   </body>
 </html>
diff --git a/redirections/index.html b/redirections/index.html
index b2cf1b5a..2b0286f0 100644
--- a/redirections/index.html
+++ b/redirections/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="redirections">redirections</h1>
+    <h1>redirections</h1>
 
     <div class="post-metadata">
       <p>
@@ -1886,7 +1887,7 @@ The cloud-capp'd towers, the gorgeous palaces,</code></pre>
 <h2 id="conclusion">conclusion</h2>
 <p>it's <code>&lt;</code>s all the way down.</p>
 <hr>
-<h2 id="postscript-heredoc">postscript: heredoc</h2>
+<h2 id="postscript%3A-heredoc">postscript: heredoc</h2>
 <pre class="language-sh"><code class="language-sh"><span class="token function">grep</span> <span class="token string">"'d"</span> <span class="token operator">&lt;&lt;</span> tempest.md
 heredoc<span class="token operator">></span> oh are we interactive now
 heredoc<span class="token operator">></span> what am i <span class="token string">'doing'</span> anyway
@@ -1931,49 +1932,49 @@ heredoc<span class="token operator">></span> tempest.md</code></pre>
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+		<a class="postlink" href="/intro-to-wireframing/">
+			<h2 data-ha-exclude="">intro to wireframing </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
+			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
 			
 		</a>
 	</li>
@@ -2030,6 +2031,6 @@ heredoc<span class="token operator">></span> tempest.md</code></pre>
 </footer>
 
 
-    <!-- This page `/redirections/` was built on 2026-09-20T00:40:39.760Z -->
+    <!-- This page `/redirections/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/reference/1/index.html b/reference/1/index.html
index 23f25d3f..04c05298 100644
--- a/reference/1/index.html
+++ b/reference/1/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="reference">reference</h1>
+<h1>reference</h1>
 
 
 <p class="centered">the reference section is for informational posts</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/my-favorite-git-flag/">
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
+			<h2 data-ha-exclude="">my favorite git flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1429,7 +1430,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+			<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/art-shows-and-events/">
-			<h2 data-ha-exclude="" id="art-shows-and-events">art shows and events </h2>
+			<h2 data-ha-exclude="">art shows and events </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/redirections/">
-			<h2 data-ha-exclude="" id="redirections">redirections </h2>
+			<h2 data-ha-exclude="">redirections </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1485,7 +1486,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
+			<h2 data-ha-exclude="">networks of trans care </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1499,7 +1500,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/give-to-trans-orgs-and-people/">
-			<h2 data-ha-exclude="" id="give-to-trans-orgs-and-people">give to trans orgs and people </h2>
+			<h2 data-ha-exclude="">give to trans orgs and people </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fountain-pen-friendly-stationery/">
-			<h2 data-ha-exclude="" id="fountain-pen-friendly-stationery">fountain pen-friendly stationery </h2>
+			<h2 data-ha-exclude="">fountain pen-friendly stationery </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fedizinefest-2025/">
-			<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
+			<h2 data-ha-exclude="">fediZineFest 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
+			<h2 data-ha-exclude="">on the ubiquity of &#39;enby&#39; </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handedness-toggle/">
-			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
+			<h2 data-ha-exclude="">handedness toggle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1569,7 +1570,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rescue-trans-rescue/">
-			<h2 data-ha-exclude="" id="rescue-trans-rescue">rescue Trans Rescue </h2>
+			<h2 data-ha-exclude="">rescue Trans Rescue </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1653,6 +1654,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/1/` was built on 2026-09-20T00:40:44.919Z -->
+    <!-- This page `/reference/1/` was built on 2026-09-20T22:08:17.505Z -->
   </body>
 </html>
diff --git a/reference/2/index.html b/reference/2/index.html
index 52709cd6..a2bf967c 100644
--- a/reference/2/index.html
+++ b/reference/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="reference">reference</h1>
+<h1>reference</h1>
 
 
 <p class="centered">the reference section is for informational posts</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/no-politics-wip/">
-			<h2 data-ha-exclude="" id="no-politics-wip">no politics (wip) </h2>
+			<h2 data-ha-exclude="">no politics (wip) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1411,7 +1412,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
+			<h2 data-ha-exclude="">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1425,7 +1426,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
+			<h2 data-ha-exclude="">gender as a proxy variable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/printmaking-paper-notes/">
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
+			<h2 data-ha-exclude="">printmaking paper notes </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-pronouns/">
-			<h2 data-ha-exclude="" id="on-pronouns">on pronouns </h2>
+			<h2 data-ha-exclude="">on pronouns </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+			<h2 data-ha-exclude="">domain and site setup </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1483,7 +1484,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+			<h2 data-ha-exclude="">leatherworking favorites </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/ecommerce-options/">
-			<h2 data-ha-exclude="" id="ecommerce-options">ecommerce options </h2>
+			<h2 data-ha-exclude="">ecommerce options </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,7 +1510,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
+			<h2 data-ha-exclude="">in the news </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1523,7 +1524,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+			<h2 data-ha-exclude="">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1539,9 +1540,21 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/printing-press-notes/">
+			<h2 data-ha-exclude="">printing press notes </h2>
+			
+			<ul class="postlist-tags">
+				
+			</ul>
+			<img src="/img/printing-press.jpg" alt="An open Speedball Model B printing press, which uses a lever handle to put even pressure on a 6 by 8 inch top plate." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/backend-accessibility/">
-			<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility </h2>
+			<h2 data-ha-exclude="">backend accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1568,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1569,20 +1582,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/recommendations-and-favorites/">
-			<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
 
@@ -1657,6 +1656,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/2/` was built on 2026-09-20T00:40:45.467Z -->
+    <!-- This page `/reference/2/` was built on 2026-09-20T22:08:17.924Z -->
   </body>
 </html>
diff --git a/reference/3/index.html b/reference/3/index.html
index 87c19475..25591ff7 100644
--- a/reference/3/index.html
+++ b/reference/3/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="reference">reference</h1>
+<h1>reference</h1>
 
 
 <p class="centered">the reference section is for informational posts</p>
@@ -1397,9 +1398,23 @@ switch (currentThemeValue) {
 
 <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/recommendations-and-favorites/">
+			<h2 data-ha-exclude="">recommendations &amp; favorites </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
+			<h2 data-ha-exclude="">gender? </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer-book-list/">
-			<h2 data-ha-exclude="" id="queer-book-list">queer book list </h2>
+			<h2 data-ha-exclude="">queer book list </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1493,6 +1508,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/3/` was built on 2026-09-20T00:40:46.057Z -->
+    <!-- This page `/reference/3/` was built on 2026-09-20T22:08:18.341Z -->
   </body>
 </html>
diff --git a/reference/index.html b/reference/index.html
index 89ba396c..8cc54bb5 100644
--- a/reference/index.html
+++ b/reference/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="reference">reference</h1>
+<h1>reference</h1>
 
 
 <p class="centered">the reference section is for informational posts</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
+			<h2 data-ha-exclude="">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/visual-site-builders-and-accessibility/">
-			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
+			<h2 data-ha-exclude="">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+			<h2 data-ha-exclude="">core CSS </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fedilearns/">
-			<h2 data-ha-exclude="" id="fedilearns">fediLearns </h2>
+			<h2 data-ha-exclude="">fediLearns </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/accessible-image-modals/">
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+			<h2 data-ha-exclude="">accessible image modals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+			<h2 data-ha-exclude="">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1483,7 +1484,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/screen-reader-optimizations/">
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
+			<h2 data-ha-exclude="">screen reader optimizations </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+			<h2 data-ha-exclude="">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1511,7 +1512,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/comparing-text-editors/">
-			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
+			<h2 data-ha-exclude="">comparing text editors </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1525,7 +1526,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
+			<h2 data-ha-exclude="">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1539,7 +1540,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+			<h2 data-ha-exclude="">moving images </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1553,7 +1554,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stationery-exchange/">
-			<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange </h2>
+			<h2 data-ha-exclude="">stationery exchange </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1567,7 +1568,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/siblinghood-of-the-traveling-greeting-card/">
-			<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card </h2>
+			<h2 data-ha-exclude="">siblinghood of the traveling greeting card </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1647,6 +1648,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/` was built on 2026-09-20T00:40:39.767Z -->
+    <!-- This page `/reference/` was built on 2026-09-20T22:08:14.571Z -->
   </body>
 </html>
diff --git a/rescue-trans-rescue/index.html b/rescue-trans-rescue/index.html
index ec7fd326..99d02136 100644
--- a/rescue-trans-rescue/index.html
+++ b/rescue-trans-rescue/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="rescue-trans-rescue">rescue Trans Rescue</h1>
+    <h1>rescue Trans Rescue</h1>
 
     <div class="post-metadata">
       <p>
@@ -1834,10 +1835,8 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/wood-ducks.jpg" alt="“Picture unrelated to post. A male and female wood duck in summer ‘eclipse’ plumage have a little tiff while standing on a log. to the right, the male has his neck extended and beak open; on the left, the female has a wing extended upwards.“" loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <p>Updated 13 Aug 2024</p>
-<p>The content previously found on this page is now hosted on a standalone site.</p>
-<p><a href="https://rescue-trans-rescue.glitch.me" target="_blank" rel="external">Visit the site</a>.</p>
-<p>(Site down? Not loading? <a href="https://status.glitch.com/" target="_blank" rel="external">Check for issues with Glitch, our hosting provider</a>.)</p>
+    <p>The content previously found on this page is now hosted on a standalone site.</p>
+<p><a href="https://rescue-trans-rescue.quest" target="_blank" rel="external">Visit rescue-trans-rescue.quest</a>.</p>
 
   </article>
 
@@ -1923,6 +1922,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rescue-trans-rescue/` was built on 2026-09-20T00:40:39.738Z -->
+    <!-- This page `/rescue-trans-rescue/` was built on 2026-09-20T22:08:14.539Z -->
   </body>
 </html>
diff --git a/resume/index.html b/resume/index.html
index 7c6882d9..4eed2d12 100644
--- a/resume/index.html
+++ b/resume/index.html
@@ -107,6 +107,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -165,7 +167,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1223,7 +1224,7 @@ switch (currentThemeValue) {
       
 
 <div class="resume">
-	<h1 class="centered upper" id="lee-cattarin">Lee Cattarin</h1>
+	<h1 class="centered upper">Lee Cattarin</h1>
 
 	<p class="centered">
 		he/him or ze/hir • Vashon, WA 98070
@@ -1232,7 +1233,7 @@ switch (currentThemeValue) {
 		• <a href="/">this very website</a> • <a href="https://linkedin.com/in/lee-cattarin" target="_blank">linkedin.com/in/lee-cattarin</a>
 	</p>
 
-	<h2 class="centered upper" id="platforms-engineer">Platforms Engineer</h2>
+	<h2 class="centered upper">Platforms Engineer</h2>
 
 	<p>
 		Design-oriented platforms/infrastructure engineer with a well-rounded
@@ -1262,7 +1263,7 @@ switch (currentThemeValue) {
 
 	<div class="job">
 		<div class="two-col job-details">
-			<h3 id="freelance-web-developer">Freelance Web Developer</h3>
+			<h3>Freelance Web Developer</h3>
 			<p class="col2"><time datetime="2026-01">January 2026</time> – Present</p>
 		</div>
 
@@ -1355,7 +1356,7 @@ switch (currentThemeValue) {
 			<p class="col2"><time datetime="2018-08">August 2018</time> – <time datetime="2025-07">July 2025</time></p>
 		</div>
 
-		<h3 id="software-development-engineer-i-and-ii">Software Development Engineer I & II</h3>
+		<h3>Software Development Engineer I & II</h3>
 
 		<p>
 			Worked on green- and brown-field projects with customers, solving emerging
@@ -1392,7 +1393,7 @@ switch (currentThemeValue) {
 			<p class="col2"><time datetime="2023-10">October 2023</time> – Present</p>
 		</div>
 
-		<h3 id="co-owner-and-artist">Co-owner and artist</h3>
+		<h3>Co-owner and artist</h3>
 
 		<p>
 			Maintains website, storefront, and inventory for a diverse set of artistic
@@ -1417,7 +1418,7 @@ switch (currentThemeValue) {
 			<p class="col2"><time datetime="2015-09">September 2015</time> – <time datetime="2017-12">December 2017</time></p>
 		</div>
 
-		<h3 id="undergraduate-programming-mentor">Undergraduate Programming Mentor</h3>
+		<h3>Undergraduate Programming Mentor</h3>
 
 		<p>
 			Helped students debug and develop in Python and learn core programming
@@ -1433,7 +1434,7 @@ switch (currentThemeValue) {
 			<p class="col2"><time datetime="2017-06">June 2017</time> – <time datetime="2017-08">August 2017</time></p>
 		</div>
 
-		<h3 id="software-development-engineering-intern">Software Development Engineering Intern</h3>
+		<h3>Software Development Engineering Intern</h3>
 		<p>
 			Developed a chatbot add-on for the Azure Android application.
 		</p>
@@ -1445,7 +1446,7 @@ switch (currentThemeValue) {
 
 	<div class="job">
 		<div class="two-col job-details">
-			<h3 id="fedilearns-fedilearns-fyi">FediLearns (<a href="https://fedilearns.fyi" target="_blank">fedilearns.fyi</a>)</h3>
+			<h3>FediLearns (<a href="https://fedilearns.fyi" target="_blank">fedilearns.fyi</a>)</h3>
 			<p class="col2"><time datetime="2026-04">April 2026</time> – Present
 			</p>
 		</div>
@@ -1459,7 +1460,7 @@ switch (currentThemeValue) {
 
 	<div class="job">
 		<div class="two-col job-details">
-			<h3 id="siblinghood-of-the-traveling-greeting-card-siblinghood-quest">Siblinghood of the Traveling Greeting Card (<a href="https://siblinghood.quest" target="_blank">siblinghood.quest</a>)</h3>
+			<h3>Siblinghood of the Traveling Greeting Card (<a href="https://siblinghood.quest" target="_blank">siblinghood.quest</a>)</h3>
 			<p class="col2"><time datetime="2025-11">November 2025</time> – Present
 			</p>
 		</div>
@@ -1472,7 +1473,7 @@ switch (currentThemeValue) {
 
 	<div class="job">
 		<div class="two-col job-details">
-			<h3 id="fedizinefest-fedizinefest-fyi">FediZineFest (<a href="https://fedizinefest.fyi" target="_blank">fedizinefest.fyi</a>)</h3>
+			<h3>FediZineFest (<a href="https://fedizinefest.fyi" target="_blank">fedizinefest.fyi</a>)</h3>
 			<p class="col2"><time datetime="2023-12">December 2023</time> – Present</p>
 		</div>
 
@@ -1486,7 +1487,7 @@ switch (currentThemeValue) {
 
 	<div class="job">
 		<div class="two-col job-details">
-			<h3 id="leecat-art-you-are-here-leecat-art">leecat.art (you are here!) (<a href="/">leecat.art</a>)</h3>
+			<h3>leecat.art (you are here!) (<a href="/">leecat.art</a>)</h3>
 			<p class="col2"><time datetime="2022-10">October 2022</time> – Present</p>
 		</div>
 
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 
 	<div class="job">
 		<div class="two-col job-details">
-			<h3 id="rescue-trans-rescue-rescue-trans-rescue-quest">Rescue Trans Rescue (<a href="https://rescue-trans-rescue.quest" target="_blank">rescue-trans-rescue.quest</a>)</h3>
+			<h3>Rescue Trans Rescue (<a href="https://rescue-trans-rescue.quest" target="_blank">rescue-trans-rescue.quest</a>)</h3>
 			<p class="col2"><time datetime="2024">2024</time></p>
 		</div>
 
@@ -1508,7 +1509,7 @@ switch (currentThemeValue) {
 
 	<hr>
 
-	<h2 class="centered upper" id="education">Education</h2>
+	<h2 class="centered upper">Education</h2>
 
 	<p class="centered">
 		<b>Bachelor of Science — Computer Science</b>
@@ -1562,6 +1563,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/resume/` was built on 2026-09-20T00:40:39.628Z -->
+    <!-- This page `/resume/` was built on 2026-09-20T22:08:14.402Z -->
   </body>
 </html>
diff --git a/rope-one/index.html b/rope-one/index.html
index c816b4ab..c4bc5adb 100644
--- a/rope-one/index.html
+++ b/rope-one/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="rope-one">rope (one)</h1>
+    <h1>rope (one)</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,46 +1895,44 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+		<a class="postlink" href="/hair/">
+			<h2 data-ha-exclude="">hair </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/gender-as-a-proxy-variable/">
+			<h2 data-ha-exclude="">gender as a proxy variable </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+				<li>zine</li>
+				
+			</ul>
+			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/swallowtail-on-snowdrops/">
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1941,10 +1940,10 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
 			
 		</a>
 	</li>
@@ -2001,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rope-one/` was built on 2026-09-20T00:40:39.724Z -->
+    <!-- This page `/rope-one/` was built on 2026-09-20T22:08:14.562Z -->
   </body>
 </html>
diff --git a/ruby-the-alpaca-handspun/index.html b/ruby-the-alpaca-handspun/index.html
index 9871c1fc..4327fd20 100644
--- a/ruby-the-alpaca-handspun/index.html
+++ b/ruby-the-alpaca-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="ruby-the-alpaca-handspun">ruby the alpaca handspun</h1>
+    <h1>ruby the alpaca handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,40 +1883,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+			<h2 data-ha-exclude="">dyeing fiber </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1927,6 +1900,34 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/petrichor-handspun/">
+			<h2 data-ha-exclude="">petrichor handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/orion-handspun/">
+			<h2 data-ha-exclude="">orion handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/ruby-the-alpaca-handspun/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/ruby-the-alpaca-handspun/` was built on 2026-09-20T22:08:14.568Z -->
   </body>
 </html>
diff --git a/scrap-patches/index.html b/scrap-patches/index.html
index 1aaa4349..d6d55b3f 100644
--- a/scrap-patches/index.html
+++ b/scrap-patches/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="scrap-patches">scrap patches</h1>
+    <h1>scrap patches</h1>
 
     <div class="post-metadata">
       <p>
@@ -1881,30 +1882,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1920,6 +1903,24 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="">pronoun patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>patch</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1972,6 +1973,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/scrap-patches/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/scrap-patches/` was built on 2026-09-20T22:08:14.542Z -->
   </body>
 </html>
diff --git a/screen-reader-optimizations/index.html b/screen-reader-optimizations/index.html
index 8f4ebecb..952dd5ac 100644
--- a/screen-reader-optimizations/index.html
+++ b/screen-reader-optimizations/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="screen-reader-optimizations">screen reader optimizations</h1>
+    <h1>screen reader optimizations</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,43 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <h2 id="context">context</h2>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#context">context</a>
+            		</li>
+
+                    <li><a href="#pronouns">pronouns</a>
+            
+                <ol>
+                    
+                    <li><a href="#the-fix">the fix</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#location">location</a>
+            		</li>
+
+                    <li><a href="#a-bigger-problem-than-parentheses">a bigger problem than parentheses</a>
+            
+                <ol>
+                    
+                    <li><a href="#total-overhaul">total overhaul</a>
+            		</li>
+                </ol>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<h2 id="context">context</h2>
 <p>recently, I've been working on a <a href="https://inherentlee.codeberg.page/spoonfairies/" target="_blank" rel="external">website for a project called spoonfairies</a>. On the providers page, we list a series of names along with their pronouns, location, and services offered. Visually, it looks like this:</p>
 <p><img src="/img/spoonfairies-provider.png" alt="A provider listing from spoonfairies. On the top row of text, it shows the provider's name in large purple text, then their pronouns in slightly opaque white and slightly smaller font, then aligned on the right, a map pin emoji and their general location in standard size white text. On the second row of text, it lists a few services the provider offers, comma separated." loading="lazy" decoding="async" width="1000" height="147"></p>
 <h2 id="pronouns">pronouns</h2>
@@ -1897,6 +2007,7 @@ switch (currentThemeValue) {
 <p>(technically, all this is templated to hell and back. I would hope that's obvious given I'm talking about <em>lists</em> of these entries.)</p>
 <p>now, after more screen reader testing, it reads out smoothly. The <code>aria-label</code> precludes the actual link text and cleanly says what needs to be said, with nothing breaking up the text and the whole thing easily recognized as one link. <em>And</em> I've got my fancy styling. Sweet.</p>
 
+
   </article>
 
   
@@ -1934,47 +2045,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/accessible-image-modals/">
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="">eleventy lessons </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">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -2031,6 +2144,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/screen-reader-optimizations/` was built on 2026-09-20T00:40:39.765Z -->
+    <!-- This page `/screen-reader-optimizations/` was built on 2026-09-20T22:08:14.587Z -->
   </body>
 </html>
diff --git a/seedling/index.html b/seedling/index.html
index 9659f352..165f573f 100644
--- a/seedling/index.html
+++ b/seedling/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="seedling">seedling</h1>
+    <h1>seedling</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,42 +1895,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+		<a class="postlink" href="/bottom-growth/">
+			<h2 data-ha-exclude="">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/five-of-them/">
-			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+		<a class="postlink" href="/artisans-cooperative-cards/">
+			<h2 data-ha-exclude="">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1937,14 +1924,26 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
+			</ul>
+			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/flicker/">
+			<h2 data-ha-exclude="">flicker </h2>
+			
+			<ul class="postlist-tags">
 				
-				<li>pin</li>
+				<li>print</li>
 				
-				<li>gender</li>
+				<li>card</li>
+				
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2001,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/seedling/` was built on 2026-09-20T00:40:39.714Z -->
+    <!-- This page `/seedling/` was built on 2026-09-20T22:08:14.555Z -->
   </body>
 </html>
diff --git a/shirt-making-notes/index.html b/shirt-making-notes/index.html
index 7e737adf..b52b59ed 100644
--- a/shirt-making-notes/index.html
+++ b/shirt-making-notes/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="shirt-making-notes">shirt making notes</h1>
+    <h1>shirt making notes</h1>
 
     <div class="post-metadata">
       <p>
@@ -1962,6 +1963,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shirt-making-notes/` was built on 2026-09-20T00:40:39.715Z -->
+    <!-- This page `/shirt-making-notes/` was built on 2026-09-20T22:08:14.557Z -->
   </body>
 </html>
diff --git a/shirts/index.html b/shirts/index.html
index b03f1667..7fa601f8 100644
--- a/shirts/index.html
+++ b/shirts/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="shirts">shirts!</h1>
+    <h1>shirts!</h1>
 
     <div class="post-metadata">
       <p>
@@ -1886,12 +1887,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>shirt</li>
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			<h2 data-ha-exclude="">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1908,41 +1925,19 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+		<a class="postlink" href="/stellars-jay/">
+			<h2 data-ha-exclude="">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
+				<li>card</li>
 				
 				<li>shirt</li>
 				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1999,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shirts/` was built on 2026-09-20T00:40:39.722Z -->
+    <!-- This page `/shirts/` was built on 2026-09-20T22:08:14.560Z -->
   </body>
 </html>
diff --git a/shrimp-cat-toy/index.html b/shrimp-cat-toy/index.html
index 72352c56..b296e3a3 100644
--- a/shrimp-cat-toy/index.html
+++ b/shrimp-cat-toy/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="shrimp-cat-toy">shrimp cat toy</h1>
+    <h1>shrimp cat toy</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,12 +1883,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="">foldy wallet </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/double-bill-pocket-bifold/">
-			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+			<h2 data-ha-exclude="">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1900,29 +1915,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-keychains/">
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
+		<a class="postlink" href="/black-and-red-journal/">
+			<h2 data-ha-exclude="">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>book</li>
+				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			<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>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shrimp-cat-toy/` was built on 2026-09-20T00:40:39.735Z -->
+    <!-- This page `/shrimp-cat-toy/` was built on 2026-09-20T22:08:14.536Z -->
   </body>
 </html>
diff --git a/shrimp/index.html b/shrimp/index.html
index 65155a08..98bdba08 100644
--- a/shrimp/index.html
+++ b/shrimp/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="shrimp">shrimp</h1>
+    <h1>shrimp</h1>
 
     <div class="post-metadata">
       <p>
@@ -1904,26 +1905,42 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fix-your-hearts/">
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
+		<a class="postlink" href="/kniphofia/">
+			<h2 data-ha-exclude="">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/geese/">
+			<h2 data-ha-exclude="">geese </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1934,21 +1951,7 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2005,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shrimp/` was built on 2026-09-20T00:40:39.724Z -->
+    <!-- This page `/shrimp/` was built on 2026-09-20T22:08:14.562Z -->
   </body>
 </html>
diff --git a/siblinghood-of-the-traveling-greeting-card/index.html b/siblinghood-of-the-traveling-greeting-card/index.html
index b2822a25..62c16ccd 100644
--- a/siblinghood-of-the-traveling-greeting-card/index.html
+++ b/siblinghood-of-the-traveling-greeting-card/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card</h1>
+    <h1>siblinghood of the traveling greeting card</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,36 +1917,77 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/rockery.jpg" alt="Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background." loading="lazy" decoding="async" width="1000" height="1000">
     
 
-    <p>welcome to the siblinghood of the traveling greeting card. it now has a home at <a href="https://siblinghood.quest" target="_blank" rel="external">siblinghood.quest</a>.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#objective">objective</a>
+            		</li>
+
+                    <li><a href="#outline">outline</a>
+            
+                <ol>
+                    
+                    <li><a href="#timeline">timeline</a>
+            		</li>
+
+                    <li><a href="#participants">participants</a>
+            		</li>
+
+                    <li><a href="#on-randomization">on randomization</a>
+            		</li>
+
+                    <li><a href="#card-guidelines">card guidelines</a>
+            		</li>
+
+                    <li><a href="#address-privacy">address privacy</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#what-i'll-need-from-participants">what I'll need from participants</a>
+            
+                <ol>
+                    
+                    <li><a href="#signing-the-card">signing the card</a>
+            		</li>
+
+                    <li><a href="#mailing-it-back-out">mailing it back out</a>
+            		</li>
+
+                    <li><a href="#status-checks">status checks</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#what-i'll-send-participants">what I'll send participants</a>
+            
+                <ol>
+                    
+                    <li><a href="#guidelines">guidelines</a>
+            		</li>
+
+                    <li><a href="#recipient-and-loop-order-assignment">recipient and loop order assignment</a>
+            		</li>
+
+                    <li><a href="#reminders">reminders</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#i-want-in!">I want in!</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>welcome to the siblinghood of the traveling greeting card. it now has a home at <a href="https://siblinghood.quest" target="_blank" rel="external">siblinghood.quest</a>.</p>
 <p>originated on the fediverse - see the <a href="https://flipping.rocks/tags/siblinghoodOfTheTravelingGreetingCard" target="_blank" rel="external">#siblinghoodOfTheTravelingGreetingCard hashtag</a> - with original idea thanks to <a href="https://scholar.social/@noctiluca" target="_blank" rel="external">noctiluca@scholar.social</a></p>
-<h2 id="table-of-contents">table of contents</h2>
-<ul>
-<li><a href="#objective">objective</a></li>
-<li><a href="#outline">outline</a>
-<ul>
-<li><a href="#timeline">timeline</a></li>
-<li><a href="#participants">participants</a></li>
-<li><a href="#on-randomization">on randomization</a></li>
-<li><a href="#card-guidelines">card guidelines</a></li>
-<li><a href="#address-privacy">address privacy</a></li>
-</ul>
-</li>
-<li><a href="#what-ill-need-from-participants">what I'll need from participants</a>
-<ul>
-<li><a href="#signing-the-card">signing the card</a></li>
-<li><a href="#mailing-it-back-out">mailing it back out</a></li>
-<li><a href="#status-checks">status checks</a></li>
-</ul>
-</li>
-<li><a href="#what-ill-send-participants">what I'll send participants</a>
-<ul>
-<li><a href="#guidelines">guidelines</a></li>
-<li><a href="#recipient-and-loop-order-assignment">recipient and loop order assignment</a></li>
-<li><a href="#reminders">reminders</a></li>
-</ul>
-</li>
-<li><a href="#i-want-in">I want in!</a></li>
-</ul>
 <h2 id="objective">objective</h2>
 <p>send a greeting card around the world. maybe more than one. we'll see.</p>
 <h2 id="outline">outline</h2>
@@ -1897,7 +2012,7 @@ switch (currentThemeValue) {
 <li>the person who is sending directly to you</li>
 <li>if you put a return address (which I really would recommend), your recipient</li>
 </ul>
-<h2 id="what-i-ll-need-from-participants">what I'll need from participants</h2>
+<h2 id="what-i'll-need-from-participants">what I'll need from participants</h2>
 <h3 id="signing-the-card">signing the card</h3>
 <p>Sign in any way you find meaningful. Please don't hog the card space - remember that as many as ~2 dozen people will be signing it!</p>
 <p><strong>IMPORTANT!</strong> Only put a name, nickname, doodle, fedi handle, etc. on the card that you are comfortable having displayed publicly. In any posts that I make, it will not be directly connected to you. However, as this likely has a small cohort, please be aware that how you sign could be tied back to your fedi account.</p>
@@ -1909,18 +2024,19 @@ switch (currentThemeValue) {
 <li>2 emails, one on receipt and one on re-sending. This allows me to check in on progress and ensure the card doesn't get too stalled, or lost.</li>
 <li>more optionally, but fun for seeing how things are going: a picture of the card (<strong>not</strong> the envelope!)</li>
 </ul>
-<h2 id="what-i-ll-send-participants">what I'll send participants</h2>
+<h2 id="what-i'll-send-participants">what I'll send participants</h2>
 <h3 id="guidelines">guidelines</h3>
 <p>all guidelines (which you can always find here!) will be repeated over email so you have a local copy. They may <em>additionally</em> be ported over to a standalone site if we find we want somewhere not-on-this-website for pictures and travel deets (don't worry, no addresses. Nothing more specific than country or state).</p>
 <h3 id="recipient-and-loop-order-assignment">recipient and loop order assignment</h3>
 <p>each participant will be sent the name and address of the next person in the loop. They will <em>also</em> be sent their place in the loop, numbered from <strong>0</strong>.</p>
 <h3 id="reminders">reminders</h3>
 <p>I'll be doing my level best to track the card's movement, so as it is sent around (assuming I get check-ins from y'all! please help me out here!) I will send out reminders to folks to either check their mail or make sure the card gets sent out again. Some folks have specifically asked for this support and I don't want to let them down, so more communication is always better.</p>
-<h2 id="i-want-in">I want in!</h2>
+<h2 id="i-want-in!">I want in!</h2>
 <p>read all that? too long, didn't bother? either way.</p>
 <p><a href="https://airtable.com/appdoHZsRDUzgYu9q/pagsr9LVAqKx29gDl/form" target="_blank" rel="external">sign up for the siblinghood of the traveling greeting card</a></p>
 <p>(if airtable is for any reason inaccessible to you, please <a href="/contact">reach out directly</a>)</p>
 
+
   </article>
 
   
@@ -1958,12 +2074,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/fountain-pen-friendly-stationery/">
-			<h2 data-ha-exclude="" id="fountain-pen-friendly-stationery">fountain pen-friendly stationery </h2>
+			<h2 data-ha-exclude="">fountain pen-friendly stationery </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2027,6 +2143,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/siblinghood-of-the-traveling-greeting-card/` was built on 2026-09-20T00:40:39.762Z -->
+    <!-- This page `/siblinghood-of-the-traveling-greeting-card/` was built on 2026-09-20T22:08:14.586Z -->
   </body>
 </html>
diff --git a/sideways-canvas-shirt/index.html b/sideways-canvas-shirt/index.html
index 9759529e..d4695f76 100644
--- a/sideways-canvas-shirt/index.html
+++ b/sideways-canvas-shirt/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="sideways-canvas-shirt">sideways canvas shirt</h1>
+    <h1>sideways canvas shirt</h1>
 
     <div class="post-metadata">
       <p>
@@ -1883,51 +1884,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+		<a class="postlink" href="/knit-shrimp/">
+			<h2 data-ha-exclude="">knit shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
+			<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+		<a class="postlink" href="/brookes-scarf/">
+			<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+		<a class="postlink" href="/brookes-socks/">
+			<h2 data-ha-exclude="">brooke&#39;s socks </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1984,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/sideways-canvas-shirt/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/sideways-canvas-shirt/` was built on 2026-09-20T22:08:14.542Z -->
   </body>
 </html>
diff --git a/sitemap.xsl b/sitemap.xsl
index 910dccfa..e1b24297 100644
--- a/sitemap.xsl
+++ b/sitemap.xsl
@@ -16,6 +16,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -74,7 +76,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
diff --git a/slightly-weird-man-club/index.html b/slightly-weird-man-club/index.html
index f02f6729..0dd8a51a 100644
--- a/slightly-weird-man-club/index.html
+++ b/slightly-weird-man-club/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="slightly-weird-man-club">slightly weird man club</h1>
+    <h1>slightly weird man club</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,12 +1900,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1915,41 +1932,23 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+		<a class="postlink" href="/hair/">
+			<h2 data-ha-exclude="">hair </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
 			
 		</a>
 	</li>
@@ -2006,6 +2005,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/slightly-weird-man-club/` was built on 2026-09-20T00:40:39.734Z -->
+    <!-- This page `/slightly-weird-man-club/` was built on 2026-09-20T22:08:14.566Z -->
   </body>
 </html>
diff --git a/snap-pouch/index.html b/snap-pouch/index.html
index 31719f46..b1a20157 100644
--- a/snap-pouch/index.html
+++ b/snap-pouch/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="snap-pouch">snap pouch</h1>
+    <h1>snap pouch</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s 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/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<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>
 	
   <li class="post">
-		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." 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>
 	
   <li class="post">
-		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </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>
 				
 			</ul>
-			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
+			<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>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/snap-pouch/` was built on 2026-09-20T00:40:39.737Z -->
+    <!-- This page `/snap-pouch/` was built on 2026-09-20T22:08:14.538Z -->
   </body>
 </html>
diff --git a/soras-collar/index.html b/soras-collar/index.html
index 8bd5d408..18b99e97 100644
--- a/soras-collar/index.html
+++ b/soras-collar/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="soras-collar">sora&#39;s collar</h1>
+    <h1>sora&#39;s collar</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/leather-chest-harness/">
+			<h2 data-ha-exclude="">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
+				<li>gender</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/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</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="/leatherworking-favorites/">
+			<h2 data-ha-exclude="">leatherworking favorites </h2>
 			
 			<ul class="postlist-tags">
 				
 				<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/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1981,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/soras-collar/` was built on 2026-09-20T00:40:39.736Z -->
+    <!-- This page `/soras-collar/` was built on 2026-09-20T22:08:14.536Z -->
   </body>
 </html>
diff --git a/spinners-dream-handspun/index.html b/spinners-dream-handspun/index.html
index 84267a5f..2a73f139 100644
--- a/spinners-dream-handspun/index.html
+++ b/spinners-dream-handspun/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="spinners-dream-handspun">spinner&#39;s dream handspun</h1>
+    <h1>spinner&#39;s dream handspun</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+		<a class="postlink" href="/bfl-silk-handspun/">
+			<h2 data-ha-exclude="">BFL/silk handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
+			<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+		<a class="postlink" href="/handcombed-jacobs-handspun/">
+			<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/icelandic-lamb-handspun/">
+			<h2 data-ha-exclude="">icelandic lamb handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/spinners-dream-handspun/` was built on 2026-09-20T00:40:39.764Z -->
+    <!-- This page `/spinners-dream-handspun/` was built on 2026-09-20T22:08:14.568Z -->
   </body>
 </html>
diff --git a/spinning-plants/index.html b/spinning-plants/index.html
index b5678d66..db01a2f0 100644
--- a/spinning-plants/index.html
+++ b/spinning-plants/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="spinning-plants">spinning plants</h1>
+    <h1>spinning plants</h1>
 
     <div class="post-metadata">
       <p>
@@ -1868,14 +1869,14 @@ switch (currentThemeValue) {
 <li><strong>hard:</strong> rose</li>
 <li><strong>worst:</strong> ramie</li>
 </ul>
-<h2 id="texture-of-final-yarn">texture (of final yarn)</h2>
+<h2 id="texture-(of-final-yarn)">texture (of final yarn)</h2>
 <ul>
 <li><strong>softest:</strong> rose</li>
 <li><strong>pleasant:</strong> banana, tencel</li>
 <li><strong>meh:</strong> ramie</li>
 <li><strong>itchy:</strong> hemp, flax</li>
 </ul>
-<h2 id="density-thickness">density/thickness</h2>
+<h2 id="density%2Fthickness">density/thickness</h2>
 <p>I am estimating this via yards per gram of fiber. Other than the flax and lotus (can't promise anything there), I aimed for my average spin with all of these and spun them on the same tool (Wheeliam, an Ashford Kiwi 3). Per-fiber notes mention whether they spun thick or thin if notable.</p>
 <table>
 <thead>
@@ -2007,26 +2008,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/fire-and-ice-handspun/">
+			<h2 data-ha-exclude="">fire &amp; ice handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fire-ice-handspun.jpg" alt="2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/spinners-dream-handspun/">
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2038,20 +2053,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2104,6 +2105,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/spinning-plants/` was built on 2026-09-20T00:40:39.763Z -->
+    <!-- This page `/spinning-plants/` was built on 2026-09-20T22:08:14.567Z -->
   </body>
 </html>
diff --git a/spotted-towhee/index.html b/spotted-towhee/index.html
index 887ba20a..0591ca5d 100644
--- a/spotted-towhee/index.html
+++ b/spotted-towhee/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="spotted-towhee">spotted towhee</h1>
+    <h1>spotted towhee</h1>
 
     <div class="post-metadata">
       <p>
@@ -1894,26 +1895,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/swallowtail-on-snowdrops/">
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1924,23 +1911,39 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/loon/">
+			<h2 data-ha-exclude="">loon </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
+			</ul>
+			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/flicker/">
+			<h2 data-ha-exclude="">flicker </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1997,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/spotted-towhee/` was built on 2026-09-20T00:40:39.716Z -->
+    <!-- This page `/spotted-towhee/` was built on 2026-09-20T22:08:14.558Z -->
   </body>
 </html>
diff --git a/square-watercolor-pad/index.html b/square-watercolor-pad/index.html
index 619e9527..c51c8f92 100644
--- a/square-watercolor-pad/index.html
+++ b/square-watercolor-pad/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="square-watercolor-pad">square watercolor pad</h1>
+    <h1>square watercolor pad</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,12 +1899,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/acadia-coloring-journal/">
+			<h2 data-ha-exclude="">Acadia coloring journal </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1918,31 +1933,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+		<a class="postlink" href="/orange-journal/">
+			<h2 data-ha-exclude="">orange journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1999,6 +1998,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/square-watercolor-pad/` was built on 2026-09-20T00:40:39.711Z -->
+    <!-- This page `/square-watercolor-pad/` was built on 2026-09-20T22:08:14.533Z -->
   </body>
 </html>
diff --git a/squarsh/index.html b/squarsh/index.html
index 293223ce..6bdab168 100644
--- a/squarsh/index.html
+++ b/squarsh/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="squarsh">squarsh</h1>
+    <h1>squarsh</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,12 +1883,48 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+		<a class="postlink" href="/kestrel-zine/">
+			<h2 data-ha-exclude="">kestrel zine </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>zine</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/trans-the-world/">
+			<h2 data-ha-exclude="">trans the world </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1895,46 +1932,14 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
 				<li>sticker</li>
 				
-				<li>shirt</li>
-				
 				<li>pin</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1991,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/squarsh/` was built on 2026-09-20T00:40:39.736Z -->
+    <!-- This page `/squarsh/` was built on 2026-09-20T22:08:14.537Z -->
   </body>
 </html>
diff --git a/stampede-journal/index.html b/stampede-journal/index.html
index 732fac67..4896b2b5 100644
--- a/stampede-journal/index.html
+++ b/stampede-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="stampede-journal">stampede journal</h1>
+    <h1>stampede journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1893,51 +1894,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/baseball-journal/">
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>book</li>
 				
 			</ul>
-			<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">
+			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+		<a class="postlink" href="/blue-and-brown-leather-journal/">
+			<h2 data-ha-exclude="">blue and brown leather journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/blue-brown-leather-journal.jpg" alt="A three panel collage showcasing a blue and brown leather-covered journal." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+		<a class="postlink" href="/green-memo-pad/">
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1994,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stampede-journal/` was built on 2026-09-20T00:40:39.721Z -->
+    <!-- This page `/stampede-journal/` was built on 2026-09-20T22:08:14.559Z -->
   </body>
 </html>
diff --git a/stationery-exchange/index.html b/stationery-exchange/index.html
index de12b276..7a9f4550 100644
--- a/stationery-exchange/index.html
+++ b/stationery-exchange/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="stationery-exchange">stationery exchange</h1>
+    <h1>stationery exchange</h1>
 
     <div class="post-metadata">
       <p>
@@ -1859,7 +1860,7 @@ switch (currentThemeValue) {
 <p>if you are in the US, I quite recommend <a href="https://www.pirateship.com" target="_blank" rel="external">Pirate Ship</a> which can help you get discounted rates with USPS and other services. You must make an account, but there is no fee for doing so.</p>
 <h3 id="backups">backups</h3>
 <p>in the event of a drop-out or other issue, I will be providing one or two backup gifts. Participants may also opt-in to being backups as well to take some load off me. If backups are needed, I will cover the first one, then round-robin a randomized list of those who have opted in to backups.</p>
-<h2 id="lets-do-it">let's do it!</h2>
+<h2 id="let's-do-it!">let's do it!</h2>
 <p><a href="https://airtable.com/appdTQoPQRBcMTPk7/pagT8xLSSk6XPC6eJ/form" target="_blank" rel="external">sign up for the stationery exchange</a></p>
 <p>(if airtable is for any reason inaccessible to you, please <a href="/contact">reach out directly</a>)</p>
 
@@ -1900,12 +1901,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
 		<a class="postlink" href="/fountain-pen-friendly-stationery/">
-			<h2 data-ha-exclude="" id="fountain-pen-friendly-stationery">fountain pen-friendly stationery </h2>
+			<h2 data-ha-exclude="">fountain pen-friendly stationery </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1969,6 +1970,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stationery-exchange/` was built on 2026-09-20T00:40:39.762Z -->
+    <!-- This page `/stationery-exchange/` was built on 2026-09-20T22:08:14.543Z -->
   </body>
 </html>
diff --git a/stellars-jay/index.html b/stellars-jay/index.html
index 27b61bdd..8e00f120 100644
--- a/stellars-jay/index.html
+++ b/stellars-jay/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="stellars-jay">stellar&#39;s jay</h1>
+    <h1>stellar&#39;s jay</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,26 +1900,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="">block printing transfer method </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1926,28 +1927,30 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/hair/">
+			<h2 data-ha-exclude="">hair </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
 			
 		</a>
 	</li>
@@ -2004,6 +2007,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stellars-jay/` was built on 2026-09-20T00:40:39.715Z -->
+    <!-- This page `/stellars-jay/` was built on 2026-09-20T22:08:14.556Z -->
   </body>
 </html>
diff --git a/stephanie-collar/index.html b/stephanie-collar/index.html
index ac71b3fe..d3234431 100644
--- a/stephanie-collar/index.html
+++ b/stephanie-collar/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="stephanie-collar">stephanie collar</h1>
+    <h1>stephanie collar</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/circle-bag/">
-			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+		<a class="postlink" href="/brookes-suspenders/">
+			<h2 data-ha-exclude="">brooke&#39;s suspenders </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/brooke-suspenders.jpg" alt="a two image collage showing the front and back of a person, neck to waist. she&#39;s wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+		<a class="postlink" href="/triangle-pouch/">
+			<h2 data-ha-exclude="">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stephanie-collar/` was built on 2026-09-20T00:40:39.732Z -->
+    <!-- This page `/stephanie-collar/` was built on 2026-09-20T22:08:14.565Z -->
   </body>
 </html>
diff --git a/stickers/index.html b/stickers/index.html
index a86d949b..f648f8e4 100644
--- a/stickers/index.html
+++ b/stickers/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="stickers">stickers!</h1>
+    <h1>stickers!</h1>
 
     <div class="post-metadata">
       <p>
@@ -1896,12 +1897,56 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/girldick/">
+			<h2 data-ha-exclude="">girldick (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/boypussy/">
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1921,48 +1966,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-			</ul>
-			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2015,6 +2018,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stickers/` was built on 2026-09-20T00:40:39.722Z -->
+    <!-- This page `/stickers/` was built on 2026-09-20T22:08:14.560Z -->
   </body>
 </html>
diff --git a/striped-journal/index.html b/striped-journal/index.html
index e1d1d36b..f31ab86c 100644
--- a/striped-journal/index.html
+++ b/striped-journal/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="striped-journal">striped journal</h1>
+    <h1>striped journal</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,26 +1900,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+		<a class="postlink" href="/square-watercolor-pad/">
+			<h2 data-ha-exclude="">square watercolor pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/tiny-books/">
+			<h2 data-ha-exclude="">tiny books </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/tiny-book.jpg" alt="A three panel collage showing a book held in the palm of a hand." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1932,20 +1947,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1998,6 +1999,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/striped-journal/` was built on 2026-09-20T00:40:39.711Z -->
+    <!-- This page `/striped-journal/` was built on 2026-09-20T22:08:14.533Z -->
   </body>
 </html>
diff --git a/style/index.html b/style/index.html
index e27c0684..0df680ed 100644
--- a/style/index.html
+++ b/style/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1398,7 +1399,7 @@ switch (currentThemeValue) {
       
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>" data-pagefind-body="">
-  <h1 id="style">style</h1>
+  <h1>style</h1>
 
   <p>Adaped from an introduction to Markdown in order to test and display styling of basic components of the site.</p>
 <h2 id="heading-level-2">Heading level 2</h2>
@@ -1407,9 +1408,9 @@ switch (currentThemeValue) {
 <p>The number of pound signs determines the heading level.</p>
 <h4 id="heading-level-4">Heading level 4</h4>
 <p>It's also important not to skip heading levels. Don't jump from a 2 to a 4 or similar.</p>
-<h5 id="heading-level-5">Heading level 5</h5>
+<h5>Heading level 5</h5>
 <p>You can use up to level 6!</p>
-<h6 id="heres-level-6">Here's level 6</h6>
+<h6>Here's level 6</h6>
 <p>It's just unnecessary.</p>
 <h2 id="paragraphs">Paragraphs</h2>
 <p>You'll notice that I am putting blank lines between headings and plain text. This is necessary, or they won't render correctly.</p>
@@ -1554,6 +1555,6 @@ This is supposed to be a new paragraph, but it isn't.</p>
 </footer>
 
 
-    <!-- This page `/style/` was built on 2026-09-20T00:40:39.773Z -->
+    <!-- This page `/style/` was built on 2026-09-20T22:08:14.572Z -->
   </body>
 </html>
diff --git a/sunflower/index.html b/sunflower/index.html
index 7a4a212e..efdf0d28 100644
--- a/sunflower/index.html
+++ b/sunflower/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="sunflower">sunflower</h1>
+    <h1>sunflower</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+		<a class="postlink" href="/lobstah/">
+			<h2 data-ha-exclude="">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
 				<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/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold-green/">
-			<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green) </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>book</li>
+				
 			</ul>
-			<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">
+			<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>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/sunflower/` was built on 2026-09-20T00:40:39.735Z -->
+    <!-- This page `/sunflower/` was built on 2026-09-20T22:08:14.535Z -->
   </body>
 </html>
diff --git a/swallowtail-on-snowdrops/index.html b/swallowtail-on-snowdrops/index.html
index 39cc631e..404554f5 100644
--- a/swallowtail-on-snowdrops/index.html
+++ b/swallowtail-on-snowdrops/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="swallowtail-on-snowdrops">swallowtail on snowdrops</h1>
+    <h1>swallowtail on snowdrops</h1>
 
     <div class="post-metadata">
       <p>
@@ -1899,51 +1900,59 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/shirts/">
-			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
+		<a class="postlink" href="/greeting-loons/">
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/euphorbia/">
-			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
 				<li>card</li>
 				
+				<li>print</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/kestrel-zine/">
+			<h2 data-ha-exclude="">kestrel zine </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>zine</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -2000,6 +2009,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/swallowtail-on-snowdrops/` was built on 2026-09-20T00:40:39.721Z -->
+    <!-- This page `/swallowtail-on-snowdrops/` was built on 2026-09-20T22:08:14.560Z -->
   </body>
 </html>
diff --git a/swoop-wallet/index.html b/swoop-wallet/index.html
index 1de2552a..b9126099 100644
--- a/swoop-wallet/index.html
+++ b/swoop-wallet/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="swoop-wallet">swoop wallet</h1>
+    <h1>swoop wallet</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/swoop-wallet/` was built on 2026-09-20T00:40:39.736Z -->
+    <!-- This page `/swoop-wallet/` was built on 2026-09-20T22:08:14.537Z -->
   </body>
 </html>
diff --git a/tag/all/index.html b/tag/all/index.html
index 10196c30..ef339a40 100644
--- a/tag/all/index.html
+++ b/tag/all/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/all/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/all/` was built on 2026-09-20T00:40:40.829Z -->
+    <!-- This page `/tag/all/` was built on 2026-09-20T22:08:14.896Z -->
   <body>
 </body></body></html>
diff --git a/tag/blur/index.html b/tag/blur/index.html
index 921f8011..33b5bbed 100644
--- a/tag/blur/index.html
+++ b/tag/blur/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/blur/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/blur/` was built on 2026-09-20T00:40:40.819Z -->
+    <!-- This page `/tag/blur/` was built on 2026-09-20T22:08:14.881Z -->
   <body>
 </body></body></html>
diff --git a/tag/book/index.html b/tag/book/index.html
index 6c4cc370..b4a4a6d9 100644
--- a/tag/book/index.html
+++ b/tag/book/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/book/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/book/` was built on 2026-09-20T00:40:40.806Z -->
+    <!-- This page `/tag/book/` was built on 2026-09-20T22:08:14.875Z -->
   <body>
 </body></body></html>
diff --git a/tag/card/index.html b/tag/card/index.html
index 45cb131b..c07874b8 100644
--- a/tag/card/index.html
+++ b/tag/card/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/card/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/card/` was built on 2026-09-20T00:40:40.799Z -->
+    <!-- This page `/tag/card/` was built on 2026-09-20T22:08:14.872Z -->
   <body>
 </body></body></html>
diff --git a/tag/gallery/index.html b/tag/gallery/index.html
index d7060033..2ecee58d 100644
--- a/tag/gallery/index.html
+++ b/tag/gallery/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/gallery/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/gallery/` was built on 2026-09-20T00:40:40.797Z -->
+    <!-- This page `/tag/gallery/` was built on 2026-09-20T22:08:14.869Z -->
   <body>
 </body></body></html>
diff --git a/tag/gender/index.html b/tag/gender/index.html
index 81691b31..ed59515e 100644
--- a/tag/gender/index.html
+++ b/tag/gender/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/gender/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/gender/` was built on 2026-09-20T00:40:40.795Z -->
+    <!-- This page `/tag/gender/` was built on 2026-09-20T22:08:14.819Z -->
   <body>
 </body></body></html>
diff --git a/tag/highlight/index.html b/tag/highlight/index.html
index df0fd5be..bf02072f 100644
--- a/tag/highlight/index.html
+++ b/tag/highlight/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/highlight/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/highlight/` was built on 2026-09-20T00:40:40.808Z -->
+    <!-- This page `/tag/highlight/` was built on 2026-09-20T22:08:14.878Z -->
   <body>
 </body></body></html>
diff --git a/tag/knit/index.html b/tag/knit/index.html
index 0e58979c..59ade47f 100644
--- a/tag/knit/index.html
+++ b/tag/knit/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/knit/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/knit/` was built on 2026-09-20T00:40:40.807Z -->
+    <!-- This page `/tag/knit/` was built on 2026-09-20T22:08:14.877Z -->
   <body>
 </body></body></html>
diff --git a/tag/leather/index.html b/tag/leather/index.html
index b6afb2f3..d66ae5a4 100644
--- a/tag/leather/index.html
+++ b/tag/leather/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/leather/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/leather/` was built on 2026-09-20T00:40:40.810Z -->
+    <!-- This page `/tag/leather/` was built on 2026-09-20T22:08:14.880Z -->
   <body>
 </body></body></html>
diff --git a/tag/patch/index.html b/tag/patch/index.html
index f3836ed7..eefb8b76 100644
--- a/tag/patch/index.html
+++ b/tag/patch/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/patch/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/patch/` was built on 2026-09-20T00:40:40.805Z -->
+    <!-- This page `/tag/patch/` was built on 2026-09-20T22:08:14.873Z -->
   <body>
 </body></body></html>
diff --git a/tag/pin/index.html b/tag/pin/index.html
index 8c2446a7..c0a31d4d 100644
--- a/tag/pin/index.html
+++ b/tag/pin/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/pin/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/pin/` was built on 2026-09-20T00:40:40.815Z -->
+    <!-- This page `/tag/pin/` was built on 2026-09-20T22:08:14.890Z -->
   <body>
 </body></body></html>
diff --git a/tag/posts/index.html b/tag/posts/index.html
index 453dae9f..7f28900d 100644
--- a/tag/posts/index.html
+++ b/tag/posts/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/posts/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/posts/` was built on 2026-09-20T00:40:39.629Z -->
+    <!-- This page `/tag/posts/` was built on 2026-09-20T22:08:14.404Z -->
   <body>
 </body></body></html>
diff --git a/tag/print/index.html b/tag/print/index.html
index 09278969..f506f894 100644
--- a/tag/print/index.html
+++ b/tag/print/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/print/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/print/` was built on 2026-09-20T00:40:40.798Z -->
+    <!-- This page `/tag/print/` was built on 2026-09-20T22:08:14.870Z -->
   <body>
 </body></body></html>
diff --git a/tag/reference/index.html b/tag/reference/index.html
index e844e061..a28a330b 100644
--- a/tag/reference/index.html
+++ b/tag/reference/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/reference/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/reference/` was built on 2026-09-20T00:40:39.803Z -->
+    <!-- This page `/tag/reference/` was built on 2026-09-20T22:08:14.585Z -->
   <body>
 </body></body></html>
diff --git a/tag/shirt/index.html b/tag/shirt/index.html
index 999b9e89..1f999c9d 100644
--- a/tag/shirt/index.html
+++ b/tag/shirt/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/shirt/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/shirt/` was built on 2026-09-20T00:40:40.812Z -->
+    <!-- This page `/tag/shirt/` was built on 2026-09-20T22:08:14.883Z -->
   <body>
 </body></body></html>
diff --git a/tag/software/index.html b/tag/software/index.html
index 14d6549d..0b4cfbca 100644
--- a/tag/software/index.html
+++ b/tag/software/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/software/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/software/` was built on 2026-09-20T00:40:40.813Z -->
+    <!-- This page `/tag/software/` was built on 2026-09-20T22:08:14.887Z -->
   <body>
 </body></body></html>
diff --git a/tag/stationery/index.html b/tag/stationery/index.html
index 63a28685..d8bcbb83 100644
--- a/tag/stationery/index.html
+++ b/tag/stationery/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/stationery/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/stationery/` was built on 2026-09-20T00:40:40.827Z -->
+    <!-- This page `/tag/stationery/` was built on 2026-09-20T22:08:14.885Z -->
   <body>
 </body></body></html>
diff --git a/tag/sticker/index.html b/tag/sticker/index.html
index d56cb0b5..7cbad8bf 100644
--- a/tag/sticker/index.html
+++ b/tag/sticker/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/sticker/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/sticker/` was built on 2026-09-20T00:40:40.814Z -->
+    <!-- This page `/tag/sticker/` was built on 2026-09-20T22:08:14.889Z -->
   <body>
 </body></body></html>
diff --git a/tag/tagpagination/index.html b/tag/tagpagination/index.html
index 353c5cd9..c32e48a6 100644
--- a/tag/tagpagination/index.html
+++ b/tag/tagpagination/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/tagpagination/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/tagpagination/` was built on 2026-09-20T00:40:40.828Z -->
+    <!-- This page `/tag/tagpagination/` was built on 2026-09-20T22:08:14.894Z -->
   <body>
 </body></body></html>
diff --git a/tag/weaving/index.html b/tag/weaving/index.html
index 7d8a207b..64f7769f 100644
--- a/tag/weaving/index.html
+++ b/tag/weaving/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/weaving/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/weaving/` was built on 2026-09-20T00:40:40.818Z -->
+    <!-- This page `/tag/weaving/` was built on 2026-09-20T22:08:14.892Z -->
   <body>
 </body></body></html>
diff --git a/tag/yarn/index.html b/tag/yarn/index.html
index 949a7547..52501525 100644
--- a/tag/yarn/index.html
+++ b/tag/yarn/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/yarn/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/yarn/` was built on 2026-09-20T00:40:40.809Z -->
+    <!-- This page `/tag/yarn/` was built on 2026-09-20T22:08:14.888Z -->
   <body>
 </body></body></html>
diff --git a/tag/zine/index.html b/tag/zine/index.html
index e9e27487..8a212781 100644
--- a/tag/zine/index.html
+++ b/tag/zine/index.html
@@ -51,6 +51,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -109,7 +111,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1166,7 +1167,7 @@ switch (currentThemeValue) {
 
 
     <main id="main">
-      <h1 id="this-page-has-moved">this page has moved!</h1>
+      <h1>this page has moved!</h1>
 
       <p>If you're not automatically redirected, head to <a href="/tags/zine/">the new URL for this tag</a>.</p>
 
@@ -1215,6 +1216,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/zine/` was built on 2026-09-20T00:40:40.825Z -->
+    <!-- This page `/tag/zine/` was built on 2026-09-20T22:08:14.882Z -->
   <body>
 </body></body></html>
diff --git a/tags/book/2/index.html b/tags/book/2/index.html
index a449bc95..98966907 100644
--- a/tags/book/2/index.html
+++ b/tags/book/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-book">tag: book</h1>
+<h1>tag: book</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/blue-and-brown-leather-journal/">
-			<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal </h2>
+			<h2 data-ha-exclude="">blue and brown leather journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+			<h2 data-ha-exclude="">Acadia coloring journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,6 +1510,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/book/2/` was built on 2026-09-20T00:40:52.574Z -->
+    <!-- This page `/tags/book/2/` was built on 2026-09-20T22:08:22.333Z -->
   </body>
 </html>
diff --git a/tags/book/index.html b/tags/book/index.html
index 38bf93fe..bb7c21fe 100644
--- a/tags/book/index.html
+++ b/tags/book/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-book">tag: book</h1>
+<h1>tag: book</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+			<h2 data-ha-exclude="">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1431,7 +1432,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-strap-journal/">
-			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
+			<h2 data-ha-exclude="">leather strap journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1445,7 +1446,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stampede-journal/">
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+			<h2 data-ha-exclude="">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1459,7 +1460,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+			<h2 data-ha-exclude="">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1473,7 +1474,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1487,7 +1488,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+			<h2 data-ha-exclude="">lined notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1501,7 +1502,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flocked-notebook/">
-			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
+			<h2 data-ha-exclude="">flocked notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1515,7 +1516,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+			<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1531,7 +1532,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+			<h2 data-ha-exclude="">square watercolor pad </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-books/">
-			<h2 data-ha-exclude="" id="tiny-books">tiny books </h2>
+			<h2 data-ha-exclude="">tiny books </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1559,7 +1560,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orange-journal/">
-			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
+			<h2 data-ha-exclude="">orange journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1573,7 +1574,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/striped-journal/">
-			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
+			<h2 data-ha-exclude="">striped journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1655,6 +1656,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/book/` was built on 2026-09-20T00:40:52.039Z -->
+    <!-- This page `/tags/book/` was built on 2026-09-20T22:08:21.790Z -->
   </body>
 </html>
diff --git a/tags/card/2/index.html b/tags/card/2/index.html
index 9741bbd0..a3261d5a 100644
--- a/tags/card/2/index.html
+++ b/tags/card/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-card">tag: card</h1>
+<h1>tag: card</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
+			<h2 data-ha-exclude="">spotted towhee </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+			<h2 data-ha-exclude="">geese </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1433,7 +1434,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+			<h2 data-ha-exclude="">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1451,7 +1452,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1491,7 +1492,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+			<h2 data-ha-exclude="">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,7 +1510,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flicker/">
-			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+			<h2 data-ha-exclude="">heron </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+			<h2 data-ha-exclude="">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1561,7 +1562,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			<h2 data-ha-exclude="">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1579,7 +1580,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
+			<h2 data-ha-exclude="">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1595,7 +1596,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/junco/">
-			<h2 data-ha-exclude="" id="junco">junco </h2>
+			<h2 data-ha-exclude="">junco </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1611,7 +1612,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+			<h2 data-ha-exclude="">flatfish </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1703,6 +1704,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/card/2/` was built on 2026-09-20T00:40:50.773Z -->
+    <!-- This page `/tags/card/2/` was built on 2026-09-20T22:08:20.761Z -->
   </body>
 </html>
diff --git a/tags/card/3/index.html b/tags/card/3/index.html
index a3958352..8fa6feb9 100644
--- a/tags/card/3/index.html
+++ b/tags/card/3/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-card">tag: card</h1>
+<h1>tag: card</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+			<h2 data-ha-exclude="">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+			<h2 data-ha-exclude="">iris </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1431,7 +1432,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+			<h2 data-ha-exclude="">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1449,7 +1450,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+			<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1533,6 +1534,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/card/3/` was built on 2026-09-20T00:40:51.569Z -->
+    <!-- This page `/tags/card/3/` was built on 2026-09-20T22:08:21.189Z -->
   </body>
 </html>
diff --git a/tags/card/index.html b/tags/card/index.html
index 717792da..ac93c352 100644
--- a/tags/card/index.html
+++ b/tags/card/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-card">tag: card</h1>
+<h1>tag: card</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1417,7 +1418,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+			<h2 data-ha-exclude="">greeting quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1433,7 +1434,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1451,7 +1452,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1493,7 +1494,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			<h2 data-ha-exclude="">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1511,7 +1512,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1529,7 +1530,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+			<h2 data-ha-exclude="">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1547,7 +1548,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+			<h2 data-ha-exclude="">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1563,7 +1564,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+			<h2 data-ha-exclude="">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1581,7 +1582,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1599,7 +1600,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+			<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1617,7 +1618,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1707,6 +1708,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/card/` was built on 2026-09-20T00:40:49.835Z -->
+    <!-- This page `/tags/card/` was built on 2026-09-20T22:08:20.277Z -->
   </body>
 </html>
diff --git a/tags/gender/2/index.html b/tags/gender/2/index.html
index 7bedb2f0..4ae32971 100644
--- a/tags/gender/2/index.html
+++ b/tags/gender/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-gender">tag: gender</h1>
+<h1>tag: gender</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-pronouns/">
-			<h2 data-ha-exclude="" id="on-pronouns">on pronouns </h2>
+			<h2 data-ha-exclude="">on pronouns </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1429,7 +1430,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
+			<h2 data-ha-exclude="">in the news </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			<h2 data-ha-exclude="">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1465,7 +1466,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1487,7 +1488,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,7 +1510,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			<h2 data-ha-exclude="">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+			<h2 data-ha-exclude="">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1563,7 +1564,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+			<h2 data-ha-exclude="">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1581,7 +1582,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1603,7 +1604,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1621,7 +1622,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1719,6 +1720,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/gender/2/` was built on 2026-09-20T00:40:44.175Z -->
+    <!-- This page `/tags/gender/2/` was built on 2026-09-20T22:08:16.587Z -->
   </body>
 </html>
diff --git a/tags/gender/3/index.html b/tags/gender/3/index.html
index dcbf803b..949c2d55 100644
--- a/tags/gender/3/index.html
+++ b/tags/gender/3/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-gender">tag: gender</h1>
+<h1>tag: gender</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+			<h2 data-ha-exclude="">hair </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+			<h2 data-ha-exclude="">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1433,7 +1434,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
+			<h2 data-ha-exclude="">gender? </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1447,7 +1448,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1463,7 +1464,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+			<h2 data-ha-exclude="">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1481,7 +1482,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer-book-list/">
-			<h2 data-ha-exclude="" id="queer-book-list">queer book list </h2>
+			<h2 data-ha-exclude="">queer book list </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1563,6 +1564,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/gender/3/` was built on 2026-09-20T00:40:45.261Z -->
+    <!-- This page `/tags/gender/3/` was built on 2026-09-20T22:08:17.832Z -->
   </body>
 </html>
diff --git a/tags/gender/index.html b/tags/gender/index.html
index 3412860a..d2262fbc 100644
--- a/tags/gender/index.html
+++ b/tags/gender/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-gender">tag: gender</h1>
+<h1>tag: gender</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
+			<h2 data-ha-exclude="">networks of trans care </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/give-to-trans-orgs-and-people/">
-			<h2 data-ha-exclude="" id="give-to-trans-orgs-and-people">give to trans orgs and people </h2>
+			<h2 data-ha-exclude="">give to trans orgs and people </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
+			<h2 data-ha-exclude="">on the ubiquity of &#39;enby&#39; </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1459,7 +1460,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1475,7 +1476,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
+			<h2 data-ha-exclude="">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1489,7 +1490,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
+			<h2 data-ha-exclude="">gender as a proxy variable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1505,7 +1506,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+			<h2 data-ha-exclude="">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1521,7 +1522,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1537,7 +1538,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+			<h2 data-ha-exclude="">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1573,7 +1574,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1591,7 +1592,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1675,6 +1676,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/gender/` was built on 2026-09-20T00:40:39.767Z -->
+    <!-- This page `/tags/gender/` was built on 2026-09-20T22:08:14.571Z -->
   </body>
 </html>
diff --git a/tags/highlight/2/index.html b/tags/highlight/2/index.html
index 4b790cf1..9e807558 100644
--- a/tags/highlight/2/index.html
+++ b/tags/highlight/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-highlight">tag: highlight</h1>
+<h1>tag: highlight</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+			<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/recommendations-and-favorites/">
-			<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites </h2>
+			<h2 data-ha-exclude="">recommendations &amp; favorites </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,6 +1498,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/highlight/2/` was built on 2026-09-20T00:40:53.943Z -->
+    <!-- This page `/tags/highlight/2/` was built on 2026-09-20T22:08:23.093Z -->
   </body>
 </html>
diff --git a/tags/highlight/index.html b/tags/highlight/index.html
index 5e7e2daa..8c13d5e9 100644
--- a/tags/highlight/index.html
+++ b/tags/highlight/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-highlight">tag: highlight</h1>
+<h1>tag: highlight</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+			<h2 data-ha-exclude="">core CSS </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+			<h2 data-ha-exclude="">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1431,7 +1432,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-solstice-2025/">
-			<h2 data-ha-exclude="" id="happy-solstice-2025">happy solstice 2025 </h2>
+			<h2 data-ha-exclude="">happy solstice 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1445,7 +1446,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+			<h2 data-ha-exclude="">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1461,7 +1462,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1477,7 +1478,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1493,7 +1494,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1511,7 +1512,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1529,7 +1530,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/quorbs/">
-			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
+			<h2 data-ha-exclude="">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1561,7 +1562,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+			<h2 data-ha-exclude="">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1577,7 +1578,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+			<h2 data-ha-exclude="">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1595,7 +1596,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1679,6 +1680,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/highlight/` was built on 2026-09-20T00:40:53.490Z -->
+    <!-- This page `/tags/highlight/` was built on 2026-09-20T22:08:22.818Z -->
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 8f465cbd..00605fae 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="all-tags">all tags</h1>
+<h1>all tags</h1>
 
 
 <ul id="taglist">
@@ -1420,7 +1421,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="book">book</h2>
+      <h2>book</h2>
       
       <p><span class="tagcount">(16 posts)</span></p>
     </a>
@@ -1452,7 +1453,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="card">card</h2>
+      <h2>card</h2>
       
       <p><span class="tagcount">(30 posts)</span></p>
     </a>
@@ -1484,7 +1485,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="gender">gender</h2>
+      <h2>gender</h2>
       
       <p><span class="tagcount">(32 posts)</span></p>
     </a>
@@ -1516,7 +1517,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="highlight">highlight</h2>
+      <h2>highlight</h2>
       
       <p><span class="tagcount">(15 posts)</span></p>
     </a>
@@ -1548,7 +1549,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="knit">knit</h2>
+      <h2>knit</h2>
       
       <p><span class="tagcount">(11 posts)</span></p>
     </a>
@@ -1580,7 +1581,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="leather">leather</h2>
+      <h2>leather</h2>
       
       <p><span class="tagcount">(52 posts)</span></p>
     </a>
@@ -1612,7 +1613,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="patch">patch</h2>
+      <h2>patch</h2>
       
       <p><span class="tagcount">(3 posts)</span></p>
     </a>
@@ -1644,7 +1645,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="pin">pin</h2>
+      <h2>pin</h2>
       
       <p><span class="tagcount">(8 posts)</span></p>
     </a>
@@ -1676,7 +1677,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="print">print</h2>
+      <h2>print</h2>
       
       <p><span class="tagcount">(58 posts)</span></p>
     </a>
@@ -1708,7 +1709,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="shirt">shirt</h2>
+      <h2>shirt</h2>
       
       <p><span class="tagcount">(20 posts)</span></p>
     </a>
@@ -1740,7 +1741,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="software">software</h2>
+      <h2>software</h2>
       
       <p><span class="tagcount">(18 posts)</span></p>
     </a>
@@ -1772,7 +1773,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="stationery">stationery</h2>
+      <h2>stationery</h2>
       
       <p><span class="tagcount">(3 posts)</span></p>
     </a>
@@ -1804,7 +1805,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="sticker">sticker</h2>
+      <h2>sticker</h2>
       
       <p><span class="tagcount">(8 posts)</span></p>
     </a>
@@ -1836,7 +1837,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="weaving">weaving</h2>
+      <h2>weaving</h2>
       
       <p><span class="tagcount">(5 posts)</span></p>
     </a>
@@ -1868,7 +1869,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="yarn">yarn</h2>
+      <h2>yarn</h2>
       
       <p><span class="tagcount">(16 posts)</span></p>
     </a>
@@ -1900,7 +1901,7 @@ switch (currentThemeValue) {
         
         
       </div>
-      <h2 id="zine">zine</h2>
+      <h2>zine</h2>
       
       <p><span class="tagcount">(4 posts)</span></p>
     </a>
@@ -1954,6 +1955,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/` was built on 2026-09-20T00:40:39.767Z -->
+    <!-- This page `/tags/` was built on 2026-09-20T22:08:14.571Z -->
   </body>
 </html>
diff --git a/tags/knit/index.html b/tags/knit/index.html
index 05fa32d9..a538e952 100644
--- a/tags/knit/index.html
+++ b/tags/knit/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-knit">tag: knit</h1>
+<h1>tag: knit</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
+			<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/acadia-mitts/">
-			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
+			<h2 data-ha-exclude="">acadia mitts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+			<h2 data-ha-exclude="">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/sideways-canvas-shirt/">
-			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
+			<h2 data-ha-exclude="">sideways canvas shirt </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+			<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+			<h2 data-ha-exclude="">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1487,7 +1488,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/knit-shrimp/">
-			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
+			<h2 data-ha-exclude="">knit shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1501,7 +1502,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+			<h2 data-ha-exclude="">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1517,7 +1518,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pink-socks/">
-			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
+			<h2 data-ha-exclude="">pink socks </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1531,7 +1532,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+			<h2 data-ha-exclude="">brooke&#39;s socks </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+			<h2 data-ha-exclude="">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1614,6 +1615,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/knit/` was built on 2026-09-20T00:40:52.886Z -->
+    <!-- This page `/tags/knit/` was built on 2026-09-20T22:08:22.515Z -->
   </body>
 </html>
diff --git a/tags/leather/2/index.html b/tags/leather/2/index.html
index b26abf7b..5c16d91b 100644
--- a/tags/leather/2/index.html
+++ b/tags/leather/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-leather">tag: leather</h1>
+<h1>tag: leather</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+			<h2 data-ha-exclude="">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+			<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+			<h2 data-ha-exclude="">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+			<h2 data-ha-exclude="">shrimp cat toy </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+			<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1469,7 +1470,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-cuff-bracelets/">
-			<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets </h2>
+			<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1483,7 +1484,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+			<h2 data-ha-exclude="">aaron&#39;s mask </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
+			<h2 data-ha-exclude="">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1511,7 +1512,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+			<h2 data-ha-exclude="">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1525,7 +1526,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1557,7 +1558,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+			<h2 data-ha-exclude="">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1571,7 +1572,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+			<h2 data-ha-exclude="">gradient purse strap </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1661,6 +1662,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/2/` was built on 2026-09-20T00:40:54.720Z -->
+    <!-- This page `/tags/leather/2/` was built on 2026-09-20T22:08:23.520Z -->
   </body>
 </html>
diff --git a/tags/leather/3/index.html b/tags/leather/3/index.html
index 5f2458f0..97272909 100644
--- a/tags/leather/3/index.html
+++ b/tags/leather/3/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-leather">tag: leather</h1>
+<h1>tag: leather</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/zipper-bifold-green/">
-			<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green) </h2>
+			<h2 data-ha-exclude="">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+			<h2 data-ha-exclude="">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+			<h2 data-ha-exclude="">mousie </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+			<h2 data-ha-exclude="">long zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1473,7 +1474,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+			<h2 data-ha-exclude="">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1489,7 +1490,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/circle-bag/">
-			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+			<h2 data-ha-exclude="">circle bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1503,7 +1504,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stephanie-collar/">
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar </h2>
+			<h2 data-ha-exclude="">stephanie collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1517,7 +1518,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+			<h2 data-ha-exclude="">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1531,7 +1532,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1545,7 +1546,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+			<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1559,7 +1560,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-collar/">
-			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+			<h2 data-ha-exclude="">brooke&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1573,7 +1574,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+			<h2 data-ha-exclude="">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1663,6 +1664,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/3/` was built on 2026-09-20T00:40:54.771Z -->
+    <!-- This page `/tags/leather/3/` was built on 2026-09-20T22:08:23.736Z -->
   </body>
 </html>
diff --git a/tags/leather/4/index.html b/tags/leather/4/index.html
index 5536b7e7..0b57cdce 100644
--- a/tags/leather/4/index.html
+++ b/tags/leather/4/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-leather">tag: leather</h1>
+<h1>tag: leather</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/x-acto-knife-sheath/">
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
+			<h2 data-ha-exclude="">x-acto knife sheath </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+			<h2 data-ha-exclude="">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1429,7 +1430,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+			<h2 data-ha-exclude="">zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-zipper-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
+			<h2 data-ha-exclude="">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+			<h2 data-ha-exclude="">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+			<h2 data-ha-exclude="">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1485,7 +1486,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+			<h2 data-ha-exclude="">eight pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1499,7 +1500,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/double-bill-pocket-bifold/">
-			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+			<h2 data-ha-exclude="">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
+			<h2 data-ha-exclude="">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+			<h2 data-ha-exclude="">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-chest-harness/">
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
+			<h2 data-ha-exclude="">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+			<h2 data-ha-exclude="">leatherworking favorites </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1569,7 +1570,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-keychains/">
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
+			<h2 data-ha-exclude="">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1651,6 +1652,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/4/` was built on 2026-09-20T00:40:55.036Z -->
+    <!-- This page `/tags/leather/4/` was built on 2026-09-20T22:08:23.874Z -->
   </body>
 </html>
diff --git a/tags/leather/index.html b/tags/leather/index.html
index 6b63bbef..726fed93 100644
--- a/tags/leather/index.html
+++ b/tags/leather/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-leather">tag: leather</h1>
+<h1>tag: leather</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/mouse-coin-purse/">
-			<h2 data-ha-exclude="" id="mouse-coin-purse">mouse coin purse </h2>
+			<h2 data-ha-exclude="">mouse coin purse </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+			<h2 data-ha-exclude="">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1429,7 +1430,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+			<h2 data-ha-exclude="">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1445,7 +1446,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1461,7 +1462,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brookes-suspenders/">
-			<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
+			<h2 data-ha-exclude="">brooke&#39;s suspenders </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1475,7 +1476,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/wrap-bracelets/">
-			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
+			<h2 data-ha-exclude="">wrap bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1489,7 +1490,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+			<h2 data-ha-exclude="">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1505,7 +1506,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+			<h2 data-ha-exclude="">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1519,7 +1520,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+			<h2 data-ha-exclude="">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1533,7 +1534,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+			<h2 data-ha-exclude="">snap pouch </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1547,7 +1548,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+			<h2 data-ha-exclude="">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1561,7 +1562,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
+			<h2 data-ha-exclude="">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1575,7 +1576,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bowtie/">
-			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
+			<h2 data-ha-exclude="">bowtie </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1657,6 +1658,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/` was built on 2026-09-20T00:40:54.452Z -->
+    <!-- This page `/tags/leather/` was built on 2026-09-20T22:08:23.321Z -->
   </body>
 </html>
diff --git a/tags/patch/index.html b/tags/patch/index.html
index 8f106183..48eddbee 100644
--- a/tags/patch/index.html
+++ b/tags/patch/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-patch">tag: patch</h1>
+<h1>tag: patch</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/scrap-patches/">
-			<h2 data-ha-exclude="" id="scrap-patches">scrap patches </h2>
+			<h2 data-ha-exclude="">scrap patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1431,7 +1432,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+			<h2 data-ha-exclude="">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1502,6 +1503,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/patch/` was built on 2026-09-20T00:40:51.571Z -->
+    <!-- This page `/tags/patch/` was built on 2026-09-20T22:08:21.442Z -->
   </body>
 </html>
diff --git a/tags/pin/index.html b/tags/pin/index.html
index c9b3cb28..aaa6c480 100644
--- a/tags/pin/index.html
+++ b/tags/pin/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-pin">tag: pin</h1>
+<h1>tag: pin</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pins/">
-			<h2 data-ha-exclude="" id="pins">pins! </h2>
+			<h2 data-ha-exclude="">pins! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1433,7 +1434,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1453,7 +1454,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			<h2 data-ha-exclude="">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1475,7 +1476,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1497,7 +1498,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1519,7 +1520,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1616,6 +1617,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/pin/` was built on 2026-09-20T00:40:55.965Z -->
+    <!-- This page `/tags/pin/` was built on 2026-09-20T22:08:24.356Z -->
   </body>
 </html>
diff --git a/tags/print/2/index.html b/tags/print/2/index.html
index 9dd6b346..3c9600dd 100644
--- a/tags/print/2/index.html
+++ b/tags/print/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-print">tag: print</h1>
+<h1>tag: print</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-portraits/">
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
+			<h2 data-ha-exclude="">tiny portraits </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+			<h2 data-ha-exclude="">squarsh </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/printmaking-paper-notes/">
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
+			<h2 data-ha-exclude="">printmaking paper notes </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+			<h2 data-ha-exclude="">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1475,7 +1476,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+			<h2 data-ha-exclude="">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1493,7 +1494,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/tiny-mushrooms/">
-			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
+			<h2 data-ha-exclude="">tiny mushrooms </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1507,7 +1508,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+			<h2 data-ha-exclude="">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1543,7 +1544,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1559,7 +1560,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1579,7 +1580,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			<h2 data-ha-exclude="">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1601,7 +1602,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1699,6 +1700,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/2/` was built on 2026-09-20T00:40:46.698Z -->
+    <!-- This page `/tags/print/2/` was built on 2026-09-20T22:08:18.703Z -->
   </body>
 </html>
diff --git a/tags/print/3/index.html b/tags/print/3/index.html
index 376a2d7d..80f970c0 100644
--- a/tags/print/3/index.html
+++ b/tags/print/3/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-print">tag: print</h1>
+<h1>tag: print</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1421,7 +1422,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			<h2 data-ha-exclude="">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1439,7 +1440,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+			<h2 data-ha-exclude="">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+			<h2 data-ha-exclude="">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1475,7 +1476,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+			<h2 data-ha-exclude="">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1491,7 +1492,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+			<h2 data-ha-exclude="">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,7 +1510,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/five-of-them/">
-			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
+			<h2 data-ha-exclude="">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1525,7 +1526,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1543,7 +1544,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+			<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1561,7 +1562,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1583,7 +1584,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1601,7 +1602,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
+			<h2 data-ha-exclude="">spotted towhee </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1617,7 +1618,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+			<h2 data-ha-exclude="">geese </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1711,6 +1712,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/3/` was built on 2026-09-20T00:40:47.671Z -->
+    <!-- This page `/tags/print/3/` was built on 2026-09-20T22:08:19.136Z -->
   </body>
 </html>
diff --git a/tags/print/4/index.html b/tags/print/4/index.html
index 139798ae..384cbf8b 100644
--- a/tags/print/4/index.html
+++ b/tags/print/4/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-print">tag: print</h1>
+<h1>tag: print</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+			<h2 data-ha-exclude="">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1417,7 +1418,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1435,7 +1436,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+			<h2 data-ha-exclude="">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1475,7 +1476,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
+			<h2 data-ha-exclude="">block printing transfer method </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1489,7 +1490,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+			<h2 data-ha-exclude="">hair </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1505,7 +1506,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flicker/">
-			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1523,7 +1524,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+			<h2 data-ha-exclude="">heron </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+			<h2 data-ha-exclude="">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1557,7 +1558,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			<h2 data-ha-exclude="">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1575,7 +1576,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
+			<h2 data-ha-exclude="">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1591,7 +1592,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/junco/">
-			<h2 data-ha-exclude="" id="junco">junco </h2>
+			<h2 data-ha-exclude="">junco </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1607,7 +1608,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+			<h2 data-ha-exclude="">flatfish </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1699,6 +1700,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/4/` was built on 2026-09-20T00:40:48.509Z -->
+    <!-- This page `/tags/print/4/` was built on 2026-09-20T22:08:19.584Z -->
   </body>
 </html>
diff --git a/tags/print/5/index.html b/tags/print/5/index.html
index f6596322..ee1fdc54 100644
--- a/tags/print/5/index.html
+++ b/tags/print/5/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-print">tag: print</h1>
+<h1>tag: print</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+			<h2 data-ha-exclude="">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+			<h2 data-ha-exclude="">iris </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1431,7 +1432,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+			<h2 data-ha-exclude="">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1449,7 +1450,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+			<h2 data-ha-exclude="">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1467,7 +1468,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-autism-adhd/">
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
+			<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1483,7 +1484,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+			<h2 data-ha-exclude="">become unbutterable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1565,6 +1566,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/5/` was built on 2026-09-20T00:40:49.330Z -->
+    <!-- This page `/tags/print/5/` was built on 2026-09-20T22:08:19.902Z -->
   </body>
 </html>
diff --git a/tags/print/index.html b/tags/print/index.html
index df152566..1df0902f 100644
--- a/tags/print/index.html
+++ b/tags/print/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-print">tag: print</h1>
+<h1>tag: print</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+			<h2 data-ha-exclude="">crow </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fix-your-hearts/">
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
+			<h2 data-ha-exclude="">fix your hearts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+			<h2 data-ha-exclude="">loon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1459,7 +1460,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+			<h2 data-ha-exclude="">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1477,7 +1478,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+			<h2 data-ha-exclude="">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1491,7 +1492,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/quorbs/">
-			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
+			<h2 data-ha-exclude="">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1507,7 +1508,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1523,7 +1524,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+			<h2 data-ha-exclude="">greeting quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1539,7 +1540,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/euphorbia/">
-			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
+			<h2 data-ha-exclude="">euphorbia </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1553,7 +1554,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1571,7 +1572,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			<h2 data-ha-exclude="">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1587,7 +1588,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kniphofia/">
-			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
+			<h2 data-ha-exclude="">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1669,6 +1670,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/` was built on 2026-09-20T00:40:45.827Z -->
+    <!-- This page `/tags/print/` was built on 2026-09-20T22:08:18.159Z -->
   </body>
 </html>
diff --git a/tags/shirt/2/index.html b/tags/shirt/2/index.html
index e0c6a6df..5b3cdb18 100644
--- a/tags/shirt/2/index.html
+++ b/tags/shirt/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-shirt">tag: shirt</h1>
+<h1>tag: shirt</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+			<h2 data-ha-exclude="">geese </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1417,7 +1418,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+			<h2 data-ha-exclude="">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1435,7 +1436,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+			<h2 data-ha-exclude="">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1453,7 +1454,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+			<h2 data-ha-exclude="">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/flicker/">
-			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+			<h2 data-ha-exclude="">flicker </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1489,7 +1490,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+			<h2 data-ha-exclude="">heron </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1507,7 +1508,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			<h2 data-ha-exclude="">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1593,6 +1594,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/shirt/2/` was built on 2026-09-20T00:40:55.467Z -->
+    <!-- This page `/tags/shirt/2/` was built on 2026-09-20T22:08:24.030Z -->
   </body>
 </html>
diff --git a/tags/shirt/index.html b/tags/shirt/index.html
index aa8a09c9..61b49591 100644
--- a/tags/shirt/index.html
+++ b/tags/shirt/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-shirt">tag: shirt</h1>
+<h1>tag: shirt</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+			<h2 data-ha-exclude="">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+			<h2 data-ha-exclude="">trans the world </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1433,7 +1434,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+			<h2 data-ha-exclude="">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1451,7 +1452,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
+			<h2 data-ha-exclude="">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1487,7 +1488,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			<h2 data-ha-exclude="">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,7 +1510,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1531,7 +1532,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+			<h2 data-ha-exclude="">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1549,7 +1550,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shirts/">
-			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
+			<h2 data-ha-exclude="">shirts! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1563,7 +1564,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/five-of-them/">
-			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
+			<h2 data-ha-exclude="">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1579,7 +1580,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+			<h2 data-ha-exclude="">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1597,7 +1598,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+			<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1615,7 +1616,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1701,6 +1702,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/shirt/` was built on 2026-09-20T00:40:55.262Z -->
+    <!-- This page `/tags/shirt/` was built on 2026-09-20T22:08:23.908Z -->
   </body>
 </html>
diff --git a/tags/software/2/index.html b/tags/software/2/index.html
index eb6f4bbb..9e12b29f 100644
--- a/tags/software/2/index.html
+++ b/tags/software/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-software">tag: software</h1>
+<h1>tag: software</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handedness-toggle/">
-			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
+			<h2 data-ha-exclude="">handedness toggle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1429,7 +1430,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+			<h2 data-ha-exclude="">domain and site setup </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+			<h2 data-ha-exclude="">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1461,7 +1462,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/backend-accessibility/">
-			<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility </h2>
+			<h2 data-ha-exclude="">backend accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1543,6 +1544,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/software/2/` was built on 2026-09-20T00:40:55.707Z -->
+    <!-- This page `/tags/software/2/` was built on 2026-09-20T22:08:24.215Z -->
   </body>
 </html>
diff --git a/tags/software/index.html b/tags/software/index.html
index 896efaa0..02c09a2d 100644
--- a/tags/software/index.html
+++ b/tags/software/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-software">tag: software</h1>
+<h1>tag: software</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
+			<h2 data-ha-exclude="">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/visual-site-builders-and-accessibility/">
-			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
+			<h2 data-ha-exclude="">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+			<h2 data-ha-exclude="">core CSS </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1443,7 +1444,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/accessible-image-modals/">
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+			<h2 data-ha-exclude="">accessible image modals </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1457,7 +1458,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+			<h2 data-ha-exclude="">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/screen-reader-optimizations/">
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
+			<h2 data-ha-exclude="">screen reader optimizations </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1485,7 +1486,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/comparing-text-editors/">
-			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
+			<h2 data-ha-exclude="">comparing text editors </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1499,7 +1500,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
+			<h2 data-ha-exclude="">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+			<h2 data-ha-exclude="">moving images </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/my-favorite-git-flag/">
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
+			<h2 data-ha-exclude="">my favorite git flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
+			<h2 data-ha-exclude="">intro to wireframing </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1571,7 +1572,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/redirections/">
-			<h2 data-ha-exclude="" id="redirections">redirections </h2>
+			<h2 data-ha-exclude="">redirections </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1653,6 +1654,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/software/` was built on 2026-09-20T00:40:55.475Z -->
+    <!-- This page `/tags/software/` was built on 2026-09-20T22:08:24.032Z -->
   </body>
 </html>
diff --git a/tags/stationery/index.html b/tags/stationery/index.html
index 4e0c950f..a0b6f2a9 100644
--- a/tags/stationery/index.html
+++ b/tags/stationery/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-stationery">tag: stationery</h1>
+<h1>tag: stationery</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stationery-exchange/">
-			<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange </h2>
+			<h2 data-ha-exclude="">stationery exchange </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/siblinghood-of-the-traveling-greeting-card/">
-			<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card </h2>
+			<h2 data-ha-exclude="">siblinghood of the traveling greeting card </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fountain-pen-friendly-stationery/">
-			<h2 data-ha-exclude="" id="fountain-pen-friendly-stationery">fountain pen-friendly stationery </h2>
+			<h2 data-ha-exclude="">fountain pen-friendly stationery </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1494,6 +1495,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/stationery/` was built on 2026-09-20T00:40:56.588Z -->
+    <!-- This page `/tags/stationery/` was built on 2026-09-20T22:08:24.874Z -->
   </body>
 </html>
diff --git a/tags/sticker/index.html b/tags/sticker/index.html
index bba8a869..f1806ead 100644
--- a/tags/sticker/index.html
+++ b/tags/sticker/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-sticker">tag: sticker</h1>
+<h1>tag: sticker</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+			<h2 data-ha-exclude="">anarchy autism </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1419,7 +1420,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1439,7 +1440,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			<h2 data-ha-exclude="">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1461,7 +1462,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1483,7 +1484,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1505,7 +1506,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/stickers/">
-			<h2 data-ha-exclude="" id="stickers">stickers! </h2>
+			<h2 data-ha-exclude="">stickers! </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1519,7 +1520,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+			<h2 data-ha-exclude="">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<h2 data-ha-exclude="">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1616,6 +1617,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/sticker/` was built on 2026-09-20T00:40:55.805Z -->
+    <!-- This page `/tags/sticker/` was built on 2026-09-20T22:08:24.264Z -->
   </body>
 </html>
diff --git a/tags/weaving/index.html b/tags/weaving/index.html
index 4d11b522..5ae09a6e 100644
--- a/tags/weaving/index.html
+++ b/tags/weaving/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-weaving">tag: weaving</h1>
+<h1>tag: weaving</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+			<h2 data-ha-exclude="">houndstooth dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+			<h2 data-ha-exclude="">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/loud-table-runner/">
-			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
+			<h2 data-ha-exclude="">loud table runner </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/log-cabin-dishtowels/">
-			<h2 data-ha-exclude="" id="log-cabin-dishtowels">log cabin dishtowels </h2>
+			<h2 data-ha-exclude="">log cabin dishtowels </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+			<h2 data-ha-exclude="">rainbow shawl </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1522,6 +1523,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/weaving/` was built on 2026-09-20T00:40:56.094Z -->
+    <!-- This page `/tags/weaving/` was built on 2026-09-20T22:08:24.433Z -->
   </body>
 </html>
diff --git a/tags/yarn/2/index.html b/tags/yarn/2/index.html
index 90003bad..29d13aea 100644
--- a/tags/yarn/2/index.html
+++ b/tags/yarn/2/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-yarn">tag: yarn</h1>
+<h1>tag: yarn</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/icelandic-lamb-handspun/">
-			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
+			<h2 data-ha-exclude="">icelandic lamb handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+			<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+			<h2 data-ha-exclude="">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1509,6 +1510,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/yarn/2/` was built on 2026-09-20T00:40:54.415Z -->
+    <!-- This page `/tags/yarn/2/` was built on 2026-09-20T22:08:23.275Z -->
   </body>
 </html>
diff --git a/tags/yarn/index.html b/tags/yarn/index.html
index 40e86935..216998af 100644
--- a/tags/yarn/index.html
+++ b/tags/yarn/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-yarn">tag: yarn</h1>
+<h1>tag: yarn</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
+			<h2 data-ha-exclude="">charlie the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1413,7 +1414,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/ruby-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
+			<h2 data-ha-exclude="">ruby the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1427,7 +1428,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+			<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1441,7 +1442,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spinners-dream-handspun/">
-			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
+			<h2 data-ha-exclude="">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1455,7 +1456,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+			<h2 data-ha-exclude="">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1471,7 +1472,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fire-and-ice-handspun/">
-			<h2 data-ha-exclude="" id="fire-and-ice-handspun">fire &amp; ice handspun </h2>
+			<h2 data-ha-exclude="">fire &amp; ice handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1485,7 +1486,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+			<h2 data-ha-exclude="">dyeing fiber </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1499,7 +1500,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+			<h2 data-ha-exclude="">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1513,7 +1514,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/bfl-silk-handspun/">
-			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+			<h2 data-ha-exclude="">BFL/silk handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1527,7 +1528,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+			<h2 data-ha-exclude="">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1541,7 +1542,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+			<h2 data-ha-exclude="">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1555,7 +1556,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/petrichor-handspun/">
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
+			<h2 data-ha-exclude="">petrichor handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1569,7 +1570,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+			<h2 data-ha-exclude="">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1651,6 +1652,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/yarn/` was built on 2026-09-20T00:40:54.159Z -->
+    <!-- This page `/tags/yarn/` was built on 2026-09-20T22:08:23.169Z -->
   </body>
 </html>
diff --git a/tags/zine/index.html b/tags/zine/index.html
index b98693bd..539bb290 100644
--- a/tags/zine/index.html
+++ b/tags/zine/index.html
@@ -274,6 +274,8 @@
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -332,7 +334,6 @@
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1389,7 +1390,7 @@ switch (currentThemeValue) {
     <main id="main">
       
 
-<h1 id="tag-zine">tag: zine</h1>
+<h1>tag: zine</h1>
 
 
 <p class="centered">(or <a href="/tags/">view all tags</a>)</p>
@@ -1399,7 +1400,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+			<h2 data-ha-exclude="">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1415,7 +1416,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1433,7 +1434,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/fedizinefest-2025/">
-			<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
+			<h2 data-ha-exclude="">fediZineFest 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1447,7 +1448,7 @@ switch (currentThemeValue) {
 	
   <li class="post">
 		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
+			<h2 data-ha-exclude="">gender as a proxy variable </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1516,6 +1517,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/zine/` was built on 2026-09-20T00:40:56.469Z -->
+    <!-- This page `/tags/zine/` was built on 2026-09-20T22:08:24.824Z -->
   </body>
 </html>
diff --git a/textures-unite/index.html b/textures-unite/index.html
index b4f02a05..3b750070 100644
--- a/textures-unite/index.html
+++ b/textures-unite/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="textures-unite">textures unite</h1>
+    <h1>textures unite</h1>
 
     <div class="post-metadata">
       <p>
@@ -1888,51 +1889,53 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/acadia-mitts/">
+			<h2 data-ha-exclude="">acadia mitts </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/acadia-mitts.jpg" alt="a hand wearing a knitted fingerless mitten. it&#39;s knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="">azure locations and file crawling </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+		<a class="postlink" href="/kestrel-zine/">
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
-				
-			</ul>
-			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
-			
-			<ul class="postlist-tags">
+				<li>print</li>
 				
 				<li>zine</li>
 				
-				<li>knit</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1989,6 +1992,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/textures-unite/` was built on 2026-09-20T00:40:39.760Z -->
+    <!-- This page `/textures-unite/` was built on 2026-09-20T22:08:14.541Z -->
   </body>
 </html>
diff --git a/tiny-books/index.html b/tiny-books/index.html
index 63e18f8b..8218d3bd 100644
--- a/tiny-books/index.html
+++ b/tiny-books/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="tiny-books">tiny books</h1>
+    <h1>tiny books</h1>
 
     <div class="post-metadata">
       <p>
@@ -1897,42 +1898,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<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/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="/striped-journal/">
-			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
+		<a class="postlink" href="/baseball-journal/">
+			<h2 data-ha-exclude="">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+			<h2 data-ha-exclude="">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1944,6 +1929,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/striped-journal/">
+			<h2 data-ha-exclude="">striped journal </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1996,6 +1995,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tiny-books/` was built on 2026-09-20T00:40:39.711Z -->
+    <!-- This page `/tiny-books/` was built on 2026-09-20T22:08:14.533Z -->
   </body>
 </html>
diff --git a/tiny-mushrooms/index.html b/tiny-mushrooms/index.html
index 35c9a9d9..16b4dd68 100644
--- a/tiny-mushrooms/index.html
+++ b/tiny-mushrooms/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="tiny-mushrooms">tiny mushrooms</h1>
+    <h1>tiny mushrooms</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,28 +1883,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/junco/">
-			<h2 data-ha-exclude="" id="junco">junco </h2>
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 			</ul>
-			<img src="/img/junco-print.jpg" alt="A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1911,17 +1910,21 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+		<a class="postlink" href="/shrimp/">
+			<h2 data-ha-exclude="">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1929,10 +1932,12 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>sticker</li>
+				
+				<li>pin</li>
 				
 			</ul>
-			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1989,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tiny-mushrooms/` was built on 2026-09-20T00:40:39.728Z -->
+    <!-- This page `/tiny-mushrooms/` was built on 2026-09-20T22:08:14.565Z -->
   </body>
 </html>
diff --git a/tiny-portraits/index.html b/tiny-portraits/index.html
index 04061dc8..6be38609 100644
--- a/tiny-portraits/index.html
+++ b/tiny-portraits/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="tiny-portraits">tiny portraits</h1>
+    <h1>tiny portraits</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,44 +1883,28 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+		<a class="postlink" href="/boypussy/">
+			<h2 data-ha-exclude="">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1934,7 +1919,25 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="">foxgloves </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1991,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tiny-portraits/` was built on 2026-09-20T00:40:39.737Z -->
+    <!-- This page `/tiny-portraits/` was built on 2026-09-20T22:08:14.538Z -->
   </body>
 </html>
diff --git a/tooled-leather-patches/index.html b/tooled-leather-patches/index.html
index 5b6fa3e1..a623da1e 100644
--- a/tooled-leather-patches/index.html
+++ b/tooled-leather-patches/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="tooled-leather-patches">tooled leather patches</h1>
+    <h1>tooled leather patches</h1>
 
     <div class="post-metadata">
       <p>
@@ -1892,51 +1893,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-collar/">
-			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+		<a class="postlink" href="/leaf-patches/">
+			<h2 data-ha-exclude="">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
+		<a class="postlink" href="/zipper-bifold-green/">
+			<h2 data-ha-exclude="">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
+			<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>
 	
   <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1993,6 +1990,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tooled-leather-patches/` was built on 2026-09-20T00:40:39.733Z -->
+    <!-- This page `/tooled-leather-patches/` was built on 2026-09-20T22:08:14.565Z -->
   </body>
 </html>
diff --git a/trans-rights-skull/index.html b/trans-rights-skull/index.html
index 5f1cd23f..b0a8ab0a 100644
--- a/trans-rights-skull/index.html
+++ b/trans-rights-skull/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="trans-rights-skull">trans rights skull</h1>
+    <h1>trans rights skull</h1>
 
     <div class="post-metadata">
       <p>
@@ -1911,53 +1912,53 @@ prints/cards: black with blue and pink letters</p>
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/tiny-mushrooms/">
-			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>leather</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>shirt</li>
+				
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/networks-of-trans-care/">
+			<h2 data-ha-exclude="">networks of trans care </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2014,6 +2015,6 @@ prints/cards: black with blue and pink letters</p>
 </footer>
 
 
-    <!-- This page `/trans-rights-skull/` was built on 2026-09-20T00:40:39.715Z -->
+    <!-- This page `/trans-rights-skull/` was built on 2026-09-20T22:08:14.557Z -->
   </body>
 </html>
diff --git a/trans-the-world/index.html b/trans-the-world/index.html
index 0fb58eff..f7beac6f 100644
--- a/trans-the-world/index.html
+++ b/trans-the-world/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="trans-the-world">trans the world</h1>
+    <h1>trans the world</h1>
 
     <div class="post-metadata">
       <p>
@@ -1898,12 +1899,12 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+		<a class="postlink" href="/congrats-on-the-gay/">
+			<h2 data-ha-exclude="">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1911,36 +1912,42 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brown-creeper/">
-			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="">crow </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
+		<a class="postlink" href="/kestrel-zine/">
+			<h2 data-ha-exclude="">kestrel zine </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>zine</li>
+				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1997,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/trans-the-world/` was built on 2026-09-20T00:40:39.734Z -->
+    <!-- This page `/trans-the-world/` was built on 2026-09-20T22:08:14.566Z -->
   </body>
 </html>
diff --git a/trans-wrongs-skull/index.html b/trans-wrongs-skull/index.html
index 75587fe6..120e1af0 100644
--- a/trans-wrongs-skull/index.html
+++ b/trans-wrongs-skull/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="trans-wrongs-skull">trans wrongs skull</h1>
+    <h1>trans wrongs skull</h1>
 
     <div class="post-metadata">
       <p>
@@ -1909,12 +1910,30 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+		<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>
+	
+  <li class="post">
+		<a class="postlink" href="/lupine/">
+			<h2 data-ha-exclude="">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1925,43 +1944,21 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
+			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
+		<a class="postlink" href="/give-to-trans-orgs-and-people/">
+			<h2 data-ha-exclude="">give to trans orgs and people </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/bouquet.jpg" alt="Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2018,6 +2015,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/trans-wrongs-skull/` was built on 2026-09-20T00:40:39.720Z -->
+    <!-- This page `/trans-wrongs-skull/` was built on 2026-09-20T22:08:14.558Z -->
   </body>
 </html>
diff --git a/triangle-pouch/index.html b/triangle-pouch/index.html
index 91bb6f5b..6431db9f 100644
--- a/triangle-pouch/index.html
+++ b/triangle-pouch/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="triangle-pouch">triangle pouch</h1>
+    <h1>triangle pouch</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vertical-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+		<a class="postlink" href="/circle-bag/">
+			<h2 data-ha-exclude="">circle bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/double-bill-pocket-bifold/">
-			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+		<a class="postlink" href="/vertical-bifold/">
+			<h2 data-ha-exclude="">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</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="/patchwork-wallet/">
+			<h2 data-ha-exclude="">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</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/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/triangle-pouch/` was built on 2026-09-20T00:40:39.737Z -->
+    <!-- This page `/triangle-pouch/` was built on 2026-09-20T22:08:14.538Z -->
   </body>
 </html>
diff --git a/vertical-bifold/index.html b/vertical-bifold/index.html
index b8a8554e..6f7d6895 100644
--- a/vertical-bifold/index.html
+++ b/vertical-bifold/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="vertical-bifold">vertical bifold</h1>
+    <h1>vertical bifold</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,51 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <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="/sunflower/">
+			<h2 data-ha-exclude="">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</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/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
+				<li>patch</li>
+				
 			</ul>
-			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vertical-bifold/` was built on 2026-09-20T00:40:39.725Z -->
+    <!-- This page `/vertical-bifold/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>
diff --git a/vertical-card-wallet/index.html b/vertical-card-wallet/index.html
index f904ea71..fb938b40 100644
--- a/vertical-card-wallet/index.html
+++ b/vertical-card-wallet/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="vertical-card-wallet">vertical card wallet</h1>
+    <h1>vertical card wallet</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,51 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <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="/brookes-cuff-bracelets/">
+			<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</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/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
-				<li>patch</li>
+				<li>software</li>
 				
 			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+		<a class="postlink" href="/mouse-coin-purse/">
+			<h2 data-ha-exclude="">mouse coin purse </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1983,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vertical-card-wallet/` was built on 2026-09-20T00:40:39.725Z -->
+    <!-- This page `/vertical-card-wallet/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>
diff --git a/vertical-zipper-card-wallet/index.html b/vertical-zipper-card-wallet/index.html
index e6484e63..3e6fff3d 100644
--- a/vertical-zipper-card-wallet/index.html
+++ b/vertical-zipper-card-wallet/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="vertical-zipper-card-wallet">vertical zipper card wallet</h1>
+    <h1>vertical zipper card wallet</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,12 +1883,26 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/double-bill-pocket-bifold/">
+			<h2 data-ha-exclude="">double bill pocket bifold </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+			<h2 data-ha-exclude="">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1900,29 +1915,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+		<a class="postlink" href="/leather-keychains/">
+			<h2 data-ha-exclude="">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </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/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vertical-zipper-card-wallet/` was built on 2026-09-20T00:40:39.726Z -->
+    <!-- This page `/vertical-zipper-card-wallet/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>
diff --git a/visual-site-builders-and-accessibility/index.html b/visual-site-builders-and-accessibility/index.html
index ea3f929c..0b6b90e1 100644
--- a/visual-site-builders-and-accessibility/index.html
+++ b/visual-site-builders-and-accessibility/index.html
@@ -40,7 +40,80 @@
 
 
 
-<style>.post-metadata {
+<style>#toc {
+	float: right;
+	margin: 1rem 0 1.5rem 1.5rem;
+	width: min(calc(100% - 1.5rem), 23rem);
+		/* 23rem is the width of the words 'table of contents' in my header font */
+		/* yes, it's a bit hacky */
+}
+
+@media (max-width: 850px) {
+	#toc {
+		float: unset;
+		margin-top: 2rem;
+		margin-left: .5rem;
+		width: calc(100% - .5rem);
+	}
+}
+
+#toc details {
+	border: thick solid var(--color-pink);
+	border-radius: 1rem;
+	margin-top: 1rem;
+}
+
+#toc summary {
+	position: relative;
+	top: -1.5rem;
+	left: -.75rem;
+	width: fit-content;
+	background: var(--color-bg);
+	border-radius: .5rem;
+}
+
+#toc summary:focus-visible {
+	outline: .15rem solid var(--color-teal);
+}
+
+#toc summary::marker {
+	font-size: 2.35rem;
+}
+
+#toc h2 {
+	margin-top: 0;
+	display: inline;
+	line-height: normal;
+}
+
+#toc nav {
+	position: relative;
+	top: -1.25rem;
+}
+
+#toc li {
+	margin-block: .45rem 0;
+}
+
+@media (max-width: 650px) {
+	#toc nav > ol {
+		margin-left: .5rem;
+	}
+}
+
+/* basically we want to style this `ol` as a `ul` */
+#toc ol > li {
+	list-style: disc;
+}
+
+#toc ol > li > ol > li {
+	list-style: circle;
+}
+
+#toc ol > li > ol > li > ol > li {
+	list-style: square;
+}
+.post-metadata {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="visual-site-builders-and-accessibility">visual site builders and accessibility</h1>
+    <h1>visual site builders and accessibility</h1>
 
     <div class="post-metadata">
       <p>
@@ -1843,7 +1917,79 @@ switch (currentThemeValue) {
     <img class="hero" src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
     
 
-    <p>Recently, I <a href="https://flipping.rocks/@inherentlee/117037989967706516" target="_blank" rel="external">asked on the Fediverse</a> about visual/drag-and-drop website builders and got a wealth of answers.</p>
+    
+
+<aside id="toc">
+  <details>
+    <summary><h2>table of contents</h2></summary>
+    <nav class="toc">
+                <ol>
+                    
+                    <li><a href="#blocs">Blocs</a>
+            		</li>
+
+                    <li><a href="#cowsites">Cowsites</a>
+            		</li>
+
+                    <li><a href="#figma-sites">Figma Sites</a>
+            		</li>
+
+                    <li><a href="#framer">Framer</a>
+            		</li>
+
+                    <li><a href="#kiki">Kiki</a>
+            		</li>
+
+                    <li><a href="#mmm.page">mmm.page</a>
+            		</li>
+
+                    <li><a href="#rapidweaver">Rapidweaver</a>
+            		</li>
+
+                    <li><a href="#showit">Showit</a>
+            		</li>
+
+                    <li><a href="#squarespace">Squarespace</a>
+            		</li>
+
+                    <li><a href="#startup">Startup</a>
+            		</li>
+
+                    <li><a href="#straw.page">Straw.page</a>
+            		</li>
+
+                    <li><a href="#univer.se">Univer.se</a>
+            		</li>
+
+                    <li><a href="#webflow">Webflow</a>
+            		</li>
+
+                    <li><a href="#webnode">Webnode</a>
+            		</li>
+
+                    <li><a href="#wobble-web">Wobble Web</a>
+            		</li>
+
+                    <li><a href="#wordpress-builders">Wordpress builders</a>
+            
+                <ol>
+                    
+                    <li><a href="#beaver-builder">Beaver Builder</a>
+            		</li>
+
+                    <li><a href="#divi">Divi</a>
+            		</li>
+                </ol>
+            		</li>
+
+                    <li><a href="#summary">summary</a>
+            		</li>
+                </ol>
+            </nav>
+  </details>
+</aside>
+
+<p>Recently, I <a href="https://flipping.rocks/@inherentlee/117037989967706516" target="_blank" rel="external">asked on the Fediverse</a> about visual/drag-and-drop website builders and got a wealth of answers.</p>
 <p>I want to evaluate based on some accessibility factors:</p>
 <ol>
 <li><strong>Semantic HTML:</strong> how well does the builder adhere to properly formed semantic HTML?</li>
@@ -2097,7 +2243,7 @@ switch (currentThemeValue) {
 </tr>
 </tbody>
 </table>
-<h2 id="mmm-page">mmm.page</h2>
+<h2 id="mmm.page">mmm.page</h2>
 <p><a href="https://mmm.page/" target="_blank" rel="external">mmm.page</a> is a drag-and-drop builder. The preview doesn't show you a standalone page (it's a page that also has the mmm.page login/signup menu bar), so I looked at a few sites to get a sense for how it worked.</p>
 <table>
 <thead>
@@ -2291,7 +2437,7 @@ switch (currentThemeValue) {
 </tr>
 </tbody>
 </table>
-<h2 id="straw-page">Straw.page</h2>
+<h2 id="straw.page">Straw.page</h2>
 <p><a href="https://straw.page/" target="_blank" rel="external">Straw.Page</a> is a drag-and-drop builder that bills itself as mobile-friendly. I looked at one of the offered themes, intentionally choosing one that should have intuitive reading order (spoiler: didn't matter).</p>
 <table>
 <thead>
@@ -2339,7 +2485,7 @@ switch (currentThemeValue) {
 </tr>
 </tbody>
 </table>
-<h2 id="univer-se">Univer.se</h2>
+<h2 id="univer.se">Univer.se</h2>
 <p><a href="https://univer.se/" target="_blank" rel="external">Univer.se</a> is a drag-and-drop builder with plenty of premade themes. I reviewed a premade theme to get started.</p>
 <table>
 <thead>
@@ -2575,6 +2721,7 @@ switch (currentThemeValue) {
 <p>*Promotes generative AI features.</p>
 <p>**Usability concerns on iPad.</p>
 
+
   </article>
 
   
@@ -2612,47 +2759,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
+			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/my-favorite-git-flag/">
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
+		<a class="postlink" href="/moving-images/">
+			<h2 data-ha-exclude="">moving images </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">
+			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/an-intro-to-git/">
+			<h2 data-ha-exclude="">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2709,6 +2856,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/visual-site-builders-and-accessibility/` was built on 2026-09-20T00:40:39.766Z -->
+    <!-- This page `/visual-site-builders-and-accessibility/` was built on 2026-09-20T22:08:14.588Z -->
   </body>
 </html>
diff --git a/vix-collar/index.html b/vix-collar/index.html
index b5587414..ba1c5dd0 100644
--- a/vix-collar/index.html
+++ b/vix-collar/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="vix-collar">vix collar</h1>
+    <h1>vix collar</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,40 +1883,40 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </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/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<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="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+		<a class="postlink" href="/leather-keychains/">
+			<h2 data-ha-exclude="">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
 		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+			<h2 data-ha-exclude="">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1979,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vix-collar/` was built on 2026-09-20T00:40:39.734Z -->
+    <!-- This page `/vix-collar/` was built on 2026-09-20T22:08:14.566Z -->
   </body>
 </html>
diff --git a/wrap-bracelets/index.html b/wrap-bracelets/index.html
index 91c670a7..60518a23 100644
--- a/wrap-bracelets/index.html
+++ b/wrap-bracelets/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="wrap-bracelets">wrap bracelets</h1>
+    <h1>wrap bracelets</h1>
 
     <div class="post-metadata">
       <p>
@@ -1881,49 +1882,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/leather-chest-harness/">
+			<h2 data-ha-exclude="">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <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="/eight-pocket-bifold/">
+			<h2 data-ha-exclude="">eight pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</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/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+		<a class="postlink" href="/mouse-coin-purse/">
+			<h2 data-ha-exclude="">mouse coin purse </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1980,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/wrap-bracelets/` was built on 2026-09-20T00:40:39.761Z -->
+    <!-- This page `/wrap-bracelets/` was built on 2026-09-20T22:08:14.542Z -->
   </body>
 </html>
diff --git a/x-acto-knife-sheath/index.html b/x-acto-knife-sheath/index.html
index 0eb5306d..37fda142 100644
--- a/x-acto-knife-sheath/index.html
+++ b/x-acto-knife-sheath/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="x-acto-knife-sheath">x-acto knife sheath</h1>
+    <h1>x-acto knife sheath</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+		<a class="postlink" href="/vertical-bifold/">
+			<h2 data-ha-exclude="">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>book</li>
-				
 				<li>leather</li>
 				
 			</ul>
-			<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">
+			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+		<a class="postlink" href="/shrimp-cat-toy/">
+			<h2 data-ha-exclude="">shrimp cat toy </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
+			<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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-collar/">
-			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+		<a class="postlink" href="/vix-collar/">
+			<h2 data-ha-exclude="">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/x-acto-knife-sheath/` was built on 2026-09-20T00:40:39.726Z -->
+    <!-- This page `/x-acto-knife-sheath/` was built on 2026-09-20T22:08:14.564Z -->
   </body>
 </html>
diff --git a/zipper-bifold-green/index.html b/zipper-bifold-green/index.html
index 56752d08..addf5533 100644
--- a/zipper-bifold-green/index.html
+++ b/zipper-bifold-green/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="zipper-bifold-green">zipper bifold (green)</h1>
+    <h1>zipper bifold (green)</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,47 +1883,49 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-keychains/">
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
+		<a class="postlink" href="/o-ring-bracelet/">
+			<h2 data-ha-exclude="">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+		<a class="postlink" href="/little-critter-pouch/">
+			<h2 data-ha-exclude="">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1979,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/zipper-bifold-green/` was built on 2026-09-20T00:40:39.734Z -->
+    <!-- This page `/zipper-bifold-green/` was built on 2026-09-20T22:08:14.566Z -->
   </body>
 </html>
diff --git a/zipper-bifold/index.html b/zipper-bifold/index.html
index 7854e06f..d6b5973c 100644
--- a/zipper-bifold/index.html
+++ b/zipper-bifold/index.html
@@ -438,6 +438,8 @@ body:has(dialog[open]) {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	/* if you change the header font, go to post-toc.css and fuck about with the width
+		of the table of contents */
 	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
@@ -496,7 +498,6 @@ body:has(dialog[open]) {
 }
 
 /* Base */
-
 * {
 	box-sizing: border-box;
 	margin: 0;
@@ -1814,7 +1815,7 @@ switch (currentThemeValue) {
 
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <article data-pagefind-body="">
-    <h1 id="zipper-bifold">zipper bifold</h1>
+    <h1>zipper bifold</h1>
 
     <div class="post-metadata">
       <p>
@@ -1882,49 +1883,47 @@ switch (currentThemeValue) {
   
   
   <section class="related-posts">
-    <h2 data-ha-exclude="" id="related-posts">related posts</h2>
+    <h2 data-ha-exclude="">related posts</h2>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="">mom bag </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/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">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+		<a class="postlink" href="/o-ring-bracelet/">
+			<h2 data-ha-exclude="">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/wrap-bracelets/">
+			<h2 data-ha-exclude="">wrap bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>book</li>
-				
 			</ul>
-			<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">
+			<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">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/zipper-bifold/` was built on 2026-09-20T00:40:39.726Z -->
+    <!-- This page `/zipper-bifold/` was built on 2026-09-20T22:08:14.563Z -->
   </body>
 </html>