ok finishing up the blur stuff and also building
This commit is contained in:
@ -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. 'Congrats on the,' and then, in rainbow, 'Gay!'" 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's notebook</h2>
|
||||
<h2 data-ha-exclude="" id="brookes-notebook">brooke'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's socks</h2>
|
||||
<h2 data-ha-exclude="" id="brookes-socks">brooke'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>
|
||||
|
||||
Reference in New Issue
Block a user