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="/slightly-weird-man-club/">
<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club</h2>
<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -986,12 +993,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/pins/">
<img src="/img/trans-rights-and-wrongs-pins.jpg" alt="Two hard enamel pins in my trans rights and trans wrongs skulls designs." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="pins">pins!</h2>
<h2 data-ha-exclude="" id="pins">pins!
</h2>
<ul class="postlist-tags">
<li>pin</li>
@ -1000,12 +1009,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/mousie/">
<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
<h2 data-ha-exclude="" id="mousie">mousie</h2>
<h2 data-ha-exclude="" id="mousie">mousie
</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="/long-zipper-bifold/">
<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold</h2>
<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold
</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="/tooled-leather-patches/">
<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches</h2>
<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1044,12 +1059,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/fishhook-pride-keychains/">
<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains</h2>
<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1060,12 +1077,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/circle-bag/">
<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="circle-bag">circle bag</h2>
<h2 data-ha-exclude="" id="circle-bag">circle bag
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1074,12 +1093,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/on-pronouns/">
<img src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="on-pronouns">on pronouns</h2>
<h2 data-ha-exclude="" id="on-pronouns">on pronouns
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1088,12 +1109,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/stephanie-collar/">
<img src="/img/stephanie-collar.jpg" alt="A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring." loading="lazy" decoding="async" width="1000" height="562">
<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar</h2>
<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1102,12 +1125,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/tiny-mushrooms/">
<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms</h2>
<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms
</h2>
<ul class="postlist-tags">
<li>print</li>
@ -1116,12 +1141,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/pinatex-wallet-with-zipper/">
<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper</h2>
<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1130,12 +1157,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/moss-harness/">
<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="moss-harness">moss harness</h2>
<h2 data-ha-exclude="" id="moss-harness">moss harness
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1144,12 +1173,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/makers-mark-keychain/">
<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain</h2>
<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1211,6 +1242,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/7/` was built on 2026-03-25T20:02:58.832Z -->
<!-- This page `/7/` was built on 2026-03-27T19:32:44.563Z -->
</body>
</html>