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

@ -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 {
@ -968,12 +973,14 @@ footer a:focus-visible {
<ol id="postlist">
<li class="post">
<li class="post">
<a class="postlink" href="/shrimp-cat-toy/">
<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy</h2>
<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -982,12 +989,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide</h2>
<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -996,12 +1005,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/brookes-cuff-bracelets/">
<img src="/img/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets</h2>
<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1010,12 +1021,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/aarons-mask/">
<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="aarons-mask">aaron&#39;s mask</h2>
<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1024,12 +1037,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/sunflower/">
<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="sunflower">sunflower</h2>
<h2 data-ha-exclude="" id="sunflower">sunflower
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1038,12 +1053,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/foldy-wallet/">
<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet</h2>
<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1052,12 +1069,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/proud-dad-wallet/">
<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet</h2>
<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1068,12 +1087,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/patchwork-wallet/">
<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet</h2>
<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1082,12 +1103,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/mom-bag/">
<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
<h2 data-ha-exclude="" id="mom-bag">mom bag</h2>
<h2 data-ha-exclude="" id="mom-bag">mom bag
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1096,12 +1119,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/gradient-purse-strap/">
<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap</h2>
<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1110,12 +1135,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/zipper-bifold-green/">
<img src="/img/zipper-bifold-green.jpg" alt="A collage showing a green leather wallet with a zippered pocket built into one external side." loading="lazy" decoding="async" width="1000" height="1332">
<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green)</h2>
<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green)
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1124,12 +1151,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/vix-collar/">
<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="vix-collar">vix collar</h2>
<h2 data-ha-exclude="" id="vix-collar">vix collar
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1138,12 +1167,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/trans-the-world/">
<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="trans-the-world">trans the world</h2>
<h2 data-ha-exclude="" id="trans-the-world">trans the world
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1209,6 +1240,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/6/` was built on 2026-03-25T20:02:58.640Z -->
<!-- This page `/6/` was built on 2026-03-27T19:32:44.370Z -->
</body>
</html>