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="/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>
|
||||
@ -982,12 +989,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>
|
||||
@ -996,12 +1005,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/leatherworking-favorites/">
|
||||
|
||||
<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites</h2>
|
||||
<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites
|
||||
|
||||
</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="/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>
|
||||
@ -1030,38 +1043,46 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/ecommerce-options/">
|
||||
|
||||
<img src="/img/loon.jpg" alt="Image unrelated to post. A loon rearing up with eir wings spread on a calm lake." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="ecommerce-options">ecommerce options</h2>
|
||||
<h2 data-ha-exclude="" id="ecommerce-options">ecommerce options
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
</ul>
|
||||
</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>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/artisans-cooperative-shirts/">
|
||||
|
||||
<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
|
||||
|
||||
<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts</h2>
|
||||
<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>shirt</li>
|
||||
@ -1072,12 +1093,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/shrimp/">
|
||||
|
||||
<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="shrimp">shrimp</h2>
|
||||
<h2 data-ha-exclude="" id="shrimp">shrimp
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>print</li>
|
||||
@ -1092,12 +1115,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/in-the-news/">
|
||||
|
||||
<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="in-the-news">in the news</h2>
|
||||
<h2 data-ha-exclude="" id="in-the-news">in the news
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>gender</li>
|
||||
@ -1106,12 +1131,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/girldick/">
|
||||
|
||||
<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." loading="lazy" decoding="async" width="1000" height="750">
|
||||
<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="girldick">girldick</h2>
|
||||
<h2 data-ha-exclude="" id="girldick-mature">girldick
|
||||
(mature)
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>print</li>
|
||||
@ -1128,12 +1155,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/boypussy/">
|
||||
|
||||
<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." loading="lazy" decoding="async" width="1000" height="1250">
|
||||
<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
|
||||
|
||||
<h2 data-ha-exclude="" id="boypussy">boypussy</h2>
|
||||
<h2 data-ha-exclude="" id="boypussy-mature">boypussy
|
||||
(mature)
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>print</li>
|
||||
@ -1150,12 +1179,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/queer/">
|
||||
|
||||
<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="queer">queer</h2>
|
||||
<h2 data-ha-exclude="" id="queer">queer
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>print</li>
|
||||
@ -1172,12 +1203,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/coming-out/">
|
||||
|
||||
<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell'" loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="coming-out">coming out</h2>
|
||||
<h2 data-ha-exclude="" id="coming-out">coming out
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>print</li>
|
||||
@ -1243,6 +1276,6 @@ footer a:focus-visible {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/9/` was built on 2026-03-25T20:02:59.495Z -->
|
||||
<!-- This page `/9/` was built on 2026-03-27T19:32:45.182Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user
