update signal link

_config/filters.js

@@ -58,7 +58,7 @@ export default function(eleventyConfig) {
 
 	/* Filter out structural tags */
 	eleventyConfig.addFilter("removeBasicTags", (tags) => {
-		return tags.filter(tag => ["all", "posts", "gallery", "reference", "tagPagination"].indexOf(tag) === -1);
+		return tags.filter(tag => ["all", "posts", "gallery", "reference", "tagPagination", "blur"].indexOf(tag) === -1);
 	});
 
 	/* What it says on the tin */

_includes/layouts/resume.njk

@@ -1,6 +0,0 @@
----
-layout: base.njk
----
-{% css %}{% include "css/resume.css" %}{% endcss %}
-
-{{ content | safe }}

_includes/postlist.njk

@@ -3,9 +3,10 @@
   <li class="post">
 		<a class="postlink" href="{{ post.url }}">
 			{% if post.data.image %}
-			<img src="/img/{{ post.data.image.src }}" alt="{{ post.data.image.alt }}">
+			<img src="/img/{{ post.data.image.src }}" alt="{{ post.data.image.alt }}"
+        {% if "blur" in post.data.tags %}class="blur"{% endif %}>
 			{% endif %}
-			<h2 data-ha-exclude>{{ post.data.title }}</h2>
+			<h2 data-ha-exclude>{{ post.data.title }} {% if "blur" in post.data.tags %}(mature){% endif %}</h2>
 			<ul class="postlist-tags">
 				{% for tag in post.data.tags | removeBasicTags %}
 				<li>{{ tag }}</li>

_site/1/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1203,6 +1214,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/1/` was built on 2026-03-25T20:02:56.925Z -->
+    <!-- This page `/1/` was built on 2026-04-21T21:31:09.548Z -->
   </body>
 </html>

_site/10/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1229,6 +1240,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/10/` was built on 2026-03-25T20:02:59.773Z -->
+    <!-- This page `/10/` was built on 2026-04-21T21:31:12.114Z -->
   </body>
 </html>

_site/11/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1239,6 +1250,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/11/` was built on 2026-03-25T20:03:00.078Z -->
+    <!-- This page `/11/` was built on 2026-04-21T21:31:12.333Z -->
   </body>
 </html>

_site/12/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1227,6 +1238,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/12/` was built on 2026-03-25T20:03:00.363Z -->
+    <!-- This page `/12/` was built on 2026-04-21T21:31:12.471Z -->
   </body>
 </html>

_site/13/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1213,6 +1224,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/13/` was built on 2026-03-25T20:03:00.602Z -->
+    <!-- This page `/13/` was built on 2026-04-21T21:31:12.719Z -->
   </body>
 </html>

_site/14/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1133,6 +1144,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/14/` was built on 2026-03-25T20:03:00.721Z -->
+    <!-- This page `/14/` was built on 2026-04-21T21:31:12.835Z -->
   </body>
 </html>

_site/2/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1209,6 +1220,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/2/` was built on 2026-03-25T20:02:57.226Z -->
+    <!-- This page `/2/` was built on 2026-04-21T21:31:09.908Z -->
   </body>
 </html>

_site/3/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1215,6 +1226,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/3/` was built on 2026-03-25T20:02:57.558Z -->
+    <!-- This page `/3/` was built on 2026-04-21T21:31:10.222Z -->
   </body>
 </html>

_site/4/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1115,13 +1126,15 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/luminescent/">
 			
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." loading="lazy" decoding="async" width="900" height="1200">
+			<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">
 			
-			<h2 data-ha-exclude="" id="luminescent">luminescent</h2>
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1207,6 +1220,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/4/` was built on 2026-03-25T20:02:58.025Z -->
+    <!-- This page `/4/` was built on 2026-04-21T21:31:10.605Z -->
   </body>
 </html>

_site/404.html

@@ -219,6 +219,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1006,6 +1012,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/404.html` was built on 2026-03-25T20:02:54.079Z -->
+    <!-- This page `/404.html` was built on 2026-04-21T21:31:06.798Z -->
   </body>
 </html>

_site/5/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1127,9 +1138,9 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/bottom-growth/">
 			
-			<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." loading="lazy" decoding="async" width="1000" height="1000">
+			<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">
 			
-			<h2 data-ha-exclude="" id="bottom-growth">bottom growth</h2>
+			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1207,6 +1218,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/5/` was built on 2026-03-25T20:02:58.325Z -->
+    <!-- This page `/5/` was built on 2026-04-21T21:31:10.886Z -->
   </body>
 </html>

_site/6/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1209,6 +1220,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/6/` was built on 2026-03-25T20:02:58.640Z -->
+    <!-- This page `/6/` was built on 2026-04-21T21:31:11.189Z -->
   </body>
 </html>

_site/7/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1211,6 +1222,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/7/` was built on 2026-03-25T20:02:58.832Z -->
+    <!-- This page `/7/` was built on 2026-04-21T21:31:11.296Z -->
   </body>
 </html>

_site/8/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1203,6 +1214,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/8/` was built on 2026-03-25T20:02:59.128Z -->
+    <!-- This page `/8/` was built on 2026-04-21T21:31:11.522Z -->
   </body>
 </html>

_site/9/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1045,13 +1056,15 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/rope-one/">
 			
-			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." loading="lazy" decoding="async" width="1000" height="1242">
+			<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">
 			
-			<h2 data-ha-exclude="" id="rope-one">rope (one)</h2>
+			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1109,9 +1122,9 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/girldick/">
 			
-			<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." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
-			<h2 data-ha-exclude="" id="girldick">girldick</h2>
+			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1131,9 +1144,9 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/boypussy/">
 			
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." loading="lazy" decoding="async" width="1000" height="1250">
+			<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">
 			
-			<h2 data-ha-exclude="" id="boypussy">boypussy</h2>
+			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1243,6 +1256,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/9/` was built on 2026-03-25T20:02:59.495Z -->
+    <!-- This page `/9/` was built on 2026-04-21T21:31:11.801Z -->
   </body>
 </html>

_site/aarons-mask/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/stephanie-collar/">
+		<a class="postlink" href="/leather-keychains/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar</h2>
+			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
+		<a class="postlink" href="/long-zipper-bifold/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet</h2>
+			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1496,17 +1507,15 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
+		<a class="postlink" href="/vertical-card-wallet/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals</h2>
+			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>book</li>
-				
 			</ul>
 		</a>
 	</li>
@@ -1542,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/aarons-mask/` was built on 2026-03-25T20:02:54.064Z -->
+    <!-- This page `/aarons-mask/` was built on 2026-04-21T21:31:06.763Z -->
   </body>
 </html>

_site/about/index.html

@@ -219,6 +219,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1123,6 +1129,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/about/` was built on 2026-03-25T20:02:54.079Z -->
+    <!-- This page `/about/` was built on 2026-04-21T21:31:06.798Z -->
   </body>
 </html>

_site/acadia-coloring-journal/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1484,11 +1495,27 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/orange-journal/">
+		<a class="postlink" href="/brookes-notebook/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="orange-journal">orange journal</h2>
+			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/flocked-notebook/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
 			<ul class="postlist-tags">
 				
 				<li>book</li>
@@ -1498,25 +1525,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/square-watercolor-pad/">
+		<a class="postlink" href="/stampede-journal/">
 			
-			<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">
 			
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad</h2>
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/orange-green-journal/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal</h2>
+			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
 			<ul class="postlist-tags">
 				
 				<li>book</li>
@@ -1556,6 +1569,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/acadia-coloring-journal/` was built on 2026-03-25T20:02:54.039Z -->
+    <!-- This page `/acadia-coloring-journal/` was built on 2026-04-21T21:31:06.759Z -->
   </body>
 </html>

_site/acadia-mitts/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1484,11 +1495,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pink-socks/">
+		<a class="postlink" href="/brookes-socks/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="pink-socks">pink socks</h2>
+			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
@@ -1498,11 +1509,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/sideways-canvas-shirt/">
+		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt</h2>
+			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
@@ -1542,6 +1553,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/acadia-mitts/` was built on 2026-03-25T20:02:54.073Z -->
+    <!-- This page `/acadia-mitts/` was built on 2026-04-21T21:31:06.792Z -->
   </body>
 </html>

_site/accessible-image-modals/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1521,29 +1532,27 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
+		<a class="postlink" href="/designing-a-bag/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models</h2>
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>leather</li>
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/domain-and-site-setup/">
+		<a class="postlink" href="/screen-reader-optimizations/">
 			
-			<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/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 data-ha-exclude="" id="domain-and-site-setup">domain and site setup</h2>
+			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1553,11 +1562,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/my-favorite-git-flag/">
+		<a class="postlink" href="/comparing-text-editors/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag</h2>
+			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1597,6 +1606,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/accessible-image-modals/` was built on 2026-03-25T20:02:54.078Z -->
+    <!-- This page `/accessible-image-modals/` was built on 2026-04-21T21:31:06.797Z -->
   </body>
 </html>

_site/an-intro-to-git/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1883,11 +1894,11 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/screen-reader-optimizations/">
+		<a class="postlink" href="/intro-to-wireframing/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations</h2>
+			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1897,11 +1908,11 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/my-favorite-git-flag/">
+		<a class="postlink" href="/eleventy-lessons/">
 			
-			<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/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
-			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag</h2>
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1911,11 +1922,11 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
+		<a class="postlink" href="/domain-and-site-setup/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="moving-images">moving images</h2>
+			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1955,6 +1966,6 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 </footer>
 
 
-    <!-- This page `/an-intro-to-git/` was built on 2026-03-25T20:02:54.076Z -->
+    <!-- This page `/an-intro-to-git/` was built on 2026-04-21T21:31:06.795Z -->
   </body>
 </html>

_site/anarchy-autism/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1490,17 +1501,15 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
+		<a class="postlink" href="/rope-one/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay</h2>
+			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>gender</li>
 				
 			</ul>
@@ -1508,13 +1517,15 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
+		<a class="postlink" href="/artisans-cooperative-shirts/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="loon">loon</h2>
+			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
 			<ul class="postlist-tags">
 				
+				<li>shirt</li>
+				
 				<li>print</li>
 				
 			</ul>
@@ -1522,18 +1533,16 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/kestrel-zine/">
+		<a class="postlink" href="/iris/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine</h2>
+			<h2 data-ha-exclude="" id="iris">iris </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>zine</li>
-				
-				<li>highlight</li>
+				<li>card</li>
 				
 			</ul>
 		</a>
@@ -1570,6 +1579,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/anarchy-autism/` was built on 2026-03-25T20:02:54.052Z -->
+    <!-- This page `/anarchy-autism/` was built on 2026-04-21T21:31:06.783Z -->
   </body>
 </html>

_site/art-shows-and-events/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1416,28 +1427,29 @@ export { HeadingAnchors }</script>
     <img src="/img/pink-yellow-flowers.jpg" alt="Image unrelated to post. A cluster of small, four-petaled flowers, varying in color between a purpley-pink and yellow." loading="lazy" decoding="async" width="1000" height="750">
     
 
-    <h2 id="2023">2023</h2>
-<ul>
-<li><a href="https://gallery.vashoncenterforthearts.org/event-works.php?eventId=22954&amp;event=Summer+Arts+Fest" target="_blank" rel="external">Vashon Summer Arts Fest</a> (displayed artist)</li>
-<li><a href="https://www.kremwerk.com/upcoming/2023/12/09/t4t-all-trans-and-non-brinary-drag-show" target="_blank" rel="external">T4T: All Trans and Nonbinary Drag Show</a> (vendor)</li>
-</ul>
-<h2 id="2024">2024</h2>
-<ul>
-<li><a href="https://cutiefoundation.com" target="_blank" rel="external">Cutiefest April</a> (vendor)</li>
-<li><a href="https://www.pushpullseattle.com/news/stanza-2024-non-binary" target="_blank" rel="external">Stanza 2024: Non-binary</a> (displayed artist)</li>
-<li><a href="https://vivartists.com/viva/events/spring-tour-2024/" target="_blank" rel="external">VIVA Spring Tour</a> (vendor)</li>
-<li><a href="https://vivartists.com/viva/events/holiday-tour-2024/" target="_blank" rel="external">VIVA Holiday Tour</a> (vendor)</li>
-</ul>
-<h2 id="2025">2025</h2>
-<ul>
-<li><a href="https://www.seaf.art" target="_blank" rel="external">Seattle Erotic Art Festival</a> (displayed artist)</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.instagram.com/seattle.zine.fest" target="_blank" rel="external">Seattle Zine Fest</a> (vendor)</li>
-<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>
-</ul>
+    <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>
+</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://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>
+</ul>
+<h2 id="2024">2024</h2>
+<ul>
+<li><a href="https://vivartists.com/viva/events/holiday-tour-2024/" target="_blank" rel="external">VIVA Holiday Tour</a> (vendor)</li>
+<li><a href="https://vivartists.com/viva/events/spring-tour-2024/" target="_blank" rel="external">VIVA Spring Tour</a> (vendor)</li>
+<li><a href="https://www.pushpullseattle.com/news/stanza-2024-non-binary" target="_blank" rel="external">Stanza 2024: Non-binary</a> (displayed artist)</li>
+<li><a href="https://cutiefoundation.com" target="_blank" rel="external">Cutiefest April</a> (vendor)</li>
+</ul>
+<h2 id="2023">2023</h2>
+<ul>
+<li><a href="https://www.kremwerk.com/upcoming/2023/12/09/t4t-all-trans-and-non-brinary-drag-show" target="_blank" rel="external">T4T: All Trans and Nonbinary Drag Show</a> (vendor)</li>
+<li><a href="https://gallery.vashoncenterforthearts.org/event-works.php?eventId=22954&amp;event=Summer+Arts+Fest" target="_blank" rel="external">Vashon Summer Arts Fest</a> (displayed artist)</li>
 </ul>
 
   </article>
@@ -1503,6 +1515,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/art-shows-and-events/` was built on 2026-03-25T20:02:54.072Z -->
+    <!-- This page `/art-shows-and-events/` was built on 2026-04-21T21:31:06.791Z -->
   </body>
 </html>

_site/artisans-cooperative-cards/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1475,48 +1486,52 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rope-one/">
+		<a class="postlink" href="/greeting-loons/">
 			
-			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." loading="lazy" decoding="async" width="1000" height="1242">
+			<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">
 			
-			<h2 data-ha-exclude="" id="rope-one">rope (one)</h2>
+			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
 			<ul class="postlist-tags">
 				
+				<li>card</li>
+				
 				<li>print</li>
 				
+				<li>highlight</li>
+				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/flicker/">
+		<a class="postlink" href="/chanterelle/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="flicker">flicker</h2>
+			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 				<li>card</li>
 				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/slightly-weird-man-club/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
 				<li>shirt</li>
 				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/spotted-towhee/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>gender</li>
 				
 			</ul>
 		</a>
@@ -1553,6 +1568,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/artisans-cooperative-cards/` was built on 2026-03-25T20:02:54.050Z -->
+    <!-- This page `/artisans-cooperative-cards/` was built on 2026-04-21T21:31:06.778Z -->
   </body>
 </html>

_site/artisans-cooperative-shirts/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1476,11 +1487,31 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
+		<a class="postlink" href="/anarchy-autism/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon</h2>
+			<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>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/flicker/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="flicker">flicker </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1494,35 +1525,19 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/quorbs/">
+		<a class="postlink" href="/heron/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="quorbs">quorbs</h2>
+			<h2 data-ha-exclude="" id="heron">heron </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>highlight</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
+				<li>card</li>
 				
 				<li>shirt</li>
 				
-				<li>gender</li>
-				
 			</ul>
 		</a>
 	</li>
@@ -1558,6 +1573,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/artisans-cooperative-shirts/` was built on 2026-03-25T20:02:54.051Z -->
+    <!-- This page `/artisans-cooperative-shirts/` was built on 2026-04-21T21:31:06.783Z -->
   </body>
 </html>

_site/artists-conk/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1481,6 +1492,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/artists-conk/` was built on 2026-03-25T20:02:54.055Z -->
+    <!-- This page `/artists-conk/` was built on 2026-04-21T21:31:06.786Z -->
   </body>
 </html>

_site/azure-locations-and-file-crawling/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1699,14 +1710,16 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
+		<a class="postlink" href="/gender-in-data-models/">
 			
-			<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/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
 			
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask</h2>
+			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>gender</li>
+				
+				<li>software</li>
 				
 				<li>highlight</li>
 				
@@ -1715,28 +1728,28 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/screen-reader-optimizations/">
+		<a class="postlink" href="/recommendations-and-favorites/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations</h2>
+			<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites </h2>
 			<ul class="postlist-tags">
 				
-				<li>software</li>
+				<li>highlight</li>
 				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
+		<a class="postlink" href="/quorbs/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="textures-unite">textures unite</h2>
+			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
+				<li>print</li>
 				
 				<li>highlight</li>
 				
@@ -1775,6 +1788,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/azure-locations-and-file-crawling/` was built on 2026-03-25T20:02:54.072Z -->
+    <!-- This page `/azure-locations-and-file-crawling/` was built on 2026-04-21T21:31:06.791Z -->
   </body>
 </html>

_site/backend-accessibility/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1529,11 +1540,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/my-favorite-git-flag/">
+		<a class="postlink" href="/screen-reader-optimizations/">
 			
-			<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/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 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag</h2>
+			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1543,25 +1554,29 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/accessible-image-modals/">
+		<a class="postlink" href="/gender-in-data-models/">
 			
-			<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/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
 			
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals</h2>
+			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
 			<ul class="postlist-tags">
 				
+				<li>gender</li>
+				
 				<li>software</li>
 				
+				<li>highlight</li>
+				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
+		<a class="postlink" href="/intro-to-wireframing/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="moving-images">moving images</h2>
+			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1601,6 +1616,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/backend-accessibility/` was built on 2026-03-25T20:02:54.045Z -->
+    <!-- This page `/backend-accessibility/` was built on 2026-04-21T21:31:06.773Z -->
   </body>
 </html>

_site/bag-strap/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/stephanie-collar/">
+		<a class="postlink" href="/mom-bag/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar</h2>
+			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,25 +1493,27 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/sunflower/">
+		<a class="postlink" href="/designing-a-bag/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="sunflower">sunflower</h2>
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>software</li>
+				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
+		<a class="postlink" href="/mousie/">
 			
-			<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/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
 			
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet</h2>
+			<h2 data-ha-exclude="" id="mousie">mousie </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1540,6 +1553,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/bag-strap/` was built on 2026-03-25T20:02:54.055Z -->
+    <!-- This page `/bag-strap/` was built on 2026-04-21T21:31:06.787Z -->
   </body>
 </html>

_site/baseball-journal/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1477,34 +1488,6 @@ export { HeadingAnchors }</script>
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-	<li class="post">
-		<a class="postlink" href="/blue-and-brown-leather-journal/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal</h2>
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/stampede-journal/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal</h2>
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/leather-strap-journal/">
 			
@@ -1519,6 +1502,36 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			
+			<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">
+			
+			<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>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/acadia-coloring-journal/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1550,6 +1563,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/baseball-journal/` was built on 2026-03-25T20:02:54.047Z -->
+    <!-- This page `/baseball-journal/` was built on 2026-04-21T21:31:06.776Z -->
   </body>
 </html>

_site/become-unbutterable/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1475,45 +1486,29 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
+		<a class="postlink" href="/greeting-loons/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches</h2>
+			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/spotted-towhee/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
 				<li>card</li>
 				
+				<li>print</li>
+				
+				<li>highlight</li>
+				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stellars-jay/">
+		<a class="postlink" href="/fat-raccoon/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay</h2>
+			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1526,6 +1521,22 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
+			<ul class="postlist-tags">
+				
+				<li>shirt</li>
+				
+				<li>print</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1557,6 +1568,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/become-unbutterable/` was built on 2026-03-25T20:02:54.038Z -->
+    <!-- This page `/become-unbutterable/` was built on 2026-04-21T21:31:06.758Z -->
   </body>
 </html>

_site/bfl-silk-handspun/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
+		<a class="postlink" href="/ruby-the-alpaca-handspun/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun</h2>
+			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
+		<a class="postlink" href="/orion-handspun/">
 			
-			<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/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">
 			
-			<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="" id="orion-handspun">orion handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1496,11 +1507,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
+		<a class="postlink" href="/handcombed-jacobs-handspun/">
 			
-			<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">
 			
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun</h2>
+			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/bfl-silk-handspun/` was built on 2026-03-25T20:02:54.076Z -->
+    <!-- This page `/bfl-silk-handspun/` was built on 2026-04-21T21:31:06.795Z -->
   </body>
 </html>

_site/big-pidge/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1485,11 +1496,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
+		<a class="postlink" href="/become-unbutterable/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes</h2>
+			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1499,41 +1510,31 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
+		<a class="postlink" href="/shirts/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag</h2>
+			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
+		<a class="postlink" href="/seedling/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="queer">queer</h2>
+			<h2 data-ha-exclude="" id="seedling">seedling </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
 		</a>
 	</li>
@@ -1569,6 +1570,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/big-pidge/` was built on 2026-03-25T20:02:54.046Z -->
+    <!-- This page `/big-pidge/` was built on 2026-04-21T21:31:06.774Z -->
   </body>
 </html>

_site/block-printing-transfer-method/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1521,6 +1532,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/block-printing-transfer-method/` was built on 2026-03-25T20:02:54.045Z -->
+    <!-- This page `/block-printing-transfer-method/` was built on 2026-04-21T21:31:06.773Z -->
   </body>
 </html>

_site/blue-and-brown-leather-journal/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1483,36 +1494,6 @@ export { HeadingAnchors }</script>
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-	<li class="post">
-		<a class="postlink" href="/lined-notebook/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook</h2>
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			
-			<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">
-			
-			<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>
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/tiny-books/">
 			
@@ -1527,6 +1508,34 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/orange-journal/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/stampede-journal/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1558,6 +1567,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/blue-and-brown-leather-journal/` was built on 2026-03-25T20:02:54.039Z -->
+    <!-- This page `/blue-and-brown-leather-journal/` was built on 2026-04-21T21:31:06.759Z -->
   </body>
 </html>

_site/booby-congrats-on-the-top-surgery/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1478,11 +1489,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/tiny-portraits/">
+		<a class="postlink" href="/loon/">
 			
-			<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/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
 			
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits</h2>
+			<h2 data-ha-exclude="" id="loon">loon </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1492,29 +1503,27 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
+		<a class="postlink" href="/artisans-cooperative-cards/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops</h2>
+			<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>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/flatfish/">
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="flatfish">flatfish</h2>
+			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1556,6 +1565,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-03-25T20:02:54.068Z -->
+    <!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-04-21T21:31:06.767Z -->
   </body>
 </html>

_site/bottom-growth/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1473,27 +1484,31 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/on-the-ubiquity-of-enby/">
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39;</h2>
+			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>print</li>
+				
+				<li>card</li>
 				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/squarsh/">
+		<a class="postlink" href="/artisans-cooperative-shirts/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="squarsh">squarsh</h2>
+			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
 			<ul class="postlist-tags">
 				
+				<li>shirt</li>
+				
 				<li>print</li>
 				
 			</ul>
@@ -1501,16 +1516,16 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
+		<a class="postlink" href="/flatfish/">
 			
-			<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/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet</h2>
+			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>print</li>
 				
-				<li>gender</li>
+				<li>card</li>
 				
 			</ul>
 		</a>
@@ -1547,6 +1562,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/bottom-growth/` was built on 2026-03-25T20:02:54.065Z -->
+    <!-- This page `/bottom-growth/` was built on 2026-04-21T21:31:06.764Z -->
   </body>
 </html>

_site/bowtie/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vertical-zipper-card-wallet/">
+		<a class="postlink" href="/lobstah/">
 			
-			<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/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
 			
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet</h2>
+			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/aarons-mask/">
+		<a class="postlink" href="/foldy-wallet/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask</h2>
+			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1496,17 +1507,15 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/little-critter-pouch/">
+		<a class="postlink" href="/shrimp-cat-toy/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch</h2>
+			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
 		</a>
 	</li>
@@ -1542,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/bowtie/` was built on 2026-03-25T20:02:54.066Z -->
+    <!-- This page `/bowtie/` was built on 2026-04-21T21:31:06.765Z -->
   </body>
 </html>

_site/boypussy/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1494,40 +1505,6 @@ export { HeadingAnchors }</script>
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-	<li class="post">
-		<a class="postlink" href="/happy-bihrtday/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/artisans-cooperative-shirts/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts</h2>
-			<ul class="postlist-tags">
-				
-				<li>shirt</li>
-				
-				<li>print</li>
-				
-			</ul>
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/brown-creeper/">
 			
@@ -1542,6 +1519,42 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/on-the-ubiquity-of-enby/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/trans-rights-skull/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1573,6 +1586,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/boypussy/` was built on 2026-03-25T20:02:54.051Z -->
+    <!-- This page `/boypussy/` was built on 2026-04-21T21:31:06.779Z -->
   </body>
 </html>

_site/brookes-collar/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,27 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
+		<a class="postlink" href="/bowtie/">
 			
-			<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/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
-			<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>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/lobstah/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="lobstah">lobstah</h2>
+			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1498,11 +1493,25 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-card-wallet/">
+		<a class="postlink" href="/shrimp-cat-toy/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet</h2>
+			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/rachels-bracelets/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1542,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/brookes-collar/` was built on 2026-03-25T20:02:54.055Z -->
+    <!-- This page `/brookes-collar/` was built on 2026-04-21T21:31:06.787Z -->
   </body>
 </html>

_site/brookes-cuff-bracelets/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,27 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
+		<a class="postlink" href="/leather-lighter-case/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet</h2>
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/circle-bag/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="circle-bag">circle bag</h2>
+			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1498,11 +1493,25 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moss-harness/">
+		<a class="postlink" href="/vertical-card-wallet/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="moss-harness">moss harness</h2>
+			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/swoop-wallet/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1542,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/brookes-cuff-bracelets/` was built on 2026-03-25T20:02:54.065Z -->
+    <!-- This page `/brookes-cuff-bracelets/` was built on 2026-04-21T21:31:06.763Z -->
   </body>
 </html>

_site/brookes-notebook/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1483,42 +1494,16 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/square-watercolor-pad/">
+		<a class="postlink" href="/greeting-loons/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad</h2>
+			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
 			<ul class="postlist-tags">
 				
-				<li>book</li>
+				<li>card</li>
 				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/green-memo-pad/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad</h2>
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern</h2>
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
+				<li>print</li>
 				
 				<li>highlight</li>
 				
@@ -1526,6 +1511,36 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/dragon-mask/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/striped-journal/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1557,6 +1572,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/brookes-notebook/` was built on 2026-03-25T20:02:54.042Z -->
+    <!-- This page `/brookes-notebook/` was built on 2026-04-21T21:31:06.761Z -->
   </body>
 </html>

_site/brookes-scarf/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1475,11 +1486,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
+		<a class="postlink" href="/brookes-socks/">
 			
-			<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-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">
 			
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern</h2>
+			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
@@ -1489,27 +1500,25 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pride-dice-bags/">
+		<a class="postlink" href="/pink-socks/">
 			
-			<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">
 			
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags</h2>
+			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
-				<li>gender</li>
-				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/acadia-mitts/">
+		<a class="postlink" href="/knit-shrimp/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts</h2>
+			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
@@ -1549,6 +1558,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/brookes-scarf/` was built on 2026-03-25T20:02:54.074Z -->
+    <!-- This page `/brookes-scarf/` was built on 2026-04-21T21:31:06.793Z -->
   </body>
 </html>

_site/brookes-socks/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,27 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/on-the-shoulders-of-giants/">
+		<a class="postlink" href="/knit-shrimp/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants</h2>
-			<ul class="postlist-tags">
-				
-				<li>zine</li>
-				
-				<li>knit</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern</h2>
+			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
@@ -1498,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
+		<a class="postlink" href="/butch-hands-pattern/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="textures-unite">textures unite</h2>
+			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
@@ -1513,6 +1508,20 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/acadia-mitts/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1544,6 +1553,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/brookes-socks/` was built on 2026-03-25T20:02:54.041Z -->
+    <!-- This page `/brookes-socks/` was built on 2026-04-21T21:31:06.761Z -->
   </body>
 </html>

_site/brookes-suspenders/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/x-acto-knife-sheath/">
+		<a class="postlink" href="/gradient-purse-strap/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath</h2>
+			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/long-zipper-bifold/">
+		<a class="postlink" href="/vertical-card-wallet/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold</h2>
+			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1496,11 +1507,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
+		<a class="postlink" href="/bowtie/">
 			
-			<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/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide</h2>
+			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/brookes-suspenders/` was built on 2026-03-25T20:02:54.073Z -->
+    <!-- This page `/brookes-suspenders/` was built on 2026-04-21T21:31:06.792Z -->
   </body>
 </html>

_site/brown-creeper/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1469,16 +1480,16 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/geese-trans-wrongs/">
+		<a class="postlink" href="/congrats-on-the-gay/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs</h2>
+			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
+				<li>card</li>
 				
 				<li>gender</li>
 				
@@ -1487,11 +1498,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
+		<a class="postlink" href="/tiny-mushrooms/">
 			
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." loading="lazy" decoding="async" width="900" height="1200">
+			<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">
 			
-			<h2 data-ha-exclude="" id="luminescent">luminescent</h2>
+			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1549,6 +1560,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/brown-creeper/` was built on 2026-03-25T20:02:54.070Z -->
+    <!-- This page `/brown-creeper/` was built on 2026-04-21T21:31:06.769Z -->
   </body>
 </html>

_site/butch-hands-pattern/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1564,14 +1575,14 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/quorbs/">
+		<a class="postlink" href="/brookes-notebook/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="quorbs">quorbs</h2>
+			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
 			<ul class="postlist-tags">
 				
-				<li>print</li>
+				<li>book</li>
 				
 				<li>highlight</li>
 				
@@ -1580,15 +1591,17 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/sideways-canvas-shirt/">
+		<a class="postlink" href="/textures-unite/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt</h2>
+			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>highlight</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1624,6 +1637,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/butch-hands-pattern/` was built on 2026-03-25T20:02:54.043Z -->
+    <!-- This page `/butch-hands-pattern/` was built on 2026-04-21T21:31:06.770Z -->
   </body>
 </html>

_site/chanterelle/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1480,41 +1491,47 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bottom-growth/">
+		<a class="postlink" href="/stellars-jay/">
 			
-			<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." loading="lazy" decoding="async" width="1000" height="1000">
+			<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">
 			
-			<h2 data-ha-exclude="" id="bottom-growth">bottom growth</h2>
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
+				<li>card</li>
+				
+				<li>shirt</li>
 				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
+		<a class="postlink" href="/lupine/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="loon">loon</h2>
+			<h2 data-ha-exclude="" id="lupine">lupine </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
+		<a class="postlink" href="/crow/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes</h2>
+			<h2 data-ha-exclude="" id="crow">crow </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1554,6 +1571,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/chanterelle/` was built on 2026-03-25T20:02:54.043Z -->
+    <!-- This page `/chanterelle/` was built on 2026-04-21T21:31:06.770Z -->
   </body>
 </html>

_site/charlie-the-alpaca-handspun/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
+		<a class="postlink" href="/fire-and-ice-handspun/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun</h2>
+			<h2 data-ha-exclude="" id="fire-and-ice-handspun">fire &amp; ice handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
+		<a class="postlink" href="/icelandic-lamb-handspun/">
 			
-			<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/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun</h2>
+			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1496,11 +1507,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/petrichor-handspun/">
+		<a class="postlink" href="/spinners-dream-handspun/">
 			
-			<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">
 			
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun</h2>
+			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-03-25T20:02:54.078Z -->
+    <!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-04-21T21:31:06.796Z -->
   </body>
 </html>

_site/circle-bag/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
+		<a class="postlink" href="/wrap-bracelets/">
 			
-			<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-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">
 			
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet</h2>
+			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,27 +1493,25 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
+		<a class="postlink" href="/bowtie/">
 			
-			<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/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet</h2>
+			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/aarons-mask/">
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask</h2>
+			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1542,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/circle-bag/` was built on 2026-03-25T20:02:54.057Z -->
+    <!-- This page `/circle-bag/` was built on 2026-04-21T21:31:06.788Z -->
   </body>
 </html>

_site/colophon/index.html

@@ -219,6 +219,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -977,7 +983,7 @@ export { HeadingAnchors }</script>
 <heading-anchors content="<i class='fa-solid fa-anchor'></i>">
   <h1 id="colophon">colophon</h1>
 
-  <p>This is v2 of my personal website, build with <a href="https://www.11ty.dev/" target="_blank" rel="external">Eleventy v3.1.2</a>. It's been hand-coded from the ground up.</p>
+  <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>
 <p>The fonts are <a href="https://brailleinstitute.org/freefont" target="_blank" rel="external">Atkinson Hyperlegible Next and Atkinson Hyperlegible Mono</a> for standard text and monospace respectively, specifically designed for low-vision readers to improve character recognition. Also they look neat :)</p>
 <p>Thank you to some lovely friends for their feedback and help with the site! You should hire them. Yes, you.</p>
@@ -985,7 +991,7 @@ export { HeadingAnchors }</script>
 <li><a href="http://www.wondra.codes/" target="_blank" rel="external">Lenny</a>, especially for their HTML/CSS and accessibility expertise</li>
 <li><a href="https://shirgoldberg.com/" target="_blank" rel="external">Shir</a></li>
 </ul>
-<p>You can <a href="/accessibility">find the accessibility statement here</a>. You can also <a href="/sitemap.xml">explore the sitemap</a>. If you'd like, you can view the <a href="/palette">site's palette</a> or the <a href="/style">style overview</a>.</p>
+<p>You can <a href="/accessibility">find the accessibility statement here</a>. If you'd like, you can view the <a href="/palette">site's palette</a> or the <a href="/style">style overview</a>. You can also <a href="/sitemap.xml">explore the sitemap</a>.</p>
 <p>This site is created <a href="https://declare-ai.org/1.0.0/none.html" target="_blank" rel="external">without the use of generative AI</a>.</p>
 
 </heading-anchors>
@@ -1014,6 +1020,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/colophon/` was built on 2026-03-25T20:02:54.080Z -->
+    <!-- This page `/colophon/` was built on 2026-04-21T21:31:06.799Z -->
   </body>
 </html>

_site/coming-out/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1483,34 +1494,6 @@ export { HeadingAnchors }</script>
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-	<li class="post">
-		<a class="postlink" href="/kniphofia/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="kniphofia">kniphofia</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/fix-your-hearts/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/stellars-jay/">
 			
@@ -1529,6 +1512,38 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>gender</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
+			<ul class="postlist-tags">
+				
+				<li>shirt</li>
+				
+				<li>print</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1560,6 +1575,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/coming-out/` was built on 2026-03-25T20:02:54.050Z -->
+    <!-- This page `/coming-out/` was built on 2026-04-21T21:31:06.778Z -->
   </body>
 </html>

_site/comparing-text-editors/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1690,29 +1701,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
+		<a class="postlink" href="/accessible-image-modals/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models</h2>
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/backend-accessibility/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility</h2>
+			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1722,11 +1715,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handedness-toggle/">
+		<a class="postlink" href="/screen-reader-optimizations/">
 			
-			<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/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 data-ha-exclude="" id="handedness-toggle">handedness toggle</h2>
+			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1735,6 +1728,22 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/designing-a-bag/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>software</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1766,6 +1775,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/comparing-text-editors/` was built on 2026-03-25T20:02:54.076Z -->
+    <!-- This page `/comparing-text-editors/` was built on 2026-04-21T21:31:06.795Z -->
   </body>
 </html>

_site/congrats-on-the-autism-adhd/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1481,43 +1492,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
+		<a class="postlink" href="/shrimp/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/luminescent/">
-			
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." loading="lazy" decoding="async" width="900" height="1200">
-			
-			<h2 data-ha-exclude="" id="luminescent">luminescent</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull</h2>
+			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1528,6 +1507,44 @@ export { HeadingAnchors }</script>
 				
 				<li>pin</li>
 				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/boypussy/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
 				<li>gender</li>
 				
 			</ul>
@@ -1565,6 +1582,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-03-25T20:02:54.038Z -->
+    <!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-04-21T21:31:06.758Z -->
   </body>
 </html>

_site/congrats-on-the-gay/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1487,27 +1498,15 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/tiny-portraits/">
+		<a class="postlink" href="/luminescent/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits</h2>
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39;</h2>
-			<ul class="postlist-tags">
-				
 				<li>gender</li>
 				
 			</ul>
@@ -1515,15 +1514,35 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
+		<a class="postlink" href="/seedling/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes</h2>
+			<h2 data-ha-exclude="" id="seedling">seedling </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/nonbinary-flag/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1559,6 +1578,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/congrats-on-the-gay/` was built on 2026-03-25T20:02:54.042Z -->
+    <!-- This page `/congrats-on-the-gay/` was built on 2026-04-21T21:31:06.770Z -->
   </body>
 </html>

_site/contact/index.html

@@ -219,6 +219,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -980,11 +986,11 @@ export { HeadingAnchors }</script>
   <h2 id="contact-me">contact me</h2>
 <dl>
     <dt><i aria-hidden="true" class="fa-brands fa-signal-messenger"></i> signal</dt>
-    <dd><a href="https://signal.me/#eu/PcJ86iNQeAbC-SFbxqI00gFQb6zL4Y6QDCsFDU2mokM4K40djsdNYa3hJAee79ll">inherentlee.13</a></dd>
+    <dd><a href="https://signal.me/#eu/_-MvyOMcylLFTslDIzJnJkc4Yg1G_hpQt5wf-DVxS0ei4WhimMZLJYd_e28kcNCL">seven seven four, two four nine, zero five eight six</a></dd>
     <dt><i aria-hidden="true" class="fa-solid fa-envelope"></i> email</dt>
     <dd><a href="mailto:lee.cattarin@gmail.com" target="_blank">lee dot cattarin at gmail dot com</a></dd>
     <dt><i aria-hidden="true" class="fa-solid fa-mobile-retro"></i> text (no phone calls!)</dt>
-    <dd>seven seven four, two four nine, zero five eight six</dd>
+    <dd><a href="tel:17742490586">seven seven four, two four nine, zero five eight six</a></dd>
     <dt><i aria-hidden="true" class="fa-brands fa-discord"></i> discord</dt>
     <dd>inherentlee</dd>
     <dt><i aria-hidden="true" class="fa-solid fa-envelopes-bulk"></i> snail mail</dt>
@@ -1094,6 +1100,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/contact/` was built on 2026-03-25T20:02:54.080Z -->
+    <!-- This page `/contact/` was built on 2026-04-21T21:31:06.799Z -->
   </body>
 </html>

_site/coral-reef-handspun/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/spinning-plants/">
+		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants</h2>
+			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/spinners-dream-handspun/">
+		<a class="postlink" href="/icelandic-lamb-handspun/">
 			
-			<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/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
-			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun</h2>
+			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1496,11 +1507,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
+		<a class="postlink" href="/petrichor-handspun/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun</h2>
+			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/coral-reef-handspun/` was built on 2026-03-25T20:02:54.076Z -->
+    <!-- This page `/coral-reef-handspun/` was built on 2026-04-21T21:31:06.795Z -->
   </body>
 </html>

_site/crow/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1467,11 +1478,45 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
+		<a class="postlink" href="/congrats-on-the-gay/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops</h2>
+			<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>gender</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/flatfish/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/hummingbird-become-ungovernable/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1484,38 +1529,6 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
-	<li class="post">
-		<a class="postlink" href="/killdeer/">
-			
-			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
-			
-			<h2 data-ha-exclude="" id="killdeer">killdeer</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/spotted-towhee/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1547,6 +1560,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/crow/` was built on 2026-03-25T20:02:54.078Z -->
+    <!-- This page `/crow/` was built on 2026-04-21T21:31:06.797Z -->
   </body>
 </html>

_site/designing-a-bag/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1484,25 +1495,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
+		<a class="postlink" href="/handedness-toggle/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold</h2>
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/accessible-image-modals/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals</h2>
+			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1512,11 +1509,25 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/redirections/">
+		<a class="postlink" href="/double-bill-pocket-bifold/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="redirections">redirections</h2>
+			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/backend-accessibility/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1556,6 +1567,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/designing-a-bag/` was built on 2026-03-25T20:02:54.073Z -->
+    <!-- This page `/designing-a-bag/` was built on 2026-04-21T21:31:06.792Z -->
   </body>
 </html>

_site/domain-and-site-setup/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1519,27 +1530,25 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
+		<a class="postlink" href="/screen-reader-optimizations/">
 			
-			<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/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 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling</h2>
+			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
+		<a class="postlink" href="/intro-to-wireframing/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="moving-images">moving images</h2>
+			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1593,6 +1602,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/domain-and-site-setup/` was built on 2026-03-25T20:02:54.055Z -->
+    <!-- This page `/domain-and-site-setup/` was built on 2026-04-21T21:31:06.786Z -->
   </body>
 </html>

_site/double-bill-pocket-bifold/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,27 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
+		<a class="postlink" href="/little-critter-pouch/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold</h2>
+			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/moss-harness/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,27 +1509,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
+		<a class="postlink" href="/o-ring-bracelet/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches</h2>
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/leather-chest-harness/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness</h2>
+			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1542,6 +1553,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/double-bill-pocket-bifold/` was built on 2026-03-25T20:02:54.053Z -->
+    <!-- This page `/double-bill-pocket-bifold/` was built on 2026-04-21T21:31:06.784Z -->
   </body>
 </html>

_site/dragon-mask/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1473,11 +1484,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gradient-purse-strap/">
+		<a class="postlink" href="/leather-chest-harness/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap</h2>
+			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1487,11 +1498,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
+		<a class="postlink" href="/circle-bag/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="vix-collar">vix collar</h2>
+			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1501,17 +1512,19 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
+		<a class="postlink" href="/gender-in-data-models/">
 			
-			<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/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
 			
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains</h2>
+			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>gender</li>
 				
+				<li>software</li>
+				
+				<li>highlight</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1547,6 +1560,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/dragon-mask/` was built on 2026-03-25T20:02:54.074Z -->
+    <!-- This page `/dragon-mask/` was built on 2026-04-21T21:31:06.793Z -->
   </body>
 </html>

_site/dyeing-fiber/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1467,6 +1478,34 @@ export { HeadingAnchors }</script>
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/rambouillet-handspun/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			
+			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
 			
@@ -1481,34 +1520,6 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
-	<li class="post">
-		<a class="postlink" href="/icelandic-lamb-handspun/">
-			
-			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
-			
-			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun</h2>
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/petrichor-handspun/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun</h2>
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/dyeing-fiber/` was built on 2026-03-25T20:02:54.077Z -->
+    <!-- This page `/dyeing-fiber/` was built on 2026-04-21T21:31:06.795Z -->
   </body>
 </html>

_site/ecommerce-options/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1522,6 +1533,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/ecommerce-options/` was built on 2026-03-25T20:02:54.052Z -->
+    <!-- This page `/ecommerce-options/` was built on 2026-04-21T21:31:06.783Z -->
   </body>
 </html>

_site/eight-pocket-bifold/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bowtie/">
+		<a class="postlink" href="/brookes-collar/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="bowtie">bowtie</h2>
+			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/circle-bag/">
+		<a class="postlink" href="/stephanie-collar/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="circle-bag">circle bag</h2>
+			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/eight-pocket-bifold/` was built on 2026-03-25T20:02:54.054Z -->
+    <!-- This page `/eight-pocket-bifold/` was built on 2026-04-21T21:31:06.785Z -->
   </body>
 </html>

_site/eleventy-lessons/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1604,6 +1615,8 @@ pagination:
 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>
   <span class="token comment">// Get unique list of tags</span>
   <span class="token keyword">let</span> tagSet <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Set</span><span class="token punctuation">(</span>collection<span class="token punctuation">.</span><span class="token function">getAllSorted</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">flatMap</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">post</span><span class="token punctuation">)</span> <span class="token operator">=></span> post<span class="token punctuation">.</span>data<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 punctuation">;</span>
+  <span class="token comment">// Remove "structural" tags</span>
+  tagSet <span class="token operator">=</span> tagSet<span class="token punctuation">.</span><span class="token function">difference</span><span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token class-name">Set</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">"posts"</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 
   <span class="token comment">// Get each item that matches the tag</span>
   <span class="token keyword">let</span> paginationSize <span class="token operator">=</span> <span class="token number">6</span><span class="token punctuation">;</span>
@@ -1757,27 +1770,11 @@ eleventyExcludeFromCollections: true
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
+		<a class="postlink" href="/comparing-text-editors/">
 			
-			<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/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">
 			
-			<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>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/moving-images/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="moving-images">moving images</h2>
+			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1787,11 +1784,27 @@ eleventyExcludeFromCollections: true
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/redirections/">
+		<a class="postlink" href="/designing-a-bag/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="redirections">redirections</h2>
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>software</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/intro-to-wireframing/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
 			<ul class="postlist-tags">
 				
 				<li>software</li>
@@ -1831,6 +1844,6 @@ eleventyExcludeFromCollections: true
 </footer>
 
 
-    <!-- This page `/eleventy-lessons/` was built on 2026-03-25T20:02:54.078Z -->
+    <!-- This page `/eleventy-lessons/` was built on 2026-04-21T21:31:06.797Z -->
   </body>
 </html>

_site/euphorbia/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,15 +1479,33 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/five-of-them/">
+		<a class="postlink" href="/seedling/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="five-of-them">five of them</h2>
+			<h2 data-ha-exclude="" id="seedling">seedling </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/geese/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="geese">geese </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
 				<li>shirt</li>
 				
 			</ul>
@@ -1484,32 +1513,18 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+		<a class="postlink" href="/kestrel-zine/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd</h2>
+			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>zine</li>
 				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/iris/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="iris">iris</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>highlight</li>
 				
 			</ul>
 		</a>
@@ -1546,6 +1561,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/euphorbia/` was built on 2026-03-25T20:02:54.069Z -->
+    <!-- This page `/euphorbia/` was built on 2026-04-21T21:31:06.768Z -->
   </body>
 </html>

_site/fat-raccoon/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1485,51 +1496,25 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/trans-the-world/">
+		<a class="postlink" href="/tiny-portraits/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world</h2>
+			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
-				<li>gender</li>
-				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/girldick/">
+		<a class="postlink" href="/chanterelle/">
 			
-			<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." 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">
 			
-			<h2 data-ha-exclude="" id="girldick">girldick</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/seedling/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="seedling">seedling</h2>
+			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1540,6 +1525,22 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/hair/">
+			
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			
+			<h2 data-ha-exclude="" id="hair">hair </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1571,6 +1572,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/fat-raccoon/` was built on 2026-03-25T20:02:54.046Z -->
+    <!-- This page `/fat-raccoon/` was built on 2026-04-21T21:31:06.774Z -->
   </body>
 </html>

_site/fd-signifier-and-oppositional-sexism/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1502,15 +1513,17 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bottom-growth/">
+		<a class="postlink" href="/geese-trans-wrongs/">
 			
-			<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." loading="lazy" decoding="async" width="1000" height="1000">
+			<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">
 			
-			<h2 data-ha-exclude="" id="bottom-growth">bottom growth</h2>
+			<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>
@@ -1518,11 +1531,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/in-the-news/">
+		<a class="postlink" href="/on-pronouns/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="in-the-news">in the news</h2>
+			<h2 data-ha-exclude="" id="on-pronouns">on pronouns </h2>
 			<ul class="postlist-tags">
 				
 				<li>gender</li>
@@ -1532,14 +1545,14 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
+		<a class="postlink" href="/luminescent/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains</h2>
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>print</li>
 				
 				<li>gender</li>
 				
@@ -1578,6 +1591,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-03-25T20:02:54.068Z -->
+    <!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-04-21T21:31:06.766Z -->
   </body>
 </html>

_site/fedizinefest-2025/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1548,6 +1559,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/fedizinefest-2025/` was built on 2026-03-25T20:02:54.069Z -->
+    <!-- This page `/fedizinefest-2025/` was built on 2026-04-21T21:31:06.768Z -->
   </body>
 </html>

_site/feed.xml

@@ -261,6 +261,8 @@ pagination:
 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>
   <span class="token comment">// Get unique list of tags</span>
   <span class="token keyword">let</span> tagSet <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Set</span><span class="token punctuation">(</span>collection<span class="token punctuation">.</span><span class="token function">getAllSorted</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">flatMap</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">post</span><span class="token punctuation">)</span> <span class="token operator">=></span> post<span class="token punctuation">.</span>data<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 punctuation">;</span>
+  <span class="token comment">// Remove "structural" tags</span>
+  tagSet <span class="token operator">=</span> tagSet<span class="token punctuation">.</span><span class="token function">difference</span><span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token class-name">Set</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">"posts"</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 
   <span class="token comment">// Get each item that matches the tag</span>
   <span class="token keyword">let</span> paginationSize <span class="token operator">=</span> <span class="token number">6</span><span class="token punctuation">;</span>

_site/fire-and-ice-handspun/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,25 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/handcombed-jacobs-handspun/">
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun</h2>
+			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/spinners-dream-handspun/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
@@ -1495,20 +1520,6 @@ export { HeadingAnchors }</script>
 		</a>
 	</li>
 	
-	<li class="post">
-		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun</h2>
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/fire-and-ice-handspun/` was built on 2026-03-25T20:02:54.077Z -->
+    <!-- This page `/fire-and-ice-handspun/` was built on 2026-04-21T21:31:06.796Z -->
   </body>
 </html>

_site/fishhook-pride-keychains/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1473,29 +1484,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/happy-bihrtday/">
+		<a class="postlink" href="/snap-pouch/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets</h2>
+			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1505,11 +1498,25 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-chest-harness/">
+		<a class="postlink" href="/makers-mark-keychain/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness</h2>
+			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/nine-pocket-bifold/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1549,6 +1556,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/fishhook-pride-keychains/` was built on 2026-03-25T20:02:54.057Z -->
+    <!-- This page `/fishhook-pride-keychains/` was built on 2026-04-21T21:31:06.788Z -->
   </body>
 </html>

_site/five-of-them/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1480,49 +1491,47 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/anarchy-autism/">
+		<a class="postlink" href="/fat-raccoon/">
 			
-			<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/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">
 			
-			<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>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery)</h2>
+			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 				<li>card</li>
 				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
+		<a class="postlink" href="/geese/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="crow">crow</h2>
+			<h2 data-ha-exclude="" id="geese">geese </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/euphorbia/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1562,6 +1571,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/five-of-them/` was built on 2026-03-25T20:02:54.049Z -->
+    <!-- This page `/five-of-them/` was built on 2026-04-21T21:31:06.777Z -->
   </body>
 </html>

_site/fix-your-hearts/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1467,11 +1478,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/big-pidge/">
+		<a class="postlink" href="/swallowtail-on-snowdrops/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="big-pidge">big pidge</h2>
+			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1485,41 +1496,35 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
+		<a class="postlink" href="/foxgloves/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull</h2>
+			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
+		<a class="postlink" href="/spotted-towhee/">
 			
-			<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">
 			
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay</h2>
+			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
 		</a>
 	</li>
@@ -1555,6 +1560,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/fix-your-hearts/` was built on 2026-03-25T20:02:54.071Z -->
+    <!-- This page `/fix-your-hearts/` was built on 2026-04-21T21:31:06.791Z -->
   </body>
 </html>

_site/flatfish/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1480,11 +1491,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fix-your-hearts/">
+		<a class="postlink" href="/become-unbutterable/">
 			
-			<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">
 			
-			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts</h2>
+			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1494,41 +1505,41 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/big-pidge/">
+		<a class="postlink" href="/quorbs/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="big-pidge">big pidge</h2>
+			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/greeting-loons/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons</h2>
-			<ul class="postlist-tags">
-				
-				<li>card</li>
-				
-				<li>print</li>
-				
 				<li>highlight</li>
 				
 			</ul>
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/anarchy-autism/">
+			
+			<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">
+			
+			<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>
+				
+			</ul>
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1560,6 +1571,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/flatfish/` was built on 2026-03-25T20:02:54.043Z -->
+    <!-- This page `/flatfish/` was built on 2026-04-21T21:31:06.771Z -->
   </body>
 </html>

_site/flicker/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1484,24 +1495,6 @@ export { HeadingAnchors }</script>
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-	<li class="post">
-		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/killdeer/">
 			
@@ -1519,22 +1512,32 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
+		<a class="postlink" href="/kestrel-zine/">
 			
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." loading="lazy" decoding="async" width="1000" height="1250">
+			<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">
 			
-			<h2 data-ha-exclude="" id="boypussy">boypussy</h2>
+			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
+				<li>zine</li>
 				
-				<li>shirt</li>
+				<li>highlight</li>
 				
-				<li>pin</li>
+			</ul>
+		</a>
+	</li>
 	
-				<li>gender</li>
+  <li class="post">
+		<a class="postlink" href="/become-unbutterable/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+			<ul class="postlist-tags">
+				
+				<li>print</li>
 				
 			</ul>
 		</a>
@@ -1571,6 +1574,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/flicker/` was built on 2026-03-25T20:02:54.045Z -->
+    <!-- This page `/flicker/` was built on 2026-04-21T21:31:06.773Z -->
   </body>
 </html>

_site/flocked-notebook/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1481,11 +1492,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/acadia-coloring-journal/">
+		<a class="postlink" href="/green-memo-pad/">
 			
-			<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/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
 			
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal</h2>
+			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
 			<ul class="postlist-tags">
 				
 				<li>book</li>
@@ -1495,11 +1506,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stampede-journal/">
+		<a class="postlink" href="/square-watercolor-pad/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal</h2>
+			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
 			<ul class="postlist-tags">
 				
 				<li>book</li>
@@ -1553,6 +1564,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/flocked-notebook/` was built on 2026-03-25T20:02:54.042Z -->
+    <!-- This page `/flocked-notebook/` was built on 2026-04-21T21:31:06.761Z -->
   </body>
 </html>

_site/foldy-wallet-with-thumb-slide/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lobstah/">
+		<a class="postlink" href="/wrap-bracelets/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="lobstah">lobstah</h2>
+			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
+		<a class="postlink" href="/bag-strap/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold</h2>
+			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1496,11 +1507,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-keychains/">
+		<a class="postlink" href="/triangle-pouch/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains</h2>
+			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1540,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-03-25T20:02:54.065Z -->
+    <!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-04-21T21:31:06.763Z -->
   </body>
 </html>

_site/foldy-wallet/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1468,11 +1479,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/stephanie-collar/">
+		<a class="postlink" href="/zipper-bifold/">
 			
-			<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">
+			<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">
 			
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar</h2>
+			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1482,11 +1493,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-card-wallet/">
+		<a class="postlink" href="/rachels-bracelets/">
 			
-			<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/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
-			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet</h2>
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
@@ -1496,17 +1507,15 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains</h2>
+			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
 		</a>
 	</li>
@@ -1542,6 +1551,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/foldy-wallet/` was built on 2026-03-25T20:02:54.064Z -->
+    <!-- This page `/foldy-wallet/` was built on 2026-04-21T21:31:06.763Z -->
   </body>
 </html>

_site/fountain-pen-friendly-stationery/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1541,6 +1552,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-03-25T20:02:54.070Z -->
+    <!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-04-21T21:31:06.769Z -->
   </body>
 </html>

_site/foxgloves/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1484,51 +1495,53 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
+		<a class="postlink" href="/stellars-jay/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches</h2>
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/coming-out/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="coming-out">coming out</h2>
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 				<li>card</li>
 				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
+		<a class="postlink" href="/flicker/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes</h2>
+			<h2 data-ha-exclude="" id="flicker">flicker </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/greeting-quorbs/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+			<ul class="postlist-tags">
+				
+				<li>card</li>
+				
+				<li>print</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1564,6 +1577,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/foxgloves/` was built on 2026-03-25T20:02:54.050Z -->
+    <!-- This page `/foxgloves/` was built on 2026-04-21T21:31:06.778Z -->
   </body>
 </html>

_site/gallery/1/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1211,6 +1222,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/1/` was built on 2026-03-25T20:02:56.879Z -->
+    <!-- This page `/gallery/1/` was built on 2026-04-21T21:31:09.548Z -->
   </body>
 </html>

_site/gallery/10/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1215,6 +1226,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/10/` was built on 2026-03-25T20:02:59.603Z -->
+    <!-- This page `/gallery/10/` was built on 2026-04-21T21:31:12.042Z -->
   </body>
 </html>

_site/gallery/11/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1093,6 +1104,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/11/` was built on 2026-03-25T20:02:59.920Z -->
+    <!-- This page `/gallery/11/` was built on 2026-04-21T21:31:12.248Z -->
   </body>
 </html>

_site/gallery/2/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1161,13 +1172,15 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/luminescent/">
 			
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." loading="lazy" decoding="async" width="900" height="1200">
+			<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">
 			
-			<h2 data-ha-exclude="" id="luminescent">luminescent</h2>
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1225,6 +1238,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/2/` was built on 2026-03-25T20:02:57.142Z -->
+    <!-- This page `/gallery/2/` was built on 2026-04-21T21:31:09.852Z -->
   </body>
 </html>

_site/gallery/3/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1113,9 +1124,9 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/bottom-growth/">
 			
-			<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." loading="lazy" decoding="async" width="1000" height="1000">
+			<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">
 			
-			<h2 data-ha-exclude="" id="bottom-growth">bottom growth</h2>
+			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1207,6 +1218,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/3/` was built on 2026-03-25T20:02:57.432Z -->
+    <!-- This page `/gallery/3/` was built on 2026-04-21T21:31:10.119Z -->
   </body>
 </html>

_site/gallery/4/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1215,6 +1226,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/4/` was built on 2026-03-25T20:02:57.827Z -->
+    <!-- This page `/gallery/4/` was built on 2026-04-21T21:31:10.414Z -->
   </body>
 </html>

_site/gallery/5/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1209,6 +1220,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/5/` was built on 2026-03-25T20:02:58.114Z -->
+    <!-- This page `/gallery/5/` was built on 2026-04-21T21:31:10.690Z -->
   </body>
 </html>

_site/gallery/6/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1149,13 +1160,15 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/rope-one/">
 			
-			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." loading="lazy" decoding="async" width="1000" height="1242">
+			<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">
 			
-			<h2 data-ha-exclude="" id="rope-one">rope (one)</h2>
+			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
 			</ul>
 		</a>
 	</li>
@@ -1213,6 +1226,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/6/` was built on 2026-03-25T20:02:58.447Z -->
+    <!-- This page `/gallery/6/` was built on 2026-04-21T21:31:10.993Z -->
   </body>
 </html>

_site/gallery/7/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1009,9 +1020,9 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/girldick/">
 			
-			<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." loading="lazy" decoding="async" width="1000" height="750">
+			<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">
 			
-			<h2 data-ha-exclude="" id="girldick">girldick</h2>
+			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1031,9 +1042,9 @@ footer a:focus-visible {
   <li class="post">
 		<a class="postlink" href="/boypussy/">
 			
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." loading="lazy" decoding="async" width="1000" height="1250">
+			<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">
 			
-			<h2 data-ha-exclude="" id="boypussy">boypussy</h2>
+			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1257,6 +1268,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/7/` was built on 2026-03-25T20:02:58.762Z -->
+    <!-- This page `/gallery/7/` was built on 2026-04-21T21:31:11.287Z -->
   </body>
 </html>

_site/gallery/8/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1239,6 +1250,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/8/` was built on 2026-03-25T20:02:58.912Z -->
+    <!-- This page `/gallery/8/` was built on 2026-04-21T21:31:11.419Z -->
   </body>
 </html>

_site/gallery/9/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1241,6 +1252,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/9/` was built on 2026-03-25T20:02:59.252Z -->
+    <!-- This page `/gallery/9/` was built on 2026-04-21T21:31:11.722Z -->
   </body>
 </html>

_site/gallery/index.html

@@ -175,6 +175,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -190,7 +195,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -437,6 +442,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1199,6 +1210,6 @@ footer a:focus-visible {
 </footer>
 
 
-    <!-- This page `/gallery/` was built on 2026-03-25T20:02:54.078Z -->
+    <!-- This page `/gallery/` was built on 2026-04-21T21:31:06.797Z -->
   </body>
 </html>

_site/geese-trans-wrongs/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1485,17 +1496,31 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
+		<a class="postlink" href="/fishhook-pride-keychains/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops</h2>
+			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>gender</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/not-a-drill/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
 			</ul>
@@ -1503,28 +1528,20 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/killdeer/">
+		<a class="postlink" href="/queer/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="killdeer">killdeer</h2>
+			<h2 data-ha-exclude="" id="queer">queer </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 				<li>card</li>
 				
-			</ul>
-		</a>
-	</li>
+				<li>sticker</li>
 				
-	<li class="post">
-		<a class="postlink" href="/gender/">
-			
-			<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">
-			
-			<h2 data-ha-exclude="" id="gender">gender?</h2>
-			<ul class="postlist-tags">
+				<li>pin</li>
 				
 				<li>gender</li>
 				
@@ -1563,6 +1580,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/geese-trans-wrongs/` was built on 2026-03-25T20:02:54.047Z -->
+    <!-- This page `/geese-trans-wrongs/` was built on 2026-04-21T21:31:06.775Z -->
   </body>
 </html>

_site/geese/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1485,11 +1496,11 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
+		<a class="postlink" href="/tiny-portraits/">
 			
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." loading="lazy" decoding="async" width="900" height="1200">
+			<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">
 			
-			<h2 data-ha-exclude="" id="luminescent">luminescent</h2>
+			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1499,17 +1510,15 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
+		<a class="postlink" href="/luminescent/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club</h2>
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
 				<li>gender</li>
 				
 			</ul>
@@ -1517,11 +1526,11 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
+		<a class="postlink" href="/coming-out/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag</h2>
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
@@ -1565,6 +1574,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/geese/` was built on 2026-03-25T20:02:54.046Z -->
+    <!-- This page `/geese/` was built on 2026-04-21T21:31:06.775Z -->
   </body>
 </html>

_site/gender-as-a-proxy-variable/index.html

@@ -378,6 +378,11 @@ pre[class*=language-]::selection {
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -393,7 +398,7 @@ pre[class*=language-]::selection {
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {
@@ -640,6 +645,12 @@ ul, ol, dl, li {
 	margin-left: 1rem;
 }
 
+@media (max-width: 650px) {
+	ul, ol, dl {
+		margin-left: 0;
+	}
+}
+
 li {
 	line-height: 1.2	5;
 	margin-top: .65rem;
@@ -1657,31 +1668,17 @@ export { HeadingAnchors }</script>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pride-dice-bags/">
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags</h2>
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-				<li>gender</li>
-				
-			</ul>
-		</a>
-	</li>
-	
-	<li class="post">
-		<a class="postlink" href="/hair/">
-			
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
-			
-			<h2 data-ha-exclude="" id="hair">hair</h2>
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
 				<li>gender</li>
 				
 			</ul>
@@ -1689,11 +1686,27 @@ export { HeadingAnchors }</script>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/queer-book-list/">
+		<a class="postlink" href="/on-the-shoulders-of-giants/">
 			
-			<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/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">
 			
-			<h2 data-ha-exclude="" id="queer-book-list">queer book list</h2>
+			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+			<ul class="postlist-tags">
+				
+				<li>zine</li>
+				
+				<li>knit</li>
+				
+			</ul>
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/give-to-trans-orgs-and-people/">
+			
+			<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">
+			
+			<h2 data-ha-exclude="" id="give-to-trans-orgs-and-people">give to trans orgs and people </h2>
 			<ul class="postlist-tags">
 				
 				<li>gender</li>
@@ -1733,6 +1746,6 @@ export { HeadingAnchors }</script>
 </footer>
 
 
-    <!-- This page `/gender-as-a-proxy-variable/` was built on 2026-03-25T20:02:54.067Z -->
+    <!-- This page `/gender-as-a-proxy-variable/` was built on 2026-04-21T21:31:06.765Z -->
   </body>
 </html>