inherentlee/leecat.art
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok finishing up the blur stuff and also building

Browse Source
This commit is contained in:
Lee Cattarin
2026-03-27 12:33:35 -07:00
parent c6dcdacbec
commit 073ad660e4
283 changed files with 9821 additions and 5296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
_site/gallery/5/index.html
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="/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>
@ -984,12 +991,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>
@ -998,12 +1007,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>
@ -1012,12 +1023,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>
@ -1028,12 +1041,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>
@ -1044,12 +1059,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>
@ -1058,12 +1075,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>
@ -1072,12 +1091,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>
@ -1086,12 +1107,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>
@ -1100,12 +1123,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>
@ -1114,12 +1139,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>
@ -1128,12 +1155,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/brookes-collar/">
<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar</h2>
<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1142,12 +1171,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/bag-strap/">
<img src="/img/bag-strap.jpg" alt="A nylon webbing shoulder strap in bright teal with clips on each end." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="bag-strap">bag strap</h2>
<h2 data-ha-exclude="" id="bag-strap">bag strap
</h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1209,6 +1240,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/gallery/5/` was built on 2026-03-25T20:02:58.114Z -->
<!-- This page `/gallery/5/` was built on 2026-03-27T19:32:43.864Z -->
</body>
</html>