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 {
@ -1539,12 +1544,14 @@ export { HeadingAnchors }</script>
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/domain-and-site-setup/">
<li class="post">
<a class="postlink" href="/backend-accessibility/">
<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">
<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." 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="backend-accessibility">backend accessibility
</h2>
<ul class="postlist-tags">
<li>software</li>
@ -1553,30 +1560,38 @@ export { HeadingAnchors }</script>
</a>
</li>
<li class="post">
<a class="postlink" href="/screen-reader-optimizations/">
<li class="post">
<a class="postlink" href="/designing-a-bag/">
<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
<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">
<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations</h2>
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag
</h2>
<ul class="postlist-tags">
<li>leather</li>
<li>software</li>
</ul>
</a>
</li>
<li class="post">
<a class="postlink" href="/handedness-toggle/">
<li class="post">
<a class="postlink" href="/azure-locations-and-file-crawling/">
<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">
<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle</h2>
<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling
</h2>
<ul class="postlist-tags">
<li>software</li>
<li>highlight</li>
</ul>
</a>
</li>
@ -1612,6 +1627,6 @@ export { HeadingAnchors }</script>
</footer>
<!-- This page `/moving-images/` was built on 2026-03-25T20:02:54.075Z -->
<!-- This page `/moving-images/` was built on 2026-03-27T19:32:39.887Z -->
</body>
</html>