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="/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>
@ -982,12 +989,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>
@ -996,12 +1005,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/blue-and-brown-leather-journal/">
<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">
<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal</h2>
<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1010,12 +1021,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/acadia-coloring-journal/">
<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">
<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal</h2>
<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1024,12 +1037,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/pronoun-patches/">
<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">
<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches</h2>
<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1042,12 +1057,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/congrats-on-the-autism-adhd/">
<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">
<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd</h2>
<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1058,12 +1075,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/become-unbutterable/">
<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">
<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable</h2>
<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1072,12 +1091,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/queer-book-list/">
<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">
<h2 data-ha-exclude="" id="queer-book-list">queer book list</h2>
<h2 data-ha-exclude="" id="queer-book-list">queer book list
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1133,6 +1154,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/14/` was built on 2026-03-25T20:03:00.721Z -->
<!-- This page `/14/` was built on 2026-03-27T19:32:46.268Z -->
</body>
</html>