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 {
@ -970,12 +975,14 @@ footer a:focus-visible {
<ol id="postlist">
<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>
@ -988,12 +995,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>
@ -1002,12 +1011,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>
@ -1020,12 +1031,14 @@ footer a:focus-visible {
</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>
@ -1034,12 +1047,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/orange-green-journal/">
<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
<h2 data-ha-exclude="" id="orange-green-journal">orange green journal</h2>
<h2 data-ha-exclude="" id="orange-green-journal">orange green journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1048,12 +1063,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/baseball-journal/">
<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">
<h2 data-ha-exclude="" id="baseball-journal">baseball journal</h2>
<h2 data-ha-exclude="" id="baseball-journal">baseball journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1062,12 +1079,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/trans-wrongs-skull/">
<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">
<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull</h2>
<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1084,12 +1103,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/geese-trans-wrongs/">
<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs</h2>
<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1102,12 +1123,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/spotted-towhee/">
<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee</h2>
<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee
</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="/knit-shrimp/">
<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp</h2>
<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp
</h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1132,12 +1157,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/geese/">
<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="geese">geese</h2>
<h2 data-ha-exclude="" id="geese">geese
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1150,12 +1177,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/fat-raccoon/">
<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon</h2>
<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1168,12 +1197,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/big-pidge/">
<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">
<h2 data-ha-exclude="" id="big-pidge">big pidge</h2>
<h2 data-ha-exclude="" id="big-pidge">big pidge
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1239,6 +1270,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/gallery/8/` was built on 2026-03-25T20:02:58.912Z -->
<!-- This page `/gallery/8/` was built on 2026-03-27T19:32:44.632Z -->
</body>
</html>