inherentlee/leecat.art-site
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drone build Mon Sep 21 12:19:37 PDT 2026

Browse Source
This commit is contained in:
inherentlee committed 2026-09-21 19:19:37 +00:00
1 parent fbfc8f1769
commit 74769d24ea
327 files changed
+6137 -3681
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

1/index.html
+15 -15
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/crow/">
<h2 data-ha-exclude="">crow </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/screen-reader-optimizations/">
<h2 data-ha-exclude="">screen reader optimizations </h2>
@@ -1567,20 +1581,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/an-intro-to-git/">
<h2 data-ha-exclude="">an intro to git </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
</ol>
@@ -1655,6 +1655,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/1/` was built on 2026-09-21T15:39:19.846Z -->
<!-- This page `/1/` was built on 2026-09-21T19:19:26.147Z -->
</body>
</html>
10/index.html
+15 -19
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/leatherworking-favorites/">
<h2 data-ha-exclude="">leatherworking favorites </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/anarchy-autism/">
<h2 data-ha-exclude="">anarchy autism </h2>
@@ -1611,24 +1625,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/foxgloves/">
<h2 data-ha-exclude="">foxgloves </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>shirt</li>
</ul>
<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
@@ -1703,6 +1699,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/10/` was built on 2026-09-21T15:39:22.998Z -->
<!-- This page `/10/` was built on 2026-09-21T19:19:29.341Z -->
</body>
</html>
11/index.html
+19 -15
View File
@@ -1397,6 +1397,24 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/foxgloves/">
<h2 data-ha-exclude="">foxgloves </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>shirt</li>
</ul>
<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/artisans-cooperative-cards/">
<h2 data-ha-exclude="">artisans cooperative cards </h2>
@@ -1583,20 +1601,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/baseball-journal/">
<h2 data-ha-exclude="">baseball journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
</ol>
@@ -1671,6 +1675,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/11/` was built on 2026-09-21T15:39:23.308Z -->
<!-- This page `/11/` was built on 2026-09-21T19:19:29.668Z -->
</body>
</html>
12/index.html
+15 -17
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/baseball-journal/">
<h2 data-ha-exclude="">baseball journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/trans-wrongs-skull/">
<h2 data-ha-exclude="">trans wrongs skull </h2>
@@ -1601,22 +1615,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/hair/">
<h2 data-ha-exclude="">hair </h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
</a>
</li>
</ol>
@@ -1691,6 +1689,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/12/` was built on 2026-09-21T15:39:23.529Z -->
<!-- This page `/12/` was built on 2026-09-21T19:19:29.896Z -->
</body>
</html>
13/index.html
+17 -19
View File
@@ -1397,6 +1397,22 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/hair/">
<h2 data-ha-exclude="">hair </h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
</a>
</li>
<li class="post">
<a class="postlink" href="/flicker/">
<h2 data-ha-exclude="">flicker </h2>
@@ -1591,24 +1607,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/congrats-on-the-gay/">
<h2 data-ha-exclude="">congrats on the gay </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
@@ -1683,6 +1681,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/13/` was built on 2026-09-21T15:39:23.630Z -->
<!-- This page `/13/` was built on 2026-09-21T19:19:30.035Z -->
</body>
</html>
14/index.html
+19 -15
View File
@@ -1397,6 +1397,24 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/congrats-on-the-gay/">
<h2 data-ha-exclude="">congrats on the gay </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/lined-notebook/">
<h2 data-ha-exclude="">lined notebook </h2>
@@ -1569,20 +1587,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/green-memo-pad/">
<h2 data-ha-exclude="">green memo pad </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
</a>
</li>
</ol>
@@ -1657,6 +1661,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/14/` was built on 2026-09-21T15:39:23.777Z -->
<!-- This page `/14/` was built on 2026-09-21T19:19:30.219Z -->
</body>
</html>
15/index.html
+15 -1
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/green-memo-pad/">
<h2 data-ha-exclude="">green memo pad </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
</a>
</li>
<li class="post">
<a class="postlink" href="/blue-and-brown-leather-journal/">
<h2 data-ha-exclude="">blue and brown leather journal </h2>
@@ -1555,6 +1569,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/15/` was built on 2026-09-21T15:39:23.990Z -->
<!-- This page `/15/` was built on 2026-09-21T19:19:30.419Z -->
</body>
</html>
2/index.html
+15 -15
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/an-intro-to-git/">
<h2 data-ha-exclude="">an intro to git </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/orion-handspun/">
<h2 data-ha-exclude="">orion handspun </h2>
@@ -1567,20 +1581,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
</ol>
@@ -1655,6 +1655,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/2/` was built on 2026-09-21T15:39:20.258Z -->
<!-- This page `/2/` was built on 2026-09-21T19:19:26.518Z -->
</body>
</html>
3/index.html
+15 -15
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
<li class="post">
<a class="postlink" href="/designing-a-bag/">
<h2 data-ha-exclude="">designing a bag </h2>
@@ -1571,20 +1585,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/fix-your-hearts/">
<h2 data-ha-exclude="">fix your hearts </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
@@ -1659,6 +1659,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/3/` was built on 2026-09-21T15:39:20.578Z -->
<!-- This page `/3/` was built on 2026-09-21T19:19:26.850Z -->
</body>
</html>
4/index.html
+15 -17
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/fix-your-hearts/">
<h2 data-ha-exclude="">fix your hearts </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/networks-of-trans-care/">
<h2 data-ha-exclude="">networks of trans care </h2>
@@ -1577,22 +1591,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/greeting-quorbs/">
<h2 data-ha-exclude="">greeting quorbs </h2>
<ul class="postlist-tags">
<li>card</li>
<li>print</li>
</ul>
<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
</ol>
@@ -1667,6 +1665,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/4/` was built on 2026-09-21T15:39:20.973Z -->
<!-- This page `/4/` was built on 2026-09-21T19:19:27.313Z -->
</body>
</html>
404.html
+1 -1
View File
@@ -1451,6 +1451,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/404.html` was built on 2026-09-21T15:39:17.438Z -->
<!-- This page `/404.html` was built on 2026-09-21T19:19:24.053Z -->
</body>
</html>
5/index.html
+17 -15
View File
@@ -1397,6 +1397,22 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/greeting-quorbs/">
<h2 data-ha-exclude="">greeting quorbs </h2>
<ul class="postlist-tags">
<li>card</li>
<li>print</li>
</ul>
<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/fedizinefest-2025/">
<h2 data-ha-exclude="">fediZineFest 2025 </h2>
@@ -1567,20 +1583,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/snap-pouch/">
<h2 data-ha-exclude="">snap pouch </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
</a>
</li>
</ol>
@@ -1655,6 +1657,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/5/` was built on 2026-09-21T15:39:21.386Z -->
<!-- This page `/5/` was built on 2026-09-21T19:19:27.770Z -->
</body>
</html>
6/index.html
+15 -15
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/snap-pouch/">
<h2 data-ha-exclude="">snap pouch </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
</a>
</li>
<li class="post">
<a class="postlink" href="/gender-as-a-proxy-variable/">
<h2 data-ha-exclude="">gender as a proxy variable </h2>
@@ -1569,20 +1583,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/brookes-cuff-bracelets/">
<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
</a>
</li>
</ol>
@@ -1657,6 +1657,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/6/` was built on 2026-09-21T15:39:21.700Z -->
<!-- This page `/6/` was built on 2026-09-21T19:19:27.999Z -->
</body>
</html>
7/index.html
+15 -15
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/brookes-cuff-bracelets/">
<h2 data-ha-exclude="">brooke&#39;s cuff bracelets </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
</a>
</li>
<li class="post">
<a class="postlink" href="/aarons-mask/">
<h2 data-ha-exclude="">aaron&#39;s mask </h2>
@@ -1577,20 +1591,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/mousie/">
<h2 data-ha-exclude="">mousie </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
</a>
</li>
</ol>
@@ -1665,6 +1665,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/7/` was built on 2026-09-21T15:39:22.014Z -->
<!-- This page `/7/` was built on 2026-09-21T19:19:28.426Z -->
</body>
</html>
8/index.html
+15 -13
View File
@@ -1397,6 +1397,20 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/mousie/">
<h2 data-ha-exclude="">mousie </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
</a>
</li>
<li class="post">
<a class="postlink" href="/long-zipper-bifold/">
<h2 data-ha-exclude="">long zipper bifold </h2>
@@ -1571,18 +1585,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/artists-conk/">
<h2 data-ha-exclude="">artists conk! </h2>
<ul class="postlist-tags">
</ul>
<img src="/img/artists-conk-leatherworking.jpg" alt="A hand holding a mushroom with a whitish surface. Scratched into the surface and showing up as brown lines is an illustration of many leatherworking tools." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
@@ -1657,6 +1659,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/8/` was built on 2026-09-21T15:39:22.355Z -->
<!-- This page `/8/` was built on 2026-09-21T19:19:28.700Z -->
</body>
</html>
9/index.html
+13 -15
View File
@@ -1397,6 +1397,18 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/artists-conk/">
<h2 data-ha-exclude="">artists conk! </h2>
<ul class="postlist-tags">
</ul>
<img src="/img/artists-conk-leatherworking.jpg" alt="A hand holding a mushroom with a whitish surface. Scratched into the surface and showing up as brown lines is an illustration of many leatherworking tools." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/domain-and-site-setup/">
<h2 data-ha-exclude="">domain and site setup </h2>
@@ -1567,20 +1579,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/leatherworking-favorites/">
<h2 data-ha-exclude="">leatherworking favorites </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
@@ -1655,6 +1653,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/9/` was built on 2026-09-21T15:39:22.665Z -->
<!-- This page `/9/` was built on 2026-09-21T19:19:29.004Z -->
</body>
</html>
aarons-mask/index.html
+9 -7
View File
@@ -1901,29 +1901,31 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/makers-mark-keychain/">
<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/eight-pocket-bifold/">
<h2 data-ha-exclude="">eight pocket bifold </h2>
<a class="postlink" href="/proud-dad-wallet/">
<h2 data-ha-exclude="">proud dad wallet </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>gender</li>
</ul>
<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1980,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/aarons-mask/` was built on 2026-09-21T15:39:17.405Z -->
<!-- This page `/aarons-mask/` was built on 2026-09-21T19:19:24.027Z -->
</body>
</html>
about/index.html
+1 -1
View File
@@ -1568,6 +1568,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/about/` was built on 2026-09-21T15:39:17.438Z -->
<!-- This page `/about/` was built on 2026-09-21T19:19:24.053Z -->
</body>
</html>
acadia-coloring-journal/index.html
+31 -29
View File
@@ -1902,34 +1902,6 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/orange-green-journal/">
<h2 data-ha-exclude="">orange green journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/square-watercolor-pad/">
<h2 data-ha-exclude="">square watercolor pad </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
</a>
</li>
<li class="post">
<a class="postlink" href="/flocked-notebook/">
<h2 data-ha-exclude="">flocked notebook </h2>
@@ -1944,6 +1916,36 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/brookes-notebook/">
<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
<ul class="postlist-tags">
<li>book</li>
<li>highlight</li>
</ul>
<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
</a>
</li>
<li class="post">
<a class="postlink" href="/orange-journal/">
<h2 data-ha-exclude="">orange journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
</a>
</li>
</ol>
</section>
@@ -1996,6 +1998,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/acadia-coloring-journal/` was built on 2026-09-21T15:39:17.400Z -->
<!-- This page `/acadia-coloring-journal/` was built on 2026-09-21T19:19:24.025Z -->
</body>
</html>
acadia-mitts/index.html
+12 -10
View File
@@ -1887,43 +1887,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/knit-shrimp/">
<h2 data-ha-exclude="">knit shrimp </h2>
<a class="postlink" href="/textures-unite/">
<h2 data-ha-exclude="">textures unite </h2>
<ul class="postlist-tags">
<li>knit</li>
<li>highlight</li>
</ul>
<img src="/img/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">
<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
</a>
</li>
<li class="post">
<a class="postlink" href="/keffiyah-fishing-net-pattern/">
<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
<a class="postlink" href="/pink-socks/">
<h2 data-ha-exclude="">pink socks </h2>
<ul class="postlist-tags">
<li>knit</li>
</ul>
<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/brookes-scarf/">
<h2 data-ha-exclude="">brooke&#39;s scarf </h2>
<a class="postlink" href="/brookes-socks/">
<h2 data-ha-exclude="">brooke&#39;s socks </h2>
<ul class="postlist-tags">
<li>knit</li>
</ul>
<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1980,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/acadia-mitts/` was built on 2026-09-21T15:39:17.403Z -->
<!-- This page `/acadia-mitts/` was built on 2026-09-21T19:19:24.049Z -->
</body>
</html>
accessibility/index.html
+1 -1
View File
@@ -1456,6 +1456,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/accessibility/` was built on 2026-09-21T15:39:17.438Z -->
<!-- This page `/accessibility/` was built on 2026-09-21T19:19:24.053Z -->
</body>
</html>
accessible-image-modals/index.html
+10 -9
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2090,15 +2091,15 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/redirections/">
<h2 data-ha-exclude="">redirections </h2>
<a class="postlink" href="/an-intro-to-git/">
<h2 data-ha-exclude="">an intro to git </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/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/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -2118,15 +2119,15 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/handedness-toggle/">
<h2 data-ha-exclude="">handedness toggle </h2>
<a class="postlink" href="/my-favorite-git-flag/">
<h2 data-ha-exclude="">my favorite git flag </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/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/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -2183,6 +2184,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/accessible-image-modals/` was built on 2026-09-21T15:39:17.451Z -->
<!-- This page `/accessible-image-modals/` was built on 2026-09-21T19:19:24.068Z -->
</body>
</html>
an-intro-to-git/index.html
+21 -22
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2484,6 +2485,20 @@ codeberg https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/eleventy-lessons/">
<h2 data-ha-exclude="">eleventy lessons </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/azure-locations-and-file-crawling/">
<h2 data-ha-exclude="">azure locations and file crawling </h2>
@@ -2501,33 +2516,17 @@ codeberg https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
</li>
<li class="post">
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<a class="postlink" href="/core-css/">
<h2 data-ha-exclude="">core CSS </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
<li class="post">
<a class="postlink" href="/gender-in-data-models/">
<h2 data-ha-exclude="">gender in data models </h2>
<ul class="postlist-tags">
<li>gender</li>
<li>software</li>
<li>highlight</li>
</ul>
<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
</a>
</li>
@@ -2584,6 +2583,6 @@ codeberg https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
</footer>
<!-- This page `/an-intro-to-git/` was built on 2026-09-21T15:39:17.450Z -->
<!-- This page `/an-intro-to-git/` was built on 2026-09-21T19:19:24.068Z -->
</body>
</html>
anarchy-autism/index.html
+34 -42
View File
@@ -1909,8 +1909,38 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/happy-bihrtday/">
<h2 data-ha-exclude="">happy biHRTday </h2>
<a class="postlink" href="/kniphofia/">
<h2 data-ha-exclude="">kniphofia </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/artisans-cooperative-shirts/">
<h2 data-ha-exclude="">artisans cooperative shirts </h2>
<ul class="postlist-tags">
<li>shirt</li>
<li>print</li>
</ul>
<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/junco/">
<h2 data-ha-exclude="">junco </h2>
<ul class="postlist-tags">
@@ -1918,46 +1948,8 @@ switch (currentThemeValue) {
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/slightly-weird-man-club/">
<h2 data-ha-exclude="">slightly weird man club </h2>
<ul class="postlist-tags">
<li>print</li>
<li>shirt</li>
<li>gender</li>
</ul>
<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/geese-trans-wrongs/">
<h2 data-ha-exclude="">geese/trans wrongs </h2>
<ul class="postlist-tags">
<li>print</li>
<li>shirt</li>
<li>gender</li>
</ul>
<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/junco-print.jpg" alt="A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
@@ -2014,6 +2006,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/anarchy-autism/` was built on 2026-09-21T15:39:17.432Z -->
<!-- This page `/anarchy-autism/` was built on 2026-09-21T19:19:24.044Z -->
</body>
</html>
art-shows-and-events/index.html
+1 -1
View File
@@ -1945,6 +1945,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/art-shows-and-events/` was built on 2026-09-21T15:39:17.403Z -->
<!-- This page `/art-shows-and-events/` was built on 2026-09-21T19:19:24.048Z -->
</body>
</html>
artisans-cooperative-cards/index.html
+21 -23
View File
@@ -1894,24 +1894,36 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/five-of-them/">
<h2 data-ha-exclude="">five of them </h2>
<a class="postlink" href="/loon/">
<h2 data-ha-exclude="">loon </h2>
<ul class="postlist-tags">
<li>print</li>
<li>shirt</li>
</ul>
<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/flatfish/">
<h2 data-ha-exclude="">flatfish </h2>
<a class="postlink" href="/crow/">
<h2 data-ha-exclude="">crow </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/coming-out/">
<h2 data-ha-exclude="">coming out </h2>
<ul class="postlist-tags">
@@ -1919,24 +1931,10 @@ switch (currentThemeValue) {
<li>card</li>
</ul>
<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/hair/">
<h2 data-ha-exclude="">hair </h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1993,6 +1991,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/artisans-cooperative-cards/` was built on 2026-09-21T15:39:17.431Z -->
<!-- This page `/artisans-cooperative-cards/` was built on 2026-09-21T19:19:24.043Z -->
</body>
</html>
artisans-cooperative-shirts/index.html
+12 -18
View File
@@ -1895,30 +1895,30 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/trans-wrongs-skull/">
<h2 data-ha-exclude="">trans wrongs skull </h2>
<a class="postlink" href="/girldick/">
<h2 data-ha-exclude="">girldick (mature)</h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>sticker</li>
<li>shirt</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/stellars-jay/">
<h2 data-ha-exclude="">stellar&#39;s jay </h2>
<a class="postlink" href="/iris/">
<h2 data-ha-exclude="">iris </h2>
<ul class="postlist-tags">
@@ -1926,28 +1926,22 @@ switch (currentThemeValue) {
<li>card</li>
<li>shirt</li>
</ul>
<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
<li class="post">
<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
<a class="postlink" href="/become-unbutterable/">
<h2 data-ha-exclude="">become unbutterable </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
@@ -2004,6 +1998,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/artisans-cooperative-shirts/` was built on 2026-09-21T15:39:17.432Z -->
<!-- This page `/artisans-cooperative-shirts/` was built on 2026-09-21T19:19:24.044Z -->
</body>
</html>
artists-conk/index.html
+1 -1
View File
@@ -1921,6 +1921,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/artists-conk/` was built on 2026-09-21T15:39:17.434Z -->
<!-- This page `/artists-conk/` was built on 2026-09-21T19:19:24.046Z -->
</body>
</html>
azure-locations-and-file-crawling/index.html
+37 -36
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2295,47 +2296,47 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/backend-accessibility/">
<h2 data-ha-exclude="">backend accessibility </h2>
<a class="postlink" href="/kestrel-zine/">
<h2 data-ha-exclude="">kestrel zine </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
<li class="post">
<a class="postlink" href="/greeting-loons/">
<h2 data-ha-exclude="">greeting loons </h2>
<ul class="postlist-tags">
<li>card</li>
<li>print</li>
<li>zine</li>
<li>highlight</li>
</ul>
<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/domain-and-site-setup/">
<h2 data-ha-exclude="">domain and site setup </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/screen-reader-optimizations/">
<h2 data-ha-exclude="">screen reader optimizations </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -2392,6 +2393,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/azure-locations-and-file-crawling/` was built on 2026-09-21T15:39:17.450Z -->
<!-- This page `/azure-locations-and-file-crawling/` was built on 2026-09-21T19:19:24.067Z -->
</body>
</html>
backend-accessibility/index.html
+20 -23
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2092,20 +2093,6 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
<li class="post">
<a class="postlink" href="/designing-a-bag/">
<h2 data-ha-exclude="">designing a bag </h2>
@@ -2123,19 +2110,29 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/gender-in-data-models/">
<h2 data-ha-exclude="">gender in data models </h2>
<a class="postlink" href="/handedness-toggle/">
<h2 data-ha-exclude="">handedness toggle </h2>
<ul class="postlist-tags">
<li>gender</li>
<li>software</li>
</ul>
<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
</a>
</li>
<li class="post">
<a class="postlink" href="/tree-style-table-of-contents/">
<h2 data-ha-exclude="">tree-style table of contents </h2>
<ul class="postlist-tags">
<li>software</li>
<li>highlight</li>
</ul>
<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/tree-styling-0.png" alt="screenshot of the table of contents for a blog post (this blog post, in fact). it&#39;s been styled so that the output resembles the hierarchical file system output from the shell program &#39;tree.&#39;" loading="lazy" decoding="async" width="621" height="450">
</a>
</li>
@@ -2192,6 +2189,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/backend-accessibility/` was built on 2026-09-21T15:39:17.451Z -->
<!-- This page `/backend-accessibility/` was built on 2026-09-21T19:19:24.067Z -->
</body>
</html>
bag-strap/index.html
+12 -10
View File
@@ -1887,43 +1887,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/mouse-coin-purse/">
<h2 data-ha-exclude="">mouse coin purse </h2>
<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/aarons-mask/">
<h2 data-ha-exclude="">aaron&#39;s mask </h2>
<a class="postlink" href="/leather-keychains/">
<h2 data-ha-exclude="">leather keychains </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/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/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/circle-bag/">
<h2 data-ha-exclude="">circle bag </h2>
<a class="postlink" href="/black-and-red-journal/">
<h2 data-ha-exclude="">black and red journal </h2>
<ul class="postlist-tags">
<li>book</li>
<li>leather</li>
</ul>
<img src="/img/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/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
@@ -1980,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/bag-strap/` was built on 2026-09-21T15:39:17.434Z -->
<!-- This page `/bag-strap/` was built on 2026-09-21T19:19:24.046Z -->
</body>
</html>
baseball-journal/index.html
+12 -12
View File
@@ -1897,45 +1897,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/square-watercolor-pad/">
<h2 data-ha-exclude="">square watercolor pad </h2>
<a class="postlink" href="/flocked-notebook/">
<h2 data-ha-exclude="">flocked notebook </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/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/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
</a>
</li>
<li class="post">
<a class="postlink" href="/black-and-red-journal/">
<h2 data-ha-exclude="">black and red journal </h2>
<a class="postlink" href="/leather-long-stitch-journals/">
<h2 data-ha-exclude="">leather long-stitch journals </h2>
<ul class="postlist-tags">
<li>book</li>
<li>leather</li>
<li>book</li>
</ul>
<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/blue-and-brown-leather-journal/">
<h2 data-ha-exclude="">blue and brown leather journal </h2>
<a class="postlink" href="/lined-notebook/">
<h2 data-ha-exclude="">lined notebook </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/blue-brown-leather-journal.jpg" alt="A three panel collage showcasing a blue and brown leather-covered journal." loading="lazy" decoding="async" width="1000" height="1776">
<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
</a>
</li>
@@ -1992,6 +1992,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/baseball-journal/` was built on 2026-09-21T15:39:17.429Z -->
<!-- This page `/baseball-journal/` was built on 2026-09-21T19:19:24.042Z -->
</body>
</html>
become-unbutterable/index.html
+38 -38
View File
@@ -1894,42 +1894,8 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/coming-out/">
<h2 data-ha-exclude="">coming out </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/spotted-towhee/">
<h2 data-ha-exclude="">spotted towhee </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/geese-trans-wrongs/">
<h2 data-ha-exclude="">geese/trans wrongs </h2>
<a class="postlink" href="/slightly-weird-man-club/">
<h2 data-ha-exclude="">slightly weird man club </h2>
<ul class="postlist-tags">
@@ -1940,7 +1906,41 @@ switch (currentThemeValue) {
<li>gender</li>
</ul>
<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/iris/">
<h2 data-ha-exclude="">iris </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
<li class="post">
<a class="postlink" href="/heron/">
<h2 data-ha-exclude="">heron </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>shirt</li>
</ul>
<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
@@ -1997,6 +1997,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/become-unbutterable/` was built on 2026-09-21T15:39:17.400Z -->
<!-- This page `/become-unbutterable/` was built on 2026-09-21T19:19:24.024Z -->
</body>
</html>
bfl-silk-handspun/index.html
+15 -15
View File
@@ -1886,20 +1886,6 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/light-grey-jacobs-handspun/">
<h2 data-ha-exclude="">light grey jacobs handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/charlie-the-alpaca-handspun/">
<h2 data-ha-exclude="">charlie the alpaca handspun </h2>
@@ -1914,6 +1900,20 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/dyeing-fiber/">
<h2 data-ha-exclude="">dyeing fiber </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/orion-handspun/">
<h2 data-ha-exclude="">orion handspun </h2>
@@ -1980,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/bfl-silk-handspun/` was built on 2026-09-21T15:39:17.408Z -->
<!-- This page `/bfl-silk-handspun/` was built on 2026-09-21T19:19:24.051Z -->
</body>
</html>
big-pidge/index.html
+29 -25
View File
@@ -1904,22 +1904,44 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/printmaking-paper-notes/">
<h2 data-ha-exclude="">printmaking paper notes </h2>
<a class="postlink" href="/foxgloves/">
<h2 data-ha-exclude="">foxgloves </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>shirt</li>
</ul>
<img src="/img/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/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/killdeer/">
<h2 data-ha-exclude="">killdeer </h2>
<a class="postlink" href="/happy-bihrtday/">
<h2 data-ha-exclude="">happy biHRTday </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/congrats-on-the-autism-adhd/">
<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
<ul class="postlist-tags">
@@ -1928,25 +1950,7 @@ switch (currentThemeValue) {
<li>card</li>
</ul>
<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/pronoun-patches/">
<h2 data-ha-exclude="">pronoun patches </h2>
<ul class="postlist-tags">
<li>print</li>
<li>patch</li>
<li>gender</li>
</ul>
<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
@@ -2003,6 +2007,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/big-pidge/` was built on 2026-09-21T15:39:17.428Z -->
<!-- This page `/big-pidge/` was built on 2026-09-21T19:19:24.041Z -->
</body>
</html>
black-and-red-journal/index.html
+34 -38
View File
@@ -1891,49 +1891,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/leather-long-stitch-journals/">
<h2 data-ha-exclude="">leather long-stitch journals </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>book</li>
</ul>
<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/tooled-leather-patches/">
<h2 data-ha-exclude="">tooled leather patches </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>gender</li>
<li>patch</li>
</ul>
<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/acadia-coloring-journal/">
<h2 data-ha-exclude="">Acadia coloring journal </h2>
<a class="postlink" href="/blue-and-brown-leather-journal/">
<h2 data-ha-exclude="">blue and brown leather journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/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/blue-brown-leather-journal.jpg" alt="A three panel collage showcasing a blue and brown leather-covered journal." loading="lazy" decoding="async" width="1000" height="1776">
</a>
</li>
<li class="post">
<a class="postlink" href="/dragon-mask/">
<h2 data-ha-exclude="">dragon mask </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>highlight</li>
</ul>
<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
</a>
</li>
<li class="post">
<a class="postlink" href="/lobstah/">
<h2 data-ha-exclude="">lobstah </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1990,6 +1986,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/black-and-red-journal/` was built on 2026-09-21T15:39:17.424Z -->
<!-- This page `/black-and-red-journal/` was built on 2026-09-21T19:19:24.052Z -->
</body>
</html>
block-printing-transfer-method/index.html
+25 -23
View File
@@ -1927,22 +1927,8 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/fix-your-hearts/">
<h2 data-ha-exclude="">fix your hearts </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/iris/">
<h2 data-ha-exclude="">iris </h2>
<a class="postlink" href="/spotted-towhee/">
<h2 data-ha-exclude="">spotted towhee </h2>
<ul class="postlist-tags">
@@ -1951,25 +1937,41 @@ switch (currentThemeValue) {
<li>card</li>
</ul>
<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/kestrel-zine/">
<h2 data-ha-exclude="">kestrel zine </h2>
<a class="postlink" href="/pronoun-patches/">
<h2 data-ha-exclude="">pronoun patches </h2>
<ul class="postlist-tags">
<li>print</li>
<li>zine</li>
<li>patch</li>
<li>highlight</li>
<li>gender</li>
</ul>
<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
<li class="post">
<a class="postlink" href="/killdeer/">
<h2 data-ha-exclude="">killdeer </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
@@ -2026,6 +2028,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/block-printing-transfer-method/` was built on 2026-09-21T15:39:17.427Z -->
<!-- This page `/block-printing-transfer-method/` was built on 2026-09-21T19:19:24.040Z -->
</body>
</html>
blue-and-brown-leather-journal/index.html
+12 -10
View File
@@ -1903,43 +1903,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/square-watercolor-pad/">
<h2 data-ha-exclude="">square watercolor pad </h2>
<a class="postlink" href="/stampede-journal/">
<h2 data-ha-exclude="">stampede journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/flocked-notebook/">
<h2 data-ha-exclude="">flocked notebook </h2>
<a class="postlink" href="/orange-green-journal/">
<h2 data-ha-exclude="">orange green journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/baseball-journal/">
<h2 data-ha-exclude="">baseball journal </h2>
<a class="postlink" href="/brookes-notebook/">
<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
<ul class="postlist-tags">
<li>book</li>
<li>highlight</li>
</ul>
<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
</a>
</li>
@@ -1996,6 +1998,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/blue-and-brown-leather-journal/` was built on 2026-09-21T15:39:17.400Z -->
<!-- This page `/blue-and-brown-leather-journal/` was built on 2026-09-21T19:19:24.025Z -->
</body>
</html>
booby-congrats-on-the-top-surgery/index.html
+23 -25
View File
@@ -1897,47 +1897,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/artisans-cooperative-cards/">
<h2 data-ha-exclude="">artisans cooperative cards </h2>
<a class="postlink" href="/greeting-quorbs/">
<h2 data-ha-exclude="">greeting quorbs </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>print</li>
</ul>
<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/tiny-portraits/">
<h2 data-ha-exclude="">tiny portraits </h2>
<a class="postlink" href="/on-pronouns/">
<h2 data-ha-exclude="">on pronouns </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/hair/">
<h2 data-ha-exclude="">hair </h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
<img src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/networks-of-trans-care/">
<h2 data-ha-exclude="">networks of trans care </h2>
<ul class="postlist-tags">
<li>gender</li>
</ul>
<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1994,6 +1992,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-09-21T15:39:17.407Z -->
<!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-09-21T19:19:24.029Z -->
</body>
</html>
bottom-growth/index.html
+25 -21
View File
@@ -1892,8 +1892,24 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/fat-raccoon/">
<h2 data-ha-exclude="">fat raccoon </h2>
<a class="postlink" href="/fishhook-pride-keychains/">
<h2 data-ha-exclude="">fishhook pride keychains </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>gender</li>
</ul>
<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/stellars-jay/">
<h2 data-ha-exclude="">stellar&#39;s jay </h2>
<ul class="postlist-tags">
@@ -1904,35 +1920,23 @@ switch (currentThemeValue) {
<li>shirt</li>
</ul>
<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/networks-of-trans-care/">
<h2 data-ha-exclude="">networks of trans care </h2>
<ul class="postlist-tags">
<li>gender</li>
</ul>
<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/squarsh/">
<h2 data-ha-exclude="">squarsh </h2>
<a class="postlink" href="/flatfish/">
<h2 data-ha-exclude="">flatfish </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
@@ -1989,6 +1993,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/bottom-growth/` was built on 2026-09-21T15:39:17.405Z -->
<!-- This page `/bottom-growth/` was built on 2026-09-21T19:19:24.027Z -->
</body>
</html>
bowtie/index.html
+11 -11
View File
@@ -1887,45 +1887,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/leather-long-stitch-journals/">
<h2 data-ha-exclude="">leather long-stitch journals </h2>
<a class="postlink" href="/proud-dad-wallet/">
<h2 data-ha-exclude="">proud dad wallet </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>book</li>
<li>gender</li>
</ul>
<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/brookes-collar/">
<h2 data-ha-exclude="">brooke&#39;s collar </h2>
<a class="postlink" href="/mouse-coin-purse/">
<h2 data-ha-exclude="">mouse coin purse </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/foldy-wallet/">
<h2 data-ha-exclude="">foldy wallet </h2>
<a class="postlink" href="/shrimp-cat-toy/">
<h2 data-ha-exclude="">shrimp cat toy </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/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/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -1982,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/bowtie/` was built on 2026-09-21T15:39:17.406Z -->
<!-- This page `/bowtie/` was built on 2026-09-21T19:19:24.028Z -->
</body>
</html>
boypussy/index.html
+21 -13
View File
@@ -1914,47 +1914,55 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/pins/">
<h2 data-ha-exclude="">pins! </h2>
<a class="postlink" href="/pride-dice-bags/">
<h2 data-ha-exclude="">pride dice bags </h2>
<ul class="postlist-tags">
<li>pin</li>
<li>knit</li>
<li>gender</li>
</ul>
<img src="/img/trans-rights-and-wrongs-pins.jpg" alt="Two hard enamel pins in my trans rights and trans wrongs skulls designs." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
</a>
</li>
<li class="post">
<a class="postlink" href="/quorbs/">
<h2 data-ha-exclude="">quorbs </h2>
<a class="postlink" href="/kestrel-zine/">
<h2 data-ha-exclude="">kestrel zine </h2>
<ul class="postlist-tags">
<li>print</li>
<li>zine</li>
<li>highlight</li>
</ul>
<img src="/img/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/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/fishhook-pride-keychains/">
<h2 data-ha-exclude="">fishhook pride keychains </h2>
<a class="postlink" href="/anarchy-autism/">
<h2 data-ha-exclude="">anarchy autism </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>print</li>
<li>gender</li>
<li>sticker</li>
<li>shirt</li>
<li>pin</li>
</ul>
<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -2011,6 +2019,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/boypussy/` was built on 2026-09-21T15:39:17.431Z -->
<!-- This page `/boypussy/` was built on 2026-09-21T19:19:24.044Z -->
</body>
</html>
brookes-collar/index.html
+7 -7
View File
@@ -1887,15 +1887,15 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/long-zipper-bifold/">
<h2 data-ha-exclude="">long zipper bifold </h2>
<a class="postlink" href="/lobstah/">
<h2 data-ha-exclude="">lobstah </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1915,15 +1915,15 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/triangle-pouch/">
<h2 data-ha-exclude="">triangle pouch </h2>
<a class="postlink" href="/leather-lighter-case/">
<h2 data-ha-exclude="">leather lighter case </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1980,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/brookes-collar/` was built on 2026-09-21T15:39:17.434Z -->
<!-- This page `/brookes-collar/` was built on 2026-09-21T19:19:24.046Z -->
</body>
</html>
brookes-cuff-bracelets/index.html
+10 -10
View File
@@ -1887,43 +1887,43 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/snap-pouch/">
<h2 data-ha-exclude="">snap pouch </h2>
<a class="postlink" href="/double-bill-pocket-bifold/">
<h2 data-ha-exclude="">double bill pocket bifold </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/vertical-card-wallet/">
<h2 data-ha-exclude="">vertical card wallet </h2>
<a class="postlink" href="/triangle-pouch/">
<h2 data-ha-exclude="">triangle pouch </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/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/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/makers-mark-keychain/">
<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
<a class="postlink" href="/gradient-purse-strap/">
<h2 data-ha-exclude="">gradient purse strap </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1980,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/brookes-cuff-bracelets/` was built on 2026-09-21T15:39:17.405Z -->
<!-- This page `/brookes-cuff-bracelets/` was built on 2026-09-21T19:19:24.027Z -->
</body>
</html>
brookes-notebook/index.html
+24 -22
View File
@@ -1902,45 +1902,47 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/baseball-journal/">
<h2 data-ha-exclude="">baseball journal </h2>
<a class="postlink" href="/leather-long-stitch-journals/">
<h2 data-ha-exclude="">leather long-stitch journals </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>book</li>
</ul>
<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/tiny-books/">
<h2 data-ha-exclude="">tiny books </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/tiny-book.jpg" alt="A three panel collage showing a book held in the palm of a hand." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/textures-unite/">
<h2 data-ha-exclude="">textures unite </h2>
<a class="postlink" href="/patchwork-wallet/">
<h2 data-ha-exclude="">patchwork wallet </h2>
<ul class="postlist-tags">
<li>knit</li>
<li>leather</li>
<li>highlight</li>
</ul>
<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
</a>
</li>
<li class="post">
<a class="postlink" href="/lined-notebook/">
<h2 data-ha-exclude="">lined notebook </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
@@ -1997,6 +1999,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/brookes-notebook/` was built on 2026-09-21T15:39:17.402Z -->
<!-- This page `/brookes-notebook/` was built on 2026-09-21T19:19:24.026Z -->
</body>
</html>
brookes-scarf/index.html
+17 -17
View File
@@ -1909,6 +1909,22 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/on-the-shoulders-of-giants/">
<h2 data-ha-exclude="">on the shoulders of giants </h2>
<ul class="postlist-tags">
<li>zine</li>
<li>knit</li>
</ul>
<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/textures-unite/">
<h2 data-ha-exclude="">textures unite </h2>
@@ -1925,22 +1941,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/butch-hands-pattern/">
<h2 data-ha-exclude="">butch hands pattern </h2>
<ul class="postlist-tags">
<li>knit</li>
<li>highlight</li>
</ul>
<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
</section>
@@ -1993,6 +1993,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/brookes-scarf/` was built on 2026-09-21T15:39:17.404Z -->
<!-- This page `/brookes-scarf/` was built on 2026-09-21T19:19:24.050Z -->
</body>
</html>
brookes-socks/index.html
+19 -21
View File
@@ -1887,33 +1887,17 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/on-the-shoulders-of-giants/">
<h2 data-ha-exclude="">on the shoulders of giants </h2>
<ul class="postlist-tags">
<li>zine</li>
<li>knit</li>
</ul>
<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/textures-unite/">
<h2 data-ha-exclude="">textures unite </h2>
<a class="postlink" href="/pride-dice-bags/">
<h2 data-ha-exclude="">pride dice bags </h2>
<ul class="postlist-tags">
<li>knit</li>
<li>highlight</li>
<li>gender</li>
</ul>
<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
</a>
</li>
@@ -1932,6 +1916,20 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/keffiyah-fishing-net-pattern/">
<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
<ul class="postlist-tags">
<li>knit</li>
</ul>
<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
</section>
@@ -1984,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/brookes-socks/` was built on 2026-09-21T15:39:17.401Z -->
<!-- This page `/brookes-socks/` was built on 2026-09-21T19:19:24.026Z -->
</body>
</html>
brookes-suspenders/index.html
+16 -20
View File
@@ -1887,19 +1887,29 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/tooled-leather-patches/">
<h2 data-ha-exclude="">tooled leather patches </h2>
<a class="postlink" href="/double-bill-pocket-bifold/">
<h2 data-ha-exclude="">double bill pocket bifold </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>gender</li>
</ul>
<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/soras-collar/">
<h2 data-ha-exclude="">sora&#39;s collar </h2>
<ul class="postlist-tags">
<li>patch</li>
<li>leather</li>
</ul>
<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
@@ -1920,20 +1930,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/circle-bag/">
<h2 data-ha-exclude="">circle bag </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
</section>
@@ -1986,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/brookes-suspenders/` was built on 2026-09-21T15:39:17.403Z -->
<!-- This page `/brookes-suspenders/` was built on 2026-09-21T19:19:24.049Z -->
</body>
</html>
brown-creeper/index.html
+23 -25
View File
@@ -1888,8 +1888,22 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/flicker/">
<h2 data-ha-exclude="">flicker </h2>
<a class="postlink" href="/tiny-mushrooms/">
<h2 data-ha-exclude="">tiny mushrooms </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/geese/">
<h2 data-ha-exclude="">geese </h2>
<ul class="postlist-tags">
@@ -1900,45 +1914,29 @@ switch (currentThemeValue) {
<li>shirt</li>
</ul>
<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/girldick/">
<h2 data-ha-exclude="">girldick (mature)</h2>
<a class="postlink" href="/trans-wrongs-skull/">
<h2 data-ha-exclude="">trans wrongs skull </h2>
<ul class="postlist-tags">
<li>print</li>
<li>sticker</li>
<li>card</li>
<li>shirt</li>
<li>sticker</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/flatfish/">
<h2 data-ha-exclude="">flatfish </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1995,6 +1993,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/brown-creeper/` was built on 2026-09-21T15:39:17.408Z -->
<!-- This page `/brown-creeper/` was built on 2026-09-21T19:19:24.031Z -->
</body>
</html>
butch-hands-pattern/index.html
+13 -14
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2137,33 +2138,31 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/recommendations-and-favorites/">
<h2 data-ha-exclude="">recommendations &amp; favorites </h2>
<a class="postlink" href="/little-critter-pouch/">
<h2 data-ha-exclude="">little critter pouch </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>highlight</li>
</ul>
<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/gender-in-data-models/">
<h2 data-ha-exclude="">gender in data models </h2>
<a class="postlink" href="/knit-shrimp/">
<h2 data-ha-exclude="">knit shrimp </h2>
<ul class="postlist-tags">
<li>gender</li>
<li>software</li>
<li>highlight</li>
<li>knit</li>
</ul>
<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -2220,6 +2219,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/butch-hands-pattern/` was built on 2026-09-21T15:39:17.451Z -->
<!-- This page `/butch-hands-pattern/` was built on 2026-09-21T19:19:24.067Z -->
</body>
</html>
chanterelle/index.html
+27 -25
View File
@@ -1899,8 +1899,8 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/lupine/">
<h2 data-ha-exclude="">lupine </h2>
<a class="postlink" href="/queer/">
<h2 data-ha-exclude="">queer </h2>
<ul class="postlist-tags">
@@ -1908,44 +1908,46 @@ switch (currentThemeValue) {
<li>card</li>
<li>shirt</li>
</ul>
<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/anarchy-autism/">
<h2 data-ha-exclude="">anarchy autism </h2>
<ul class="postlist-tags">
<li>print</li>
<li>sticker</li>
<li>shirt</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/euphorbia/">
<h2 data-ha-exclude="">euphorbia </h2>
<a class="postlink" href="/iris/">
<h2 data-ha-exclude="">iris </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
<li class="post">
<a class="postlink" href="/junco/">
<h2 data-ha-exclude="">junco </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/junco-print.jpg" alt="A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
@@ -2002,6 +2004,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/chanterelle/` was built on 2026-09-21T15:39:17.426Z -->
<!-- This page `/chanterelle/` was built on 2026-09-21T19:19:24.038Z -->
</body>
</html>
charlie-the-alpaca-handspun/index.html
+9 -7
View File
@@ -1887,15 +1887,17 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/coral-reef-handspun/">
<h2 data-ha-exclude="">coral reef handspun </h2>
<a class="postlink" href="/rambouillet-handspun/">
<h2 data-ha-exclude="">rambouillet handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
<li>highlight</li>
</ul>
<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -1915,15 +1917,15 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/petrichor-handspun/">
<h2 data-ha-exclude="">petrichor handspun </h2>
<a class="postlink" href="/handcombed-jacobs-handspun/">
<h2 data-ha-exclude="">handcombed jacobs handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/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/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -1980,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-09-21T15:39:17.409Z -->
<!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-09-21T19:19:24.051Z -->
</body>
</html>
circle-bag/index.html
+10 -12
View File
@@ -1887,45 +1887,43 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/mousie/">
<h2 data-ha-exclude="">mousie </h2>
<a class="postlink" href="/brookes-suspenders/">
<h2 data-ha-exclude="">brooke&#39;s suspenders </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
<img src="/img/brooke-suspenders.jpg" alt="a two image collage showing the front and back of a person, neck to waist. she&#39;s wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/zipper-bifold-green/">
<h2 data-ha-exclude="">zipper bifold (green) </h2>
<a class="postlink" href="/rachels-bracelets/">
<h2 data-ha-exclude="">rachel&#39;s bracelets </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/zipper-bifold-green.jpg" alt="A collage showing a green leather wallet with a zippered pocket built into one external side." loading="lazy" decoding="async" width="1000" height="1332">
<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/patchwork-wallet/">
<h2 data-ha-exclude="">patchwork wallet </h2>
<a class="postlink" href="/leaf-patches/">
<h2 data-ha-exclude="">leaf patches </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>highlight</li>
</ul>
<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1982,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/circle-bag/` was built on 2026-09-21T15:39:17.435Z -->
<!-- This page `/circle-bag/` was built on 2026-09-21T19:19:24.047Z -->
</body>
</html>
colophon/index.html
+1 -1
View File
@@ -1460,6 +1460,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/colophon/` was built on 2026-09-21T15:39:17.438Z -->
<!-- This page `/colophon/` was built on 2026-09-21T19:19:24.053Z -->
</body>
</html>
coming-out/index.html
+29 -31
View File
@@ -1902,6 +1902,34 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/tiny-mushrooms/">
<h2 data-ha-exclude="">tiny mushrooms </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/in-the-news/">
<h2 data-ha-exclude="">in the news </h2>
<ul class="postlist-tags">
<li>gender</li>
</ul>
<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/anarchy-autism/">
<h2 data-ha-exclude="">anarchy autism </h2>
@@ -1922,36 +1950,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/tiny-mushrooms/">
<h2 data-ha-exclude="">tiny mushrooms </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/fishhook-pride-keychains/">
<h2 data-ha-exclude="">fishhook pride keychains </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>gender</li>
</ul>
<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
</section>
@@ -2004,6 +2002,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/coming-out/` was built on 2026-09-21T15:39:17.431Z -->
<!-- This page `/coming-out/` was built on 2026-09-21T19:19:24.043Z -->
</body>
</html>
comparing-text-editors/index.html
+18 -19
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2252,6 +2253,20 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/tree-style-table-of-contents/">
<h2 data-ha-exclude="">tree-style table of contents </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/tree-styling-0.png" alt="screenshot of the table of contents for a blog post (this blog post, in fact). it&#39;s been styled so that the output resembles the hierarchical file system output from the shell program &#39;tree.&#39;" loading="lazy" decoding="async" width="621" height="450">
</a>
</li>
<li class="post">
<a class="postlink" href="/eleventy-lessons/">
<h2 data-ha-exclude="">eleventy lessons </h2>
@@ -2266,22 +2281,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/designing-a-bag/">
<h2 data-ha-exclude="">designing a bag </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>software</li>
</ul>
<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/moving-images/">
<h2 data-ha-exclude="">moving images </h2>
@@ -2348,6 +2347,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/comparing-text-editors/` was built on 2026-09-21T15:39:17.450Z -->
<!-- This page `/comparing-text-editors/` was built on 2026-09-21T19:19:24.068Z -->
</body>
</html>
congrats-on-the-autism-adhd/index.html
+33 -29
View File
@@ -1899,34 +1899,6 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/euphorbia/">
<h2 data-ha-exclude="">euphorbia </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/crow/">
<h2 data-ha-exclude="">crow </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/boypussy/">
<h2 data-ha-exclude="">boypussy (mature)</h2>
@@ -1949,6 +1921,38 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/block-printing-transfer-method/">
<h2 data-ha-exclude="">block printing transfer method </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
</ol>
</section>
@@ -2001,6 +2005,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-09-21T15:39:17.400Z -->
<!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-09-21T19:19:24.025Z -->
</body>
</html>
congrats-on-the-gay/index.html
+19 -15
View File
@@ -1906,40 +1906,44 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/fishhook-pride-keychains/">
<h2 data-ha-exclude="">fishhook pride keychains </h2>
<a class="postlink" href="/block-printing-transfer-method/">
<h2 data-ha-exclude="">block printing transfer method </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>gender</li>
<li>print</li>
</ul>
<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/gender-as-a-proxy-variable/">
<h2 data-ha-exclude="">gender as a proxy variable </h2>
<a class="postlink" href="/trans-wrongs-skull/">
<h2 data-ha-exclude="">trans wrongs skull </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>sticker</li>
<li>pin</li>
<li>gender</li>
<li>zine</li>
</ul>
<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/flicker/">
<h2 data-ha-exclude="">flicker </h2>
<a class="postlink" href="/geese/">
<h2 data-ha-exclude="">geese </h2>
<ul class="postlist-tags">
@@ -1950,7 +1954,7 @@ switch (currentThemeValue) {
<li>shirt</li>
</ul>
<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -2007,6 +2011,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/congrats-on-the-gay/` was built on 2026-09-21T15:39:17.425Z -->
<!-- This page `/congrats-on-the-gay/` was built on 2026-09-21T19:19:24.038Z -->
</body>
</html>
contact/index.html
+1 -1
View File
@@ -1539,6 +1539,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/contact/` was built on 2026-09-21T15:39:17.438Z -->
<!-- This page `/contact/` was built on 2026-09-21T19:19:24.053Z -->
</body>
</html>
coral-reef-handspun/index.html
+4 -4
View File
@@ -1887,15 +1887,15 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/charlie-the-alpaca-handspun/">
<h2 data-ha-exclude="">charlie the alpaca handspun </h2>
<a class="postlink" href="/icelandic-lamb-handspun/">
<h2 data-ha-exclude="">icelandic lamb handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -1980,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/coral-reef-handspun/` was built on 2026-09-21T15:39:17.408Z -->
<!-- This page `/coral-reef-handspun/` was built on 2026-09-21T19:19:24.051Z -->
</body>
</html>
core-css/index.html
+15 -16
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2372,47 +2373,45 @@ footer a[aria-current="page"]::after</span> <span class="token punctuation">{</s
<ol id="postlist">
<li class="post">
<a class="postlink" href="/handedness-toggle/">
<h2 data-ha-exclude="">handedness toggle </h2>
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/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/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
<li class="post">
<a class="postlink" href="/brookes-notebook/">
<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
<a class="postlink" href="/redirections/">
<h2 data-ha-exclude="">redirections </h2>
<ul class="postlist-tags">
<li>book</li>
<li>highlight</li>
<li>software</li>
</ul>
<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
</a>
</li>
<li class="post">
<a class="postlink" href="/textures-unite/">
<h2 data-ha-exclude="">textures unite </h2>
<a class="postlink" href="/azure-locations-and-file-crawling/">
<h2 data-ha-exclude="">azure locations and file crawling </h2>
<ul class="postlist-tags">
<li>knit</li>
<li>software</li>
<li>highlight</li>
</ul>
<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
</a>
</li>
@@ -2469,6 +2468,6 @@ footer a[aria-current="page"]::after</span> <span class="token punctuation">{</s
</footer>
<!-- This page `/core-css/` was built on 2026-09-21T15:39:17.451Z -->
<!-- This page `/core-css/` was built on 2026-09-21T19:19:24.068Z -->
</body>
</html>
crow/index.html
+23 -19
View File
@@ -1886,45 +1886,49 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/tiny-mushrooms/">
<h2 data-ha-exclude="">tiny mushrooms </h2>
<a class="postlink" href="/luminescent/">
<h2 data-ha-exclude="">luminescent (mature)</h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
<img src="/img/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">
<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
</a>
</li>
<li class="post">
<a class="postlink" href="/loon/">
<h2 data-ha-exclude="">loon </h2>
<a class="postlink" href="/big-pidge/">
<h2 data-ha-exclude="">big pidge </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/greeting-quorbs/">
<h2 data-ha-exclude="">greeting quorbs </h2>
<ul class="postlist-tags">
<li>card</li>
<li>shirt</li>
</ul>
<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/become-unbutterable/">
<h2 data-ha-exclude="">become unbutterable </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
@@ -1981,6 +1985,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/crow/` was built on 2026-09-21T15:39:17.409Z -->
<!-- This page `/crow/` was built on 2026-09-21T19:19:24.051Z -->
</body>
</html>
designing-a-bag/index.html
+18 -20
View File
@@ -1903,15 +1903,29 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/makers-mark-keychain/">
<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
<a class="postlink" href="/bowtie/">
<h2 data-ha-exclude="">bowtie </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/an-intro-to-git/">
<h2 data-ha-exclude="">an intro to git </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -1930,22 +1944,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/leather-long-stitch-journals/">
<h2 data-ha-exclude="">leather long-stitch journals </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>book</li>
</ul>
<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
</ol>
</section>
@@ -1998,6 +1996,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/designing-a-bag/` was built on 2026-09-21T15:39:17.403Z -->
<!-- This page `/designing-a-bag/` was built on 2026-09-21T19:19:24.049Z -->
</body>
</html>
domain-and-site-setup/index.html
+32 -31
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2093,34 +2094,6 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/backend-accessibility/">
<h2 data-ha-exclude="">backend accessibility </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/framer-accessibility/">
<h2 data-ha-exclude="">framer accessibility </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
</a>
</li>
<li class="post">
<a class="postlink" href="/accessible-image-modals/">
<h2 data-ha-exclude="">accessible image modals </h2>
@@ -2135,6 +2108,34 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/visual-site-builders-and-accessibility/">
<h2 data-ha-exclude="">visual site builders and accessibility </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/comparing-text-editors/">
<h2 data-ha-exclude="">comparing text editors </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
</ol>
</section>
@@ -2187,6 +2188,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/domain-and-site-setup/` was built on 2026-09-21T15:39:17.451Z -->
<!-- This page `/domain-and-site-setup/` was built on 2026-09-21T19:19:24.067Z -->
</body>
</html>
double-bill-pocket-bifold/index.html
+12 -10
View File
@@ -1887,43 +1887,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/swoop-wallet/">
<h2 data-ha-exclude="">swoop wallet </h2>
<a class="postlink" href="/aarons-mask/">
<h2 data-ha-exclude="">aaron&#39;s mask </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
</a>
</li>
<li class="post">
<a class="postlink" href="/makers-mark-keychain/">
<h2 data-ha-exclude="">maker&#39;s mark keychain </h2>
<a class="postlink" href="/vertical-bifold/">
<h2 data-ha-exclude="">vertical bifold </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/sunflower/">
<h2 data-ha-exclude="">sunflower </h2>
<a class="postlink" href="/black-and-red-journal/">
<h2 data-ha-exclude="">black and red journal </h2>
<ul class="postlist-tags">
<li>book</li>
<li>leather</li>
</ul>
<img src="/img/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/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
@@ -1980,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/double-bill-pocket-bifold/` was built on 2026-09-21T15:39:17.433Z -->
<!-- This page `/double-bill-pocket-bifold/` was built on 2026-09-21T19:19:24.045Z -->
</body>
</html>
dragon-mask/index.html
+22 -24
View File
@@ -1892,47 +1892,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/brookes-notebook/">
<h2 data-ha-exclude="">brooke&#39;s notebook </h2>
<a class="postlink" href="/azure-locations-and-file-crawling/">
<h2 data-ha-exclude="">azure locations and file crawling </h2>
<ul class="postlist-tags">
<li>book</li>
<li>software</li>
<li>highlight</li>
</ul>
<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
</a>
</li>
<li class="post">
<a class="postlink" href="/black-and-red-journal/">
<h2 data-ha-exclude="">black and red journal </h2>
<ul class="postlist-tags">
<li>book</li>
<li>leather</li>
</ul>
<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
<a class="postlink" href="/soras-collar/">
<h2 data-ha-exclude="">sora&#39;s collar </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/happy-solstice-2025/">
<h2 data-ha-exclude="">happy solstice 2025 </h2>
<ul class="postlist-tags">
<li>highlight</li>
</ul>
<img src="/img/solstice-2025.jpg" alt="front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i&#39;m standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with &#39;L + B&#39; written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words &#39;happy solstice&#39; in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words &#39;lee, brooke, kestrel, &amp; the flock&#39; in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel&#39;s head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i&#39;ve added a dahlia to represent the stamp, and written &#39;you!&#39; in the field that would normally hold the mailing address." loading="lazy" decoding="async" width="1000" height="1346">
</a>
</li>
@@ -1989,6 +1987,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/dragon-mask/` was built on 2026-09-21T15:39:17.403Z -->
<!-- This page `/dragon-mask/` was built on 2026-09-21T19:19:24.050Z -->
</body>
</html>
dyeing-fiber/index.html
+18 -18
View File
@@ -1886,6 +1886,20 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/bfl-silk-handspun/">
<h2 data-ha-exclude="">BFL/silk handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/ruby-the-alpaca-handspun/">
<h2 data-ha-exclude="">ruby the alpaca handspun </h2>
@@ -1901,29 +1915,15 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/petrichor-handspun/">
<h2 data-ha-exclude="">petrichor handspun </h2>
<a class="postlink" href="/icelandic-lamb-handspun/">
<h2 data-ha-exclude="">icelandic lamb handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/light-grey-jacobs-handspun/">
<h2 data-ha-exclude="">light grey jacobs handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -1980,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/dyeing-fiber/` was built on 2026-09-21T15:39:17.408Z -->
<!-- This page `/dyeing-fiber/` was built on 2026-09-21T19:19:24.051Z -->
</body>
</html>
ecommerce-options/index.html
+1 -1
View File
@@ -1962,6 +1962,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/ecommerce-options/` was built on 2026-09-21T15:39:17.432Z -->
<!-- This page `/ecommerce-options/` was built on 2026-09-21T19:19:24.044Z -->
</body>
</html>
eight-pocket-bifold/index.html
+10 -12
View File
@@ -1887,45 +1887,43 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/lobstah/">
<h2 data-ha-exclude="">lobstah </h2>
<a class="postlink" href="/gradient-purse-strap/">
<h2 data-ha-exclude="">gradient purse strap </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/shrimp-cat-toy/">
<h2 data-ha-exclude="">shrimp cat toy </h2>
<a class="postlink" href="/brookes-collar/">
<h2 data-ha-exclude="">brooke&#39;s collar </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/fishhook-pride-keychains/">
<h2 data-ha-exclude="">fishhook pride keychains </h2>
<a class="postlink" href="/leather-keychains/">
<h2 data-ha-exclude="">leather keychains </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>gender</li>
</ul>
<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
@@ -1982,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/eight-pocket-bifold/` was built on 2026-09-21T15:39:17.433Z -->
<!-- This page `/eight-pocket-bifold/` was built on 2026-09-21T19:19:24.045Z -->
</body>
</html>
eleventy-lessons/index.html
+13 -12
View File
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -2379,43 +2380,43 @@ eleventyExcludeFromCollections: true
<ol id="postlist">
<li class="post">
<a class="postlink" href="/framer-accessibility/">
<h2 data-ha-exclude="">framer accessibility </h2>
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
<li class="post">
<a class="postlink" href="/domain-and-site-setup/">
<h2 data-ha-exclude="">domain and site setup </h2>
<a class="postlink" href="/tree-style-table-of-contents/">
<h2 data-ha-exclude="">tree-style table of contents </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/tree-styling-0.png" alt="screenshot of the table of contents for a blog post (this blog post, in fact). it&#39;s been styled so that the output resembles the hierarchical file system output from the shell program &#39;tree.&#39;" loading="lazy" decoding="async" width="621" height="450">
</a>
</li>
<li class="post">
<a class="postlink" href="/visual-site-builders-and-accessibility/">
<h2 data-ha-exclude="">visual site builders and accessibility </h2>
<a class="postlink" href="/screen-reader-optimizations/">
<h2 data-ha-exclude="">screen reader optimizations </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -2472,6 +2473,6 @@ eleventyExcludeFromCollections: true
</footer>
<!-- This page `/eleventy-lessons/` was built on 2026-09-21T15:39:17.451Z -->
<!-- This page `/eleventy-lessons/` was built on 2026-09-21T19:19:24.068Z -->
</body>
</html>
euphorbia/index.html
+25 -21
View File
@@ -1886,22 +1886,6 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/congrats-on-the-autism-adhd/">
<h2 data-ha-exclude="">congrats on the autism/adhd </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
</ul>
<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
<li class="post">
<a class="postlink" href="/bottom-growth/">
<h2 data-ha-exclude="">bottom growth (mature)</h2>
@@ -1919,8 +1903,28 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/congrats-on-the-gay/">
<h2 data-ha-exclude="">congrats on the gay </h2>
<a class="postlink" href="/anarchy-autism/">
<h2 data-ha-exclude="">anarchy autism </h2>
<ul class="postlist-tags">
<li>print</li>
<li>sticker</li>
<li>shirt</li>
<li>pin</li>
</ul>
<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/fat-raccoon/">
<h2 data-ha-exclude="">fat raccoon </h2>
<ul class="postlist-tags">
@@ -1928,10 +1932,10 @@ switch (currentThemeValue) {
<li>card</li>
<li>gender</li>
<li>shirt</li>
</ul>
<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/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">
</a>
</li>
@@ -1988,6 +1992,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/euphorbia/` was built on 2026-09-21T15:39:17.407Z -->
<!-- This page `/euphorbia/` was built on 2026-09-21T19:19:24.030Z -->
</body>
</html>
fat-raccoon/index.html
+9 -15
View File
@@ -1904,8 +1904,8 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/shrimp/">
<h2 data-ha-exclude="">shrimp </h2>
<a class="postlink" href="/congrats-on-the-gay/">
<h2 data-ha-exclude="">congrats on the gay </h2>
<ul class="postlist-tags">
@@ -1913,19 +1913,17 @@ switch (currentThemeValue) {
<li>card</li>
<li>sticker</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/queer/">
<h2 data-ha-exclude="">queer </h2>
<a class="postlink" href="/flicker/">
<h2 data-ha-exclude="">flicker </h2>
<ul class="postlist-tags">
@@ -1933,14 +1931,10 @@ switch (currentThemeValue) {
<li>card</li>
<li>sticker</li>
<li>pin</li>
<li>gender</li>
<li>shirt</li>
</ul>
<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -2019,6 +2013,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fat-raccoon/` was built on 2026-09-21T15:39:17.428Z -->
<!-- This page `/fat-raccoon/` was built on 2026-09-21T19:19:24.041Z -->
</body>
</html>
fd-signifier-and-oppositional-sexism/index.html
+11 -23
View File
@@ -1921,57 +1921,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/trans-the-world/">
<h2 data-ha-exclude="">trans the world </h2>
<a class="postlink" href="/fishhook-pride-keychains/">
<h2 data-ha-exclude="">fishhook pride keychains </h2>
<ul class="postlist-tags">
<li>print</li>
<li>shirt</li>
<li>leather</li>
<li>gender</li>
</ul>
<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/rope-one/">
<h2 data-ha-exclude="">rope (one) (mature)</h2>
<a class="postlink" href="/gender/">
<h2 data-ha-exclude="">gender? </h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
</a>
</li>
<li class="post">
<a class="postlink" href="/boypussy/">
<h2 data-ha-exclude="">boypussy (mature)</h2>
<a class="postlink" href="/queer-book-list/">
<h2 data-ha-exclude="">queer book list </h2>
<ul class="postlist-tags">
<li>print</li>
<li>sticker</li>
<li>shirt</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
@@ -2028,6 +2016,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-09-21T15:39:17.406Z -->
<!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-09-21T19:19:24.029Z -->
</body>
</html>
fedilearns/index.html
+1 -1
View File
@@ -1921,6 +1921,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fedilearns/` was built on 2026-09-21T15:39:17.409Z -->
<!-- This page `/fedilearns/` was built on 2026-09-21T19:19:24.051Z -->
</body>
</html>
fedizinefest-2025/index.html
+11 -11
View File
@@ -1887,17 +1887,19 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/gender-as-a-proxy-variable/">
<h2 data-ha-exclude="">gender as a proxy variable </h2>
<a class="postlink" href="/kestrel-zine/">
<h2 data-ha-exclude="">kestrel zine </h2>
<ul class="postlist-tags">
<li>gender</li>
<li>print</li>
<li>zine</li>
<li>highlight</li>
</ul>
<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
@@ -1919,19 +1921,17 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/kestrel-zine/">
<h2 data-ha-exclude="">kestrel zine </h2>
<a class="postlink" href="/gender-as-a-proxy-variable/">
<h2 data-ha-exclude="">gender as a proxy variable </h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
<li>zine</li>
<li>highlight</li>
</ul>
<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
</a>
</li>
@@ -1988,6 +1988,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fedizinefest-2025/` was built on 2026-09-21T15:39:17.407Z -->
<!-- This page `/fedizinefest-2025/` was built on 2026-09-21T19:19:24.030Z -->
</body>
</html>
feed.xml
+146 -9
View File
@@ -5,12 +5,157 @@
<subtitle>Lee Cattarin... on the internet!</subtitle>
<link href="https://leecat.art/feed.xml" rel="self" />
<link href="https://leecat.art/" />
<updated>2026-09-09T00:00:00Z</updated>
<updated>2026-09-21T00:00:00Z</updated>
<id>https://leecat.art/</id>
<author>
<name>Lee Cattarin</name>
<email>lee.cattarin@gmail.com</email>
</author>
<entry>
<title>tree-style table of contents</title>
<link href="https://leecat.art/tree-style-table-of-contents/" />
<updated>2026-09-21T00:00:00Z</updated>
<id>https://leecat.art/tree-style-table-of-contents/</id>
<content type="html">&lt;p&gt;I have a shiny new Table of Contents (hereafter ToC) section for some of my posts (like this one)! And for fun and profit, it&#39;s styled like the output of &lt;a href=&quot;https://en.wikipedia.org/wiki/Tree_(command)&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;&lt;code&gt;tree&lt;/code&gt;&lt;/a&gt;. I want to lay out the CSS I used for this. Fair warning, there&#39;s some hyper-specific border widths and positioning that &lt;em&gt;probably&lt;/em&gt; should be a &lt;code&gt;calc()&lt;/code&gt; function of some kind.&lt;/p&gt;
&lt;p&gt;I drew inspiration from this &lt;a href=&quot;https://stackoverflow.com/questions/14423671/best-method-for-displaying-a-tree-list-using-css-only-no-images-or-js-example&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;StackOverflow issue regarding tree styling for lists&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&quot;tree&quot;&gt;&lt;code&gt;tree&lt;/code&gt;&lt;/h2&gt;
&lt;p&gt;Just for reference, here&#39;s some sample &lt;code&gt;tree&lt;/code&gt; output:&lt;/p&gt;
&lt;pre class=&quot;language-txt&quot;&gt;&lt;code class=&quot;language-txt&quot;&gt;.
├── footer.njk
├── head-content.njk
├── header.njk
├── layouts
│ ├── base.njk
│ ├── page-lists.njk
│ ├── page.njk
│ ├── post.njk
│ ├── post-with-toc.njk
│ └── tag-redirect.njk
├── pagination.njk
├── postlist.njk
└── webring.njk&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;(You&#39;ll note that there are gaps between the verticals of each line. That&#39;s due to the line-height on the page, but in a standard terminal those vertical lines would be contiguous.)&lt;/p&gt;
&lt;h2 id=&quot;html&quot;&gt;HTML&lt;/h2&gt;
&lt;p&gt;Our ToC uses the following HTML structure:&lt;/p&gt;
&lt;pre class=&quot;language-html&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;aside&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;toc&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;details&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;summary&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;table of contents&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;summary&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;nav&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;ol&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;h2 1&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;h2 2&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;ol&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;h3 2a&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;h3 2b&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;ol&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;h2 3&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token comment&quot;&gt;&amp;lt;!-- etc --&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;ol&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;nav&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;details&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;aside&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;We can ignore the &lt;code&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;details&amp;gt;&lt;/code&gt;, and &lt;code&gt;&amp;lt;nav&amp;gt;&lt;/code&gt; components - we&#39;re going to focus on the &lt;code&gt;&amp;lt;ol&amp;gt;&lt;/code&gt;s and &lt;code&gt;&amp;lt;li&amp;gt;&lt;/code&gt;s.&lt;/p&gt;
&lt;h2 id=&quot;css&quot;&gt;CSS&lt;/h2&gt;
&lt;p&gt;Despite referencing a StackOverflow issue above, I never like to just copy-paste a chunk of StackOverflow code into place. I don&#39;t like extraneous CSS, and sometimes there&#39;s stuff mixed in there that just isn&#39;t necessary. Let&#39;s build from the ground up.&lt;/p&gt;
&lt;h3 id=&quot;remove-styling-that-will-be-in-the-way&quot;&gt;remove styling that will be in the way&lt;/h3&gt;
&lt;p&gt;By default, my lists have a lot of space around them for legibility when reading longer list items. We&#39;ll be accomplishing the vertical bars with borders here, so it&#39;s critical we not have any block-oriented spacing on &lt;code&gt;&amp;lt;ol&amp;gt;&lt;/code&gt;s and &lt;code&gt;&amp;lt;li&amp;gt;&lt;/code&gt;s. We&#39;re also going to take the numeric &lt;code&gt;list-style&lt;/code&gt; off.&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc ol,
#toc li&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;margin-block&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 0&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;list-style&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; none&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h3 id=&quot;start-the-structure-with-borders&quot;&gt;start the structure with borders&lt;/h3&gt;
&lt;p&gt;The &lt;code&gt;tree&lt;/code&gt;-like structure will be accomplished with both symbols (stolen directly from the tree output) and borders. Let&#39;s throw some borders on.&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc li&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;border-left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; .095rem solid &lt;span class=&quot;token function&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;--color-pink&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;img src=&quot;https://leecat.art/img/tree-styling-1.png&quot; alt=&quot;Phase 1. There are thin pink vertical left-side borders for the list item elements, create long contiguous vertical lines. They are directly next to the list items with no spacing.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;604&quot; height=&quot;236&quot;&gt;&lt;/p&gt;
&lt;p&gt;Those are super off. First, they&#39;re tabbed too far in to the left; second, there&#39;s &lt;em&gt;no&lt;/em&gt; space between the border and the list item. We&#39;re going to fix the first thing by removing left margins on the &lt;code&gt;&amp;lt;ol&amp;gt;&lt;/code&gt;s. The second is where we pull in the most critical piece of infrastructure.&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc ol&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;margin-left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 0&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h3 id=&quot;li%3A%3Abefore&quot;&gt;&lt;code&gt;li::before&lt;/code&gt;&lt;/h3&gt;
&lt;p&gt;We&#39;re going to use a character from the &lt;code&gt;tree&lt;/code&gt; output and place it before our list items.&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc li::before&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;├─&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;--color-pink&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Notably, without additional positioning, the bars will be spaced away from the border. We want them to overlap perfectly.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://leecat.art/img/tree-styling-2.png&quot; alt=&quot;Phase 2, shown with the new characters before any positioning adjustment. There are tree line leaders before each list item, but they are a few pixels off from overlapping with the border.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;598&quot; height=&quot;224&quot;&gt;&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc li::before&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;position&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; relative&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; -.34rem&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;token comment&quot;&gt;/* I fiddled a lot and this is where I landed */&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;img src=&quot;https://leecat.art/img/tree-styling-3.png&quot; alt=&quot;Phase 3. The tree line leaders now perfectly overlap the border and it looks like a contiguous vertical line with small tabs inwards.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;607&quot; height=&quot;229&quot;&gt;&lt;/p&gt;
&lt;h3 id=&quot;adjust-left-margins&quot;&gt;adjust left margins&lt;/h3&gt;
&lt;p&gt;Right now, the vertical lines don&#39;t nest nicely underneath the level above. Let&#39;s change our margins. I also adjusted the line height very slightly, because I noticed on some levels of magnification that the tree line leader characters weren&#39;t actually meeting.&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc li&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;margin-left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 1.5rem&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;line-height&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 1.15&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;img src=&quot;https://leecat.art/img/tree-styling-4.png&quot; alt=&quot;Phase 4. The vertical border comes down directly below the first character of the parent level.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;604&quot; height=&quot;193&quot;&gt;&lt;/p&gt;
&lt;h3 id=&quot;fix-those-pesky-last-children&quot;&gt;fix those pesky last children&lt;/h3&gt;
&lt;p&gt;You&#39;ve probably noticed that the last children in the tree output had a bend rather than the T-shape we&#39;ve been using. We&#39;ll want to remove the border from the last children and change the character we&#39;re using.&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc li:last-child&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;border-left-color&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; transparent&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot;&gt;#toc li:last-child::before&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token comment&quot;&gt;/* Technically, we could use this content for all of them, but doing the full
bar for the non-last-childs keeps the border a *smidge* more consistent for
different levels of magnification */&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;└─&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;With that, it starts to look complete!&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://leecat.art/img/tree-styling-5.png&quot; alt=&quot;Phase 5, almost done. The last children no longer have a border that continues onward as though there will be more children.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;598&quot; height=&quot;227&quot;&gt;&lt;/p&gt;
&lt;h3 id=&quot;but-what-about-really%2C-really%2C-really%2C-really%2C-really-long-headers%3F&quot;&gt;but what about really, really, really, really, REALLY long headers?&lt;/h3&gt;
&lt;p&gt;What about line wrapping? It looks pretty bad right now.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://leecat.art/img/tree-styling-6.png&quot; alt=&quot;Table of contents now shown with the above header. When the line wraps, instead of lining up with the beginning of the first character on the previous line, it nests under the tree line leader and right in line with the vertical border.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;609&quot; height=&quot;405&quot;&gt;&lt;/p&gt;
&lt;p&gt;(And for the record, this happens for middle children too, it&#39;s not just a last child issue.)&lt;/p&gt;
&lt;p&gt;We can fix this with a hanging indent.&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc li&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;text-indent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 1.22rem hanging&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;token comment&quot;&gt;/* Again, I fiddled */&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;img src=&quot;https://leecat.art/img/tree-styling-7.png&quot; alt=&quot;Final version with the hanging indent implemented. Now the second line of text for this header lines up nicely with the start of the text above it.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;608&quot; height=&quot;408&quot;&gt;&lt;/p&gt;
&lt;h2 id=&quot;summary&quot;&gt;summary&lt;/h2&gt;
&lt;p&gt;Here&#39;s the final collected CSS:&lt;/p&gt;
&lt;pre class=&quot;language-css&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;#toc ol,
#toc li&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;margin-block&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 0&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;list-style&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; none&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot;&gt;#toc ol&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;margin-left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 0&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot;&gt;#toc li&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;border-left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; .095rem solid &lt;span class=&quot;token function&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;--color-pink&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;margin-left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 1.5rem&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;line-height&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 1.15&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;text-indent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; 1.22rem hanging&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot;&gt;#toc li::before&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;├─&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;--color-pink&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;position&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; relative&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; -.34rem&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot;&gt;#toc li:last-child&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;border-left-color&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; transparent&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot;&gt;#toc li:last-child::before&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token comment&quot;&gt;/* Technically, we could use this content for all of them, but doing the full
bar for the non-last-childs keeps the border a *smidge* more consistent for
different levels of magnification */&lt;/span&gt;
&lt;span class=&quot;token property&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;└─&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
</content>
</entry>
<entry>
<title>houndstooth dishtowels</title>
<link href="https://leecat.art/houndstooth-dishtowels/" />
@@ -1234,12 +1379,4 @@ footer a[aria-current=&quot;page&quot;]::after&lt;/span&gt; &lt;span class=&quot
<id>https://leecat.art/black-and-red-journal/</id>
<content type="html"></content>
</entry>
<entry>
<title>fediLearns</title>
<link href="https://leecat.art/fedilearns/" />
<updated>2026-05-06T00:00:00Z</updated>
<id>https://leecat.art/fedilearns/</id>
<content type="html">&lt;p&gt;My new project &lt;a href=&quot;https://fedilearns.fyi&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;FediLearns&lt;/a&gt; is a learning-focused classifieds page for the fediverse. Check it out!&lt;/p&gt;
</content>
</entry>
</feed>
fire-and-ice-handspun/index.html
+10 -10
View File
@@ -1887,43 +1887,43 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/icelandic-lamb-handspun/">
<h2 data-ha-exclude="">icelandic lamb handspun </h2>
<a class="postlink" href="/ruby-the-alpaca-handspun/">
<h2 data-ha-exclude="">ruby the alpaca handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/ruby-alpaca-handspun.jpg" alt="one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/orion-handspun/">
<h2 data-ha-exclude="">orion handspun </h2>
<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
<h2 data-ha-exclude="">handspun yarn in party mix and orange-gold </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/petrichor-handspun/">
<h2 data-ha-exclude="">petrichor handspun </h2>
<a class="postlink" href="/hand-dyed-gold-handspun/">
<h2 data-ha-exclude="">hand-dyed gold handspun </h2>
<ul class="postlist-tags">
<li>yarn</li>
</ul>
<img src="/img/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/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -1980,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fire-and-ice-handspun/` was built on 2026-09-21T15:39:17.408Z -->
<!-- This page `/fire-and-ice-handspun/` was built on 2026-09-21T19:19:24.051Z -->
</body>
</html>
fishhook-pride-keychains/index.html
+36 -34
View File
@@ -1892,51 +1892,53 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/trans-rights-skull/">
<h2 data-ha-exclude="">trans rights skull </h2>
<a class="postlink" href="/little-critter-pouch/">
<h2 data-ha-exclude="">little critter pouch </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>highlight</li>
</ul>
<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
<h2 data-ha-exclude="">fd signifier &amp; oppositional sexism </h2>
<ul class="postlist-tags">
<li>gender</li>
</ul>
<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
</a>
</li>
<li class="post">
<a class="postlink" href="/girldick/">
<h2 data-ha-exclude="">girldick (mature)</h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>sticker</li>
<li>shirt</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/zipper-bifold-green/">
<h2 data-ha-exclude="">zipper bifold (green) </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/zipper-bifold-green.jpg" alt="A collage showing a green leather wallet with a zippered pocket built into one external side." loading="lazy" decoding="async" width="1000" height="1332">
</a>
</li>
<li class="post">
<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
<h2 data-ha-exclude="">foldy wallet with thumb slide </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1993,6 +1995,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fishhook-pride-keychains/` was built on 2026-09-21T15:39:17.435Z -->
<!-- This page `/fishhook-pride-keychains/` was built on 2026-09-21T19:19:24.047Z -->
</body>
</html>
five-of-them/index.html
+28 -28
View File
@@ -1899,55 +1899,55 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/greeting-loons/">
<h2 data-ha-exclude="">greeting loons </h2>
<a class="postlink" href="/nonbinary-flag/">
<h2 data-ha-exclude="">nonbinary flag </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>print</li>
<li>highlight</li>
</ul>
<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/trans-the-world/">
<h2 data-ha-exclude="">trans the world </h2>
<ul class="postlist-tags">
<li>print</li>
<li>shirt</li>
<li>gender</li>
</ul>
<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/geese/">
<h2 data-ha-exclude="">geese </h2>
<a class="postlink" href="/girldick/">
<h2 data-ha-exclude="">girldick (mature)</h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>sticker</li>
<li>shirt</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/crow/">
<h2 data-ha-exclude="">crow </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
@@ -2004,6 +2004,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/five-of-them/` was built on 2026-09-21T15:39:17.430Z -->
<!-- This page `/five-of-them/` was built on 2026-09-21T19:19:24.043Z -->
</body>
</html>
fix-your-hearts/index.html
+13 -17
View File
@@ -1886,8 +1886,8 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/hummingbird-become-ungovernable/">
<h2 data-ha-exclude="">hummingbird become ungovernable </h2>
<a class="postlink" href="/spotted-towhee/">
<h2 data-ha-exclude="">spotted towhee </h2>
<ul class="postlist-tags">
@@ -1895,44 +1895,40 @@ switch (currentThemeValue) {
<li>card</li>
<li>shirt</li>
</ul>
<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">
<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
<a class="postlink" href="/greeting-loons/">
<h2 data-ha-exclude="">greeting loons </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
<li>print</li>
<li>highlight</li>
</ul>
<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/rope-one/">
<h2 data-ha-exclude="">rope (one) (mature)</h2>
<a class="postlink" href="/become-unbutterable/">
<h2 data-ha-exclude="">become unbutterable </h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
@@ -1989,6 +1985,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fix-your-hearts/` was built on 2026-09-21T15:39:17.402Z -->
<!-- This page `/fix-your-hearts/` was built on 2026-09-21T19:19:24.048Z -->
</body>
</html>
flatfish/index.html
+22 -26
View File
@@ -1899,26 +1899,8 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/kestrel-zine/">
<h2 data-ha-exclude="">kestrel zine </h2>
<ul class="postlist-tags">
<li>print</li>
<li>zine</li>
<li>highlight</li>
</ul>
<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/flicker/">
<h2 data-ha-exclude="">flicker </h2>
<a class="postlink" href="/heron/">
<h2 data-ha-exclude="">heron </h2>
<ul class="postlist-tags">
@@ -1929,23 +1911,37 @@ switch (currentThemeValue) {
<li>shirt</li>
</ul>
<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/artisans-cooperative-shirts/">
<h2 data-ha-exclude="">artisans cooperative shirts </h2>
<a class="postlink" href="/artisans-cooperative-cards/">
<h2 data-ha-exclude="">artisans cooperative cards </h2>
<ul class="postlist-tags">
<li>shirt</li>
<li>print</li>
<li>card</li>
</ul>
<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/tiny-portraits/">
<h2 data-ha-exclude="">tiny portraits </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
@@ -2002,6 +1998,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/flatfish/` was built on 2026-09-21T15:39:17.426Z -->
<!-- This page `/flatfish/` was built on 2026-09-21T19:19:24.039Z -->
</body>
</html>
flicker/index.html
+25 -31
View File
@@ -1904,8 +1904,8 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/spotted-towhee/">
<h2 data-ha-exclude="">spotted towhee </h2>
<a class="postlink" href="/iris/">
<h2 data-ha-exclude="">iris </h2>
<ul class="postlist-tags">
@@ -1914,14 +1914,14 @@ switch (currentThemeValue) {
<li>card</li>
</ul>
<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
</a>
</li>
<li class="post">
<a class="postlink" href="/shrimp/">
<h2 data-ha-exclude="">shrimp </h2>
<a class="postlink" href="/nonbinary-flag/">
<h2 data-ha-exclude="">nonbinary flag </h2>
<ul class="postlist-tags">
@@ -1929,34 +1929,28 @@ switch (currentThemeValue) {
<li>card</li>
<li>sticker</li>
<li>pin</li>
</ul>
<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/trans-rights-skull/">
<h2 data-ha-exclude="">trans rights skull </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>sticker</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/happy-bihrtday/">
<h2 data-ha-exclude="">happy biHRTday </h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -2013,6 +2007,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/flicker/` was built on 2026-09-21T15:39:17.427Z -->
<!-- This page `/flicker/` was built on 2026-09-21T19:19:24.040Z -->
</body>
</html>
flocked-notebook/index.html
+15 -15
View File
@@ -1899,6 +1899,20 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/leather-strap-journal/">
<h2 data-ha-exclude="">leather strap journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/orange-journal/">
<h2 data-ha-exclude="">orange journal </h2>
@@ -1929,20 +1943,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/tiny-books/">
<h2 data-ha-exclude="">tiny books </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/tiny-book.jpg" alt="A three panel collage showing a book held in the palm of a hand." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
</ol>
</section>
@@ -1995,6 +1995,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/flocked-notebook/` was built on 2026-09-21T15:39:17.402Z -->
<!-- This page `/flocked-notebook/` was built on 2026-09-21T19:19:24.026Z -->
</body>
</html>
foldy-wallet-with-thumb-slide/index.html
+18 -18
View File
@@ -1886,20 +1886,6 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/leaf-patches/">
<h2 data-ha-exclude="">leaf patches </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/proud-dad-wallet/">
<h2 data-ha-exclude="">proud dad wallet </h2>
@@ -1917,15 +1903,29 @@ switch (currentThemeValue) {
</li>
<li class="post">
<a class="postlink" href="/sunflower/">
<h2 data-ha-exclude="">sunflower </h2>
<a class="postlink" href="/long-zipper-bifold/">
<h2 data-ha-exclude="">long zipper bifold </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/circle-bag/">
<h2 data-ha-exclude="">circle bag </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -1982,6 +1982,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-21T15:39:17.405Z -->
<!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-21T19:19:24.027Z -->
</body>
</html>
foldy-wallet/index.html
+10 -10
View File
@@ -1887,43 +1887,43 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/lobstah/">
<h2 data-ha-exclude="">lobstah </h2>
<a class="postlink" href="/wrap-bracelets/">
<h2 data-ha-exclude="">wrap bracelets </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/leather-wrap-bracelets.jpg" alt="two wrists, each wearing a black leather wrap bracelet. the upper bracelet is a thin strap wrapped 3 times around the wrist. the lower bracelet wraps twice, with a thicker strap, and has carefully placed spikes that avoid the wrap spots." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/leaf-patches/">
<h2 data-ha-exclude="">leaf patches </h2>
<a class="postlink" href="/leather-keychains/">
<h2 data-ha-exclude="">leather keychains </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
</a>
</li>
<li class="post">
<a class="postlink" href="/triangle-pouch/">
<h2 data-ha-exclude="">triangle pouch </h2>
<a class="postlink" href="/long-zipper-bifold/">
<h2 data-ha-exclude="">long zipper bifold </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
@@ -1980,6 +1980,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/foldy-wallet/` was built on 2026-09-21T15:39:17.405Z -->
<!-- This page `/foldy-wallet/` was built on 2026-09-21T19:19:24.026Z -->
</body>
</html>
fountain-pen-friendly-stationery/index.html
+1 -1
View File
@@ -1981,6 +1981,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-09-21T15:39:17.408Z -->
<!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-09-21T19:19:24.031Z -->
</body>
</html>
foxgloves/index.html
+25 -27
View File
@@ -1903,51 +1903,49 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/trans-wrongs-skull/">
<h2 data-ha-exclude="">trans wrongs skull </h2>
<a class="postlink" href="/rope-one/">
<h2 data-ha-exclude="">rope (one) (mature)</h2>
<ul class="postlist-tags">
<li>print</li>
<li>card</li>
<li>sticker</li>
<li>pin</li>
<li>gender</li>
</ul>
<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
</a>
</li>
<li class="post">
<a class="postlink" href="/fix-your-hearts/">
<h2 data-ha-exclude="">fix your hearts </h2>
<a class="postlink" href="/geese-trans-wrongs/">
<h2 data-ha-exclude="">geese/trans wrongs </h2>
<ul class="postlist-tags">
<li>print</li>
<li>shirt</li>
<li>gender</li>
</ul>
<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/printmaking-paper-notes/">
<h2 data-ha-exclude="">printmaking paper notes </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/squarsh/">
<h2 data-ha-exclude="">squarsh </h2>
<ul class="postlist-tags">
<li>print</li>
</ul>
<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -2004,6 +2002,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/foxgloves/` was built on 2026-09-21T15:39:17.431Z -->
<!-- This page `/foxgloves/` was built on 2026-09-21T19:19:24.043Z -->
</body>
</html>
framer-accessibility/index.html
+36 -37
View File
@@ -16,8 +16,8 @@
<meta property="og:site_name" content="hello hello">
<meta property="og:url" content="https://leecat.art/framer-accessibility/">
<meta property="og:image" content="https://leecat.art/img/framer.png">
<meta property="og:image:alt" content="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features.">
<meta property="og:image" content="https://leecat.art/img/feather.jpg">
<meta property="og:image:alt" content="Image unrelated to post. A very frail and wispy feather with variegated white and brown markings on top of pine-needle-covered ground.">
<meta name="generator" content="Eleventy v3.1.2">
@@ -97,17 +97,18 @@
#toc ol,
#toc li {
margin-block: 0;
list-style: none;
}
#toc ol {
margin-left: 0;
list-style: none;
}
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.15;
margin-left: 1.5rem;
line-height: 1.15;
text-indent: 1.22rem hanging;
}
#toc li::before {
@@ -1937,9 +1938,9 @@ switch (currentThemeValue) {
<dialog closedby="any" aria-label="image modal" tabindex="-1">
<button class="close-dialog" autofocus="" aria-label="close the image modal">&times;</button>
<img class="modal-img" src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
<img class="modal-img" src="/img/feather.jpg" alt="Image unrelated to post. A very frail and wispy feather with variegated white and brown markings on top of pine-needle-covered ground." loading="lazy" decoding="async" width="1000" height="666">
</dialog>
<img class="hero" src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
<img class="hero" src="/img/feather.jpg" alt="Image unrelated to post. A very frail and wispy feather with variegated white and brown markings on top of pine-needle-covered ground." loading="lazy" decoding="async" width="1000" height="666">
@@ -2193,6 +2194,34 @@ switch (currentThemeValue) {
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/screen-reader-optimizations/">
<h2 data-ha-exclude="">screen reader optimizations </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/my-favorite-git-flag/">
<h2 data-ha-exclude="">my favorite git flag </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/an-intro-to-git/">
<h2 data-ha-exclude="">an intro to git </h2>
@@ -2207,36 +2236,6 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/azure-locations-and-file-crawling/">
<h2 data-ha-exclude="">azure locations and file crawling </h2>
<ul class="postlist-tags">
<li>software</li>
<li>highlight</li>
</ul>
<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
</a>
</li>
<li class="post">
<a class="postlink" href="/eleventy-lessons/">
<h2 data-ha-exclude="">eleventy lessons </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
</ol>
</section>
@@ -2289,6 +2288,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/framer-accessibility/` was built on 2026-09-21T15:39:17.451Z -->
<!-- This page `/framer-accessibility/` was built on 2026-09-21T19:19:24.068Z -->
</body>
</html>
gallery/1/index.html
+1 -1
View File
@@ -1656,6 +1656,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/1/` was built on 2026-09-21T15:39:19.505Z -->
<!-- This page `/gallery/1/` was built on 2026-09-21T19:19:26.039Z -->
</body>
</html>
gallery/10/index.html
+1 -1
View File
@@ -1674,6 +1674,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/10/` was built on 2026-09-21T15:39:22.907Z -->
<!-- This page `/gallery/10/` was built on 2026-09-21T19:19:29.232Z -->
</body>
</html>
gallery/11/index.html
+1 -1
View File
@@ -1642,6 +1642,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/11/` was built on 2026-09-21T15:39:23.145Z -->
<!-- This page `/gallery/11/` was built on 2026-09-21T19:19:29.497Z -->
</body>
</html>
gallery/2/index.html
+1 -1
View File
@@ -1670,6 +1670,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/2/` was built on 2026-09-21T15:39:20.135Z -->
<!-- This page `/gallery/2/` was built on 2026-09-21T19:19:26.431Z -->
</body>
</html>
gallery/3/index.html
+1 -1
View File
@@ -1664,6 +1664,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/3/` was built on 2026-09-21T15:39:20.498Z -->
<!-- This page `/gallery/3/` was built on 2026-09-21T19:19:26.760Z -->
</body>
</html>
gallery/4/index.html
+1 -1
View File
@@ -1660,6 +1660,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/4/` was built on 2026-09-21T15:39:20.891Z -->
<!-- This page `/gallery/4/` was built on 2026-09-21T19:19:27.214Z -->
</body>
</html>
gallery/5/index.html
+1 -1
View File
@@ -1668,6 +1668,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/5/` was built on 2026-09-21T15:39:21.170Z -->
<!-- This page `/gallery/5/` was built on 2026-09-21T19:19:27.537Z -->
</body>
</html>
gallery/6/index.html
+1 -1
View File
@@ -1656,6 +1656,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/6/` was built on 2026-09-21T15:39:21.525Z -->
<!-- This page `/gallery/6/` was built on 2026-09-21T19:19:27.898Z -->
</body>
</html>
gallery/7/index.html
+1 -1
View File
@@ -1698,6 +1698,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/7/` was built on 2026-09-21T15:39:21.909Z -->
<!-- This page `/gallery/7/` was built on 2026-09-21T19:19:28.305Z -->
</body>
</html>
gallery/8/index.html
+1 -1
View File
@@ -1678,6 +1678,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/8/` was built on 2026-09-21T15:39:22.242Z -->
<!-- This page `/gallery/8/` was built on 2026-09-21T19:19:28.621Z -->
</body>
</html>
gallery/9/index.html
+1 -1
View File
@@ -1704,6 +1704,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/9/` was built on 2026-09-21T15:39:22.558Z -->
<!-- This page `/gallery/9/` was built on 2026-09-21T19:19:28.907Z -->
</body>
</html>
gallery/index.html
+1 -1
View File
@@ -1652,6 +1652,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gallery/` was built on 2026-09-21T15:39:17.437Z -->
<!-- This page `/gallery/` was built on 2026-09-21T19:19:24.053Z -->
</body>
</html>
Loaded 100 of 327 files, more files were not shown because too many files have changed in this diff. Show more