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

@ -378,6 +378,11 @@ pre[class*=language-]::selection {
grid-area: img;
}
.blur {
filter: blur(.75rem);
clip-path: inset(0 round 1rem);
}
.tag-imgs {
display: grid;
grid-template-columns: repeat(2, 1fr);
@ -393,7 +398,7 @@ pre[class*=language-]::selection {
width: 100%;
aspect-ratio: 3 / 2;
background-color: var(--color-bg-alt);
border-radius: calc(1rem);
border-radius: 1rem;
}
.taglink:focus-visible .missing-image {
@ -1482,12 +1487,14 @@ export { HeadingAnchors }</script>
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/acadia-coloring-journal/">
<li class="post">
<a class="postlink" href="/green-memo-pad/">
<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">
<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="acadia-coloring-journal">Acadia coloring journal</h2>
<h2 data-ha-exclude="" id="green-memo-pad">green memo pad
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1496,26 +1503,32 @@ export { HeadingAnchors }</script>
</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>
<ul class="postlist-tags">
<li>book</li>
<li>highlight</li>
</ul>
</a>
</li>
<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>
<ul class="postlist-tags">
<li>book</li>
</ul>
</a>
</li>
<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="blue-and-brown-leather-journal">blue and brown leather journal
</h2>
<ul class="postlist-tags">
<li>book</li>
@ -1555,6 +1568,6 @@ export { HeadingAnchors }</script>
</footer>
<!-- This page `/tiny-books/` was built on 2026-03-25T20:02:54.040Z -->
<!-- This page `/tiny-books/` was built on 2026-03-27T19:32:39.849Z -->
</body>
</html>