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 {
@ -1693,28 +1698,30 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/designing-a-bag/">
<li class="post">
<a class="postlink" href="/an-intro-to-git/">
<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag</h2>
<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git
</h2>
<ul class="postlist-tags">
<li>leather</li>
<li>software</li>
</ul>
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/accessible-image-modals/">
<img src="/img/snacking-seagull.jpg" alt="Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals</h2>
<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals
</h2>
<ul class="postlist-tags">
<li>software</li>
@ -1723,12 +1730,14 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/comparing-text-editors/">
<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors</h2>
<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors
</h2>
<ul class="postlist-tags">
<li>software</li>
@ -1768,6 +1777,6 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
</footer>
<!-- This page `/handedness-toggle/` was built on 2026-03-25T20:02:54.069Z -->
<!-- This page `/handedness-toggle/` was built on 2026-03-27T19:32:39.879Z -->
</body>
</html>