switch order of heading and image

This commit is contained in:
2026-05-03 21:20:24 -07:00
parent 8104cd4520
commit f980c8c682
284 changed files with 3986 additions and 3963 deletions

View File

@ -983,10 +983,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/accessible-image-modals/">
<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
<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>
<ul class="postlist-tags">
<li>software</li>
@ -997,10 +997,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/eleventy-lessons/">
<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
<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>
<ul class="postlist-tags">
<li>software</li>
@ -1011,10 +1011,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/screen-reader-optimizations/">
<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
<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>
<ul class="postlist-tags">
<li>software</li>
@ -1025,10 +1025,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/spinning-plants/">
<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
<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>
<ul class="postlist-tags">
<li>yarn</li>
@ -1039,10 +1039,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/comparing-text-editors/">
<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;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>
<ul class="postlist-tags">
<li>software</li>
@ -1053,10 +1053,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/an-intro-to-git/">
<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
<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>
<ul class="postlist-tags">
<li>software</li>
@ -1067,10 +1067,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/moving-images/">
<h2 data-ha-exclude="" id="moving-images">moving images </h2>
<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>
<ul class="postlist-tags">
<li>software</li>
@ -1081,10 +1081,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/stationery-exchange/">
<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange </h2>
<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>
<ul class="postlist-tags">
<li>stationery</li>
@ -1095,10 +1095,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/siblinghood-of-the-traveling-greeting-card/">
<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card </h2>
<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>
<ul class="postlist-tags">
<li>stationery</li>
@ -1109,10 +1109,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/my-favorite-git-flag/">
<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
<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>
<ul class="postlist-tags">
<li>software</li>
@ -1123,10 +1123,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/designing-a-bag/">
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
<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&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1139,10 +1139,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/keffiyah-fishing-net-pattern/">
<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;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>
<ul class="postlist-tags">
<li>knit</li>
@ -1153,10 +1153,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/art-shows-and-events/">
<h2 data-ha-exclude="" id="art-shows-and-events">art shows and events </h2>
<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>
<ul class="postlist-tags">
</ul>
@ -1210,6 +1210,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/reference/` was built on 2026-04-21T21:31:06.798Z -->
<!-- This page `/reference/` was built on 2026-05-04T04:19:11.953Z -->
</body>
</html>