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="/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's collar</h2>
|
||||
<h2 data-ha-exclude="" id="brookes-collar">brooke's collar
|
||||
|
||||
</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="/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>
|
||||
@ -996,24 +1005,28 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/artists-conk/">
|
||||
|
||||
<img src="/img/artists-conk-leatherworking.jpg" alt="A hand holding a mushroom with a whitish surface. Scratched into the surface and showing up as brown lines is an illustration of many leatherworking tools." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="artists-conk">artists conk!</h2>
|
||||
<h2 data-ha-exclude="" id="artists-conk">artists conk!
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
</ul>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/domain-and-site-setup/">
|
||||
|
||||
<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup</h2>
|
||||
<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1022,12 +1035,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<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'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>
|
||||
@ -1036,12 +1051,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>
|
||||
@ -1052,12 +1069,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>
|
||||
@ -1066,12 +1085,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>
|
||||
@ -1080,12 +1101,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>
|
||||
@ -1094,12 +1117,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>
|
||||
@ -1108,12 +1133,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>
|
||||
@ -1122,12 +1149,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>
|
||||
@ -1136,12 +1165,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>
|
||||
@ -1203,6 +1234,6 @@ footer a:focus-visible {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/8/` was built on 2026-03-25T20:02:59.128Z -->
|
||||
<!-- This page `/8/` was built on 2026-03-27T19:32:44.828Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user
