ok finishing up the blur stuff and also building

This commit is contained in:
2026-03-27 12:33:35 -07:00
parent c6dcdacbec
commit 073ad660e4
283 changed files with 9821 additions and 5296 deletions

View File

@ -175,6 +175,11 @@
grid-area: img;
}
.blur {
filter: blur(.75rem);
clip-path: inset(0 round 1rem);
}
.tag-imgs {
display: grid;
grid-template-columns: repeat(2, 1fr);
@ -190,7 +195,7 @@
width: 100%;
aspect-ratio: 3 / 2;
background-color: var(--color-bg-alt);
border-radius: calc(1rem);
border-radius: 1rem;
}
.taglink:focus-visible .missing-image {
@ -968,12 +973,14 @@ footer a:focus-visible {
<ol id="postlist">
<li class="post">
<li class="post">
<a class="postlink" href="/happy-bihrtday/">
<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday</h2>
<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -986,12 +993,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/foxgloves/">
<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="foxgloves">foxgloves</h2>
<h2 data-ha-exclude="" id="foxgloves">foxgloves
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1004,12 +1013,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/artisans-cooperative-cards/">
<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards</h2>
<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1020,12 +1031,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/stickers/">
<img src="/img/trans-rights-stickers.jpg" alt="Clear and holographic stickers in the same design - a smiling skull with speech bubble reading &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="stickers">stickers!</h2>
<h2 data-ha-exclude="" id="stickers">stickers!
</h2>
<ul class="postlist-tags">
<li>sticker</li>
@ -1034,12 +1047,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/shirts/">
<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="shirts">shirts!</h2>
<h2 data-ha-exclude="" id="shirts">shirts!
</h2>
<ul class="postlist-tags">
<li>shirt</li>
@ -1048,12 +1063,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/nonbinary-flag/">
<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag</h2>
<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1066,12 +1083,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/gender-in-data-models/">
<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models</h2>
<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1084,12 +1103,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/five-of-them/">
<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">
<h2 data-ha-exclude="" id="five-of-them">five of them</h2>
<h2 data-ha-exclude="" id="five-of-them">five of them
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1100,12 +1121,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/swallowtail-on-snowdrops/">
<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops</h2>
<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1118,12 +1141,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/leather-strap-journal/">
<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">
<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal</h2>
<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1132,12 +1157,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/hummingbird-become-ungovernable/">
<img src="/img/hummingbird-ungovernable-print.jpg" alt="A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads &#39;become ungovernable&#39;" loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable</h2>
<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1150,24 +1177,28 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/printing-press-notes/">
<img src="/img/printing-press.jpg" alt="An open Speedball Model B printing press, which uses a lever handle to put even pressure on a 6 by 8 inch top plate." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="printing-press-notes">printing press notes</h2>
<h2 data-ha-exclude="" id="printing-press-notes">printing press notes
</h2>
<ul class="postlist-tags">
</ul>
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/stampede-journal/">
<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
<h2 data-ha-exclude="" id="stampede-journal">stampede journal</h2>
<h2 data-ha-exclude="" id="stampede-journal">stampede journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1229,6 +1260,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/10/` was built on 2026-03-25T20:02:59.773Z -->
<!-- This page `/10/` was built on 2026-03-27T19:32:45.402Z -->
</body>
</html>