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 {
@ -1483,12 +1488,14 @@ export { HeadingAnchors }</script>
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/vertical-bifold/">
<li class="post">
<a class="postlink" href="/nine-pocket-bifold/">
<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold</h2>
<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1497,29 +1504,33 @@ export { HeadingAnchors }</script>
</a>
</li>
<li class="post">
<a class="postlink" href="/accessible-image-modals/">
<li class="post">
<a class="postlink" href="/aarons-mask/">
<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">
<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals</h2>
<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask
</h2>
<ul class="postlist-tags">
<li>software</li>
<li>leather</li>
</ul>
</a>
</li>
<li class="post">
<a class="postlink" href="/redirections/">
<li class="post">
<a class="postlink" href="/wrap-bracelets/">
<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
<img src="/img/leather-wrap-bracelets.jpg" alt="two wrists, each wearing a black leather wrap bracelet. the upper bracelet is a thin strap wrapped 3 times around the wrist. the lower bracelet wraps twice, with a thicker strap, and has carefully placed spikes that avoid the wrap spots." loading="lazy" decoding="async" width="1000" height="1333">
<h2 data-ha-exclude="" id="redirections">redirections</h2>
<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets
</h2>
<ul class="postlist-tags">
<li>software</li>
<li>leather</li>
</ul>
</a>
@ -1556,6 +1567,6 @@ export { HeadingAnchors }</script>
</footer>
<!-- This page `/designing-a-bag/` was built on 2026-03-25T20:02:54.073Z -->
<!-- This page `/designing-a-bag/` was built on 2026-03-27T19:32:39.885Z -->
</body>
</html>