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="/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>
@ -986,12 +993,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>
@ -1004,12 +1013,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>
@ -1018,12 +1029,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>
@ -1032,12 +1045,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>
@ -1048,12 +1063,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>
@ -1062,12 +1079,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>
@ -1076,12 +1095,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>
@ -1092,12 +1113,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>
@ -1106,12 +1129,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>
@ -1120,12 +1145,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>
@ -1134,12 +1161,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/striped-journal/">
<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
<h2 data-ha-exclude="" id="striped-journal">striped journal</h2>
<h2 data-ha-exclude="" id="striped-journal">striped journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1148,12 +1177,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/green-memo-pad/">
<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
<h2 data-ha-exclude="" id="green-memo-pad">green memo pad</h2>
<h2 data-ha-exclude="" id="green-memo-pad">green memo pad
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1215,6 +1246,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/gallery/10/` was built on 2026-03-25T20:02:59.603Z -->
<!-- This page `/gallery/10/` was built on 2026-03-27T19:32:45.292Z -->
</body>
</html>