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 {
@ -1520,30 +1525,14 @@ export { HeadingAnchors }</script>
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/gender-in-data-models/">
<li class="post">
<a class="postlink" href="/comparing-text-editors/">
<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
<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="gender-in-data-models">gender in data models</h2>
<ul class="postlist-tags">
<li>gender</li>
<li>software</li>
<li>highlight</li>
</ul>
</a>
</li>
<li class="post">
<a class="postlink" href="/domain-and-site-setup/">
<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup</h2>
<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors
</h2>
<ul class="postlist-tags">
<li>software</li>
@ -1552,12 +1541,30 @@ export { HeadingAnchors }</script>
</a>
</li>
<li class="post">
<a class="postlink" href="/my-favorite-git-flag/">
<li class="post">
<a class="postlink" href="/moving-images/">
<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag</h2>
<h2 data-ha-exclude="" id="moving-images">moving images
</h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
</a>
</li>
<li class="post">
<a class="postlink" href="/handedness-toggle/">
<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle
</h2>
<ul class="postlist-tags">
<li>software</li>
@ -1597,6 +1604,6 @@ export { HeadingAnchors }</script>
</footer>
<!-- This page `/accessible-image-modals/` was built on 2026-03-25T20:02:54.078Z -->
<!-- This page `/accessible-image-modals/` was built on 2026-03-27T19:32:39.890Z -->
</body>
</html>