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 {
|
||||
@ -970,12 +975,14 @@ footer a:focus-visible {
|
||||
|
||||
<ol id="postlist">
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/accessible-image-modals/">
|
||||
|
||||
<img src="/img/snacking-seagull.jpg" alt="Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals</h2>
|
||||
<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -984,12 +991,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/eleventy-lessons/">
|
||||
|
||||
<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons</h2>
|
||||
<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -998,12 +1007,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/screen-reader-optimizations/">
|
||||
|
||||
<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations</h2>
|
||||
<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1012,12 +1023,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/spinning-plants/">
|
||||
|
||||
<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
|
||||
|
||||
<h2 data-ha-exclude="" id="spinning-plants">spinning plants</h2>
|
||||
<h2 data-ha-exclude="" id="spinning-plants">spinning plants
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>yarn</li>
|
||||
@ -1026,12 +1039,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/comparing-text-editors/">
|
||||
|
||||
<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant's stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors</h2>
|
||||
<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1040,12 +1055,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/an-intro-to-git/">
|
||||
|
||||
<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git</h2>
|
||||
<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1054,12 +1071,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/moving-images/">
|
||||
|
||||
<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="moving-images">moving images</h2>
|
||||
<h2 data-ha-exclude="" id="moving-images">moving images
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1068,12 +1087,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/stationery-exchange/">
|
||||
|
||||
<img src="/img/clustered-brown-mushrooms.jpg" alt="Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange</h2>
|
||||
<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>stationery</li>
|
||||
@ -1082,12 +1103,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/siblinghood-of-the-traveling-greeting-card/">
|
||||
|
||||
<img src="/img/rockery.jpg" alt="Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background." loading="lazy" decoding="async" width="1000" height="1000">
|
||||
|
||||
<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card</h2>
|
||||
<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>stationery</li>
|
||||
@ -1096,12 +1119,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/my-favorite-git-flag/">
|
||||
|
||||
<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag</h2>
|
||||
<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1110,12 +1135,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/designing-a-bag/">
|
||||
|
||||
<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don't slide out." loading="lazy" decoding="async" width="1000" height="1777">
|
||||
|
||||
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag</h2>
|
||||
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag
|
||||
|
||||
</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="/keffiyah-fishing-net-pattern/">
|
||||
|
||||
<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it's mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern</h2>
|
||||
<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>knit</li>
|
||||
@ -1140,12 +1169,14 @@ footer a:focus-visible {
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<li class="post">
|
||||
<a class="postlink" href="/art-shows-and-events/">
|
||||
|
||||
<img src="/img/pink-yellow-flowers.jpg" alt="Image unrelated to post. A cluster of small, four-petaled flowers, varying in color between a purpley-pink and yellow." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 data-ha-exclude="" id="art-shows-and-events">art shows and events</h2>
|
||||
<h2 data-ha-exclude="" id="art-shows-and-events">art shows and events
|
||||
|
||||
</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
</ul>
|
||||
@ -1199,6 +1230,6 @@ footer a:focus-visible {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/reference/` was built on 2026-03-25T20:02:54.079Z -->
|
||||
<!-- This page `/reference/` was built on 2026-03-27T19:32:39.891Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user
