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

@ -981,10 +981,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>
@ -995,10 +995,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/dragon-mask/">
<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1011,10 +1011,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
@ -1025,10 +1025,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>
@ -1041,10 +1041,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/brookes-suspenders/">
<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
<img src="/img/brooke-suspenders.jpg" alt="a two image collage showing the front and back of a person, neck to waist. she&#39;s wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1055,10 +1055,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/wrap-bracelets/">
<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
<img src="/img/leather-wrap-bracelets.jpg" alt="two wrists, each wearing a black leather wrap bracelet. the upper bracelet is a thin strap wrapped 3 times around the wrist. the lower bracelet wraps twice, with a thicker strap, and has carefully placed spikes that avoid the wrap spots." loading="lazy" decoding="async" width="1000" height="1333">
<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
<ul class="postlist-tags">
<li>leather</li>
@ -1069,10 +1069,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/acadia-mitts/">
<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
<img src="/img/acadia-mitts.jpg" alt="a hand wearing a knitted fingerless mitten. it&#39;s knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1083,10 +1083,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/on-the-shoulders-of-giants/">
<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
<ul class="postlist-tags">
<li>zine</li>
@ -1099,10 +1099,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/sideways-canvas-shirt/">
<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
<img src="/img/sideways-canvas.jpg" alt="someone&#39;s torso in a knitted short sleeve shirt. the front is teal, and the bit of back we can see is mustard yellow. looking closely, it&#39;s notable that the stitches are turned 90 degrees from a standard knit garment." loading="lazy" decoding="async" width="1000" height="1338">
<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1113,10 +1113,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/scrap-patches/">
<h2 data-ha-exclude="" id="scrap-patches">scrap patches </h2>
<img src="/img/scrap-patches.jpg" alt="a collage of 4 images, each showing a fabric patch created by collaging 5 or 6 scraps of fabric and joining them with a simple running stitch in white thread. patches of running stitch go back and forth both horizontally and vertically." loading="lazy" decoding="async" width="1000" height="1000">
<h2 data-ha-exclude="" id="scrap-patches">scrap patches </h2>
<ul class="postlist-tags">
<li>patch</li>
@ -1127,10 +1127,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>
@ -1141,10 +1141,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>
@ -1153,10 +1153,10 @@ footer a:focus-visible {
<li class="post">
<a class="postlink" href="/textures-unite/">
<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1220,6 +1220,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/2/` was built on 2026-04-21T21:31:09.908Z -->
<!-- This page `/2/` was built on 2026-05-04T04:19:15.175Z -->
</body>
</html>