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="/iris/">
<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
<h2 data-ha-exclude="" id="iris">iris</h2>
<h2 data-ha-exclude="" id="iris">iris
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -984,12 +991,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/congrats-on-the-gay/">
<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay</h2>
<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1002,12 +1011,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/lined-notebook/">
<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
<h2 data-ha-exclude="" id="lined-notebook">lined notebook</h2>
<h2 data-ha-exclude="" id="lined-notebook">lined notebook
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1016,12 +1027,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/flocked-notebook/">
<img src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook</h2>
<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1030,12 +1043,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/brookes-notebook/">
<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook</h2>
<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1046,12 +1061,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/recommendations-and-favorites/">
<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites</h2>
<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites
</h2>
<ul class="postlist-tags">
<li>highlight</li>
@ -1060,12 +1077,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/pink-socks/">
<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
<h2 data-ha-exclude="" id="pink-socks">pink socks</h2>
<h2 data-ha-exclude="" id="pink-socks">pink socks
</h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1074,12 +1093,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/brookes-socks/">
<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks</h2>
<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks
</h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1088,12 +1109,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/gender/">
<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
<h2 data-ha-exclude="" id="gender">gender?</h2>
<h2 data-ha-exclude="" id="gender">gender?
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1102,12 +1125,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/pride-dice-bags/">
<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">
<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags</h2>
<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags
</h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1118,12 +1143,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/square-watercolor-pad/">
<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad</h2>
<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1132,12 +1159,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/tiny-books/">
<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">
<h2 data-ha-exclude="" id="tiny-books">tiny books</h2>
<h2 data-ha-exclude="" id="tiny-books">tiny books
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1146,12 +1175,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/orange-journal/">
<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
<h2 data-ha-exclude="" id="orange-journal">orange journal</h2>
<h2 data-ha-exclude="" id="orange-journal">orange journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1213,6 +1244,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/13/` was built on 2026-03-25T20:03:00.602Z -->
<!-- This page `/13/` was built on 2026-03-27T19:32:46.161Z -->
</body>
</html>