ok finishing up the blur stuff and also building
This commit is contained in:
@ -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's cuff bracelets</h2>
|
||||
<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke'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's mask</h2>
|
||||
<h2 data-ha-exclude="" id="aarons-mask">aaron'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 'trans the world' surrounding an image of a globe and a trans symbol. It'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>
|
||||
|
||||
Reference in New Issue
Block a user