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 {
@ -970,12 +975,14 @@ footer a:focus-visible {
<ol id="postlist">
<li class="post">
<li class="post">
<a class="postlink" href="/x-acto-knife-sheath/">
<img src="/img/knife-sheaths.jpg" alt="Several blades with leather sheaths, and a few extra sheaths. There&#39;s a #2 blade with an orange sheath with yellow stitching, a #11 blade with a blue sheath with light grey stitching, and a skiving knife with a plum sheath and pink stitching." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath</h2>
<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -984,12 +991,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/little-critter-pouch/">
<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch</h2>
<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1000,12 +1009,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/zipper-bifold/">
<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold</h2>
<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1014,12 +1025,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/vertical-zipper-card-wallet/">
<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet</h2>
<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1028,12 +1041,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/vertical-card-wallet/">
<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet</h2>
<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1042,12 +1057,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/vertical-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">
<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold</h2>
<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1056,12 +1073,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/eight-pocket-bifold/">
<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold</h2>
<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1070,12 +1089,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/double-bill-pocket-bifold/">
<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold</h2>
<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1084,12 +1105,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/nine-pocket-bifold/">
<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="nine-pocket-bifold">nine pocket bifold</h2>
<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1098,12 +1121,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/leather-lighter-case/">
<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case</h2>
<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1112,12 +1137,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/leather-chest-harness/">
<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness</h2>
<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1126,12 +1153,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/anarchy-autism/">
<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism</h2>
<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1146,16 +1175,20 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/rope-one/">
<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." loading="lazy" decoding="async" width="1000" height="1242">
<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
<h2 data-ha-exclude="" id="rope-one">rope (one)</h2>
<h2 data-ha-exclude="" id="rope-one-mature">rope (one)
(mature)
</h2>
<ul class="postlist-tags">
<li>print</li>
<li>gender</li>
</ul>
</a>
</li>
@ -1213,6 +1246,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/gallery/6/` was built on 2026-03-25T20:02:58.447Z -->
<!-- This page `/gallery/6/` was built on 2026-03-27T19:32:44.180Z -->
</body>
</html>