commit 7e4d8c1a971a00f77436657d4d472644bfad8f4f Author: Lee Cattarin Date: Fri May 15 09:20:43 2026 -0700 first diff --git a/1/index.html b/1/index.html new file mode 100644 index 0000000..ce6b37b --- /dev/null +++ b/1/index.html @@ -0,0 +1,1220 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    2. + +
  2. + +

    spinning plants

    + +
      + +
    • yarn
      • + +
    + 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) + +     +
    3. + +
  3. + +

    comparing text editors

    + +
      + +
    • software
      • + +
    + 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. + +     +
    4. + +
  4. + +

    an intro to git

    + +
      + +
    • software
      • + +
    + Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash. + +     +
    5. + +
  5. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    6. + +
  6. + +

    moving images

    + +
      + +
    • software
      • + +
    + 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. + +     +
    7. + +
  7. + +

    petrichor handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue + +     +
    8. + +
  8. + +

    light grey jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of light grey handspun yarn + +     +
    9. + +
  9. + +

    icelandic lamb handspun

    + +
      + +
    • yarn
      • + +
    + a skein of black handspun yarn + +     +
    10. + +
  10. + +

    handcombed jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of dark grey handspun yarn + +     +
    11. + +
  11. + +

    happy solstice 2025

    + +
      + +
    • highlight
      • + +
    + front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i'm standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with 'L + B' written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words 'happy solstice' in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words 'lee, brooke, kestrel, & the flock' in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel's head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i've added a dahlia to represent the stamp, and written 'you!' in the field that would normally hold the mailing address. + +     +
    12. + +
  12. + +

    stationery exchange

    + +
      + +
    • stationery
      • + +
    + Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms. + +     +
    13. + +
  13. + +

    siblinghood of the traveling greeting card

    + +
      + +
    • stationery
      • + +
    + Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/10/index.html b/10/index.html new file mode 100644 index 0000000..d86d23b --- /dev/null +++ b/10/index.html @@ -0,0 +1,1250 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    2. + +
  2. + +

    happy biHRTday

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + +     +
    3. + +
  3. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    4. + +
  4. + +

    artisans cooperative cards

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink + +     +
    5. + +
  5. + +

    stickers!

    + +
      + +
    • sticker
      • + +
    + Clear and holographic stickers in the same design - a smiling skull with speech bubble reading 'trans rights!' + +     +
    6. + +
  6. + +

    shirts!

    + +
      + +
    • shirt
      • + +
    + A row of shirts hanging in front of a window, with a variety of hand-printed designs. + +     +
    7. + +
  7. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    8. + +
  8. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    9. + +
  9. + +

    five of them

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + +     +
    10. + +
  10. + +

    swallowtail on snowdrops

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + +     +
    11. + +
  11. + +

    leather strap journal

    + +
      + +
    • book
      • + +
    + A 3-part collage showing a blue journal with leather straps woven into the covers. + +     +
    12. + +
  12. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    13. + +
  13. + +

    printing press notes

    + +
      + +
    + An open Speedball Model B printing press, which uses a lever handle to put even pressure on a 6 by 8 inch top plate. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/11/index.html b/11/index.html new file mode 100644 index 0000000..c1f6615 --- /dev/null +++ b/11/index.html @@ -0,0 +1,1256 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    stampede journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + +     +
    2. + +
  2. + +

    orange green journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a slim handbound book. + +     +
    3. + +
  3. + +

    baseball journal

    + +
      + +
    • book
      • + +
    + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + +     +
    4. + +
  4. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    5. + +
  5. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    6. + +
  6. + +

    spotted towhee

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A block print of a spotted towhee mid-leap. + +     +
    7. + +
  7. + +

    knit shrimp

    + +
      + +
    • knit
      • + +
    + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + +     +
    8. + +
  8. + +

    geese

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + +     +
    9. + +
  9. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    10. + +
  10. + +

    big pidge

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + +     +
    11. + +
  11. + +

    shirt making notes

    + +
      + +
    + A shirt laid out on my desk after being printed with my jay and flicker prints. There are ink pads and other tools scattered around. + +     +
    12. + +
  12. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    13. + +
  13. + +

    stellar's jay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a stellar's jay, a beautiful black and blue bird, about to take off from a branch + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/12/index.html b/12/index.html new file mode 100644 index 0000000..95e2786 --- /dev/null +++ b/12/index.html @@ -0,0 +1,1244 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    backend accessibility

    + +
      + +
    • software
      • + +
    + A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font. + +     +
    2. + +
  2. + +

    block printing transfer method

    + +
      + +
    • print
      • + +
    + A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material. + +     +
    3. + +
  3. + +

    hair

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print in black ink of belly hair. + +     +
    4. + +
  4. + +

    flicker

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + +     +
    5. + +
  5. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    6. + +
  6. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    7. + +
  7. + +

    lupine

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + +     +
    8. + +
  8. + +

    leather keychains

    + +
      + +
    • leather
      • + +
    + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + +     +
    9. + +
  9. + +

    killdeer

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a killdeer in black ink. + +     +
    10. + +
  10. + +

    junco

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia. + +     +
    11. + +
  11. + +

    handspun yarn in party mix and orange-gold

    + +
      + +
    • yarn
      • + +
    + 4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white. + +     +
    12. + +
  12. + +

    flatfish

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a simple flatfish design inked in sepia. + +     +
    13. + +
  13. + +

    chanterelle

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/13/index.html b/13/index.html new file mode 100644 index 0000000..1c09c12 --- /dev/null +++ b/13/index.html @@ -0,0 +1,1232 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    2. + +
  2. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    3. + +
  3. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    4. + +
  4. + +

    lined notebook

    + +
      + +
    • book
      • + +
    + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + +     +
    5. + +
  5. + +

    flocked notebook

    + +
      + +
    • book
      • + +
    + A two panel collage showing the cover and endpapers of a thick notebook. + +     +
    6. + +
  6. + +

    brooke's notebook

    + +
      + +
    • book
      • + +
    • highlight
      • + +
    + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + +     +
    7. + +
  7. + +

    recommendations & favorites

    + +
      + +
    • highlight
      • + +
    + Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible. + +     +
    8. + +
  8. + +

    pink socks

    + +
      + +
    • knit
      • + +
    + Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks. + +     +
    9. + +
  9. + +

    brooke's socks

    + +
      + +
    • knit
      • + +
    + Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray. + +     +
    10. + +
  10. + +

    gender?

    + +
      + +
    • gender
      • + +
    + A page of handwritten notes with some loosely drawn charts, described further in the post. + +     +
    11. + +
  11. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    12. + +
  12. + +

    square watercolor pad

    + +
      + +
    • book
      • + +
    + A two panel collage showing a square book with a tan cover and blue and gold endpapers. + +     +
    13. + +
  13. + +

    tiny books

    + +
      + +
    • book
      • + +
    + A three panel collage showing a book held in the palm of a hand. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/14/index.html b/14/index.html new file mode 100644 index 0000000..69fa495 --- /dev/null +++ b/14/index.html @@ -0,0 +1,1164 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    orange journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small book with foldout pages and a bright orange cover. + +     +
    2. + +
  2. + +

    striped journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a journal with a striped cover. + +     +
    3. + +
  3. + +

    green memo pad

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small green memo pad. + +     +
    4. + +
  4. + +

    blue and brown leather journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a blue and brown leather-covered journal. + +     +
    5. + +
  5. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    6. + +
  6. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    7. + +
  7. + +

    congrats on the autism/adhd

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + +     +
    8. + +
  8. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    9. + +
  9. + +

    queer book list

    + +
      + +
    • gender
      • + +
    + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + +     +
    10. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/2/index.html b/2/index.html new file mode 100644 index 0000000..213778f --- /dev/null +++ b/2/index.html @@ -0,0 +1,1224 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    brooke's scarf

    + +
      + +
    • knit
      • + +
    + A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes. + +     +
    2. + +
  2. + +

    my favorite git flag

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk. + +     +
    3. + +
  3. + +

    dragon mask

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + 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. + +     +
    4. + +
  4. + +

    intro to wireframing

    + +
      + +
    • software
      • + +
    + 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. + +     +
    5. + +
  5. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    6. + +
  6. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    7. + +
  7. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    8. + +
  8. + +

    acadia mitts

    + +
      + +
    • knit
      • + +
    + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + +     +
    9. + +
  9. + +

    on the shoulders of giants

    + +
      + +
    • zine
      • + +
    • knit
      • + +
    + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + +     +
    10. + +
  10. + +

    sideways canvas shirt

    + +
      + +
    • knit
      • + +
    + someone'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's notable that the stitches are turned 90 degrees from a standard knit garment. + +     +
    11. + +
  11. + +

    scrap patches

    + +
      + +
    • patch
      • + +
    + 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. + +     +
    12. + +
  12. + +

    keffiyah fishing net pattern

    + +
      + +
    • knit
      • + +
    + 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. + +     +
    13. + +
  13. + +

    art shows and events

    + +
      + +
    + Image unrelated to post. A cluster of small, four-petaled flowers, varying in color between a purpley-pink and yellow. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/3/index.html b/3/index.html new file mode 100644 index 0000000..950afe0 --- /dev/null +++ b/3/index.html @@ -0,0 +1,1232 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    2. + +
  2. + +

    redirections

    + +
      + +
    • software
      • + +
    + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + +     +
    3. + +
  3. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    4. + +
  4. + +

    fix your hearts

    + +
      + +
    • print
      • + +
    + 2 copies of the same print, one in black ink and one in dark teal. The print is text that reads 'fix your hearts or die', with the text shaped into a somewhat long and narrow heart. + +     +
    5. + +
  5. + +

    networks of trans care

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk. + +     +
    6. + +
  6. + +

    give to trans orgs and people

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up. + +     +
    7. + +
  7. + +

    loon

    + +
      + +
    • print
      • + +
    + A print of a loon rearing up with wings spread + +     +
    8. + +
  8. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    9. + +
  9. + +

    happy solstice 2024

    + +
      + +
    + A digital card with front and back stitched together into one image. Front - a collage of photos - brooke with blue hair and kestrel wiggling in her lap; kestrel on his back with one back paw clutched in his mouth; lee sitting holding some custom art of kestrel, showing kestrel the pictures; lee looking intently through a long camera lens; brooke, back to the camera, swaggering across tidal flats in her hand-stitched jacket. over the photos, hand-lettering reads 'happy solstice!' in two shades of pink. Back - two photos - the duckies clustered around the camera; and kestrel leaping gracefully through shallow water with his tongue out in a blep. Overlaid text reads '~ Lee, Brooke, Kestrel, & the Flock' + +     +
    10. + +
  10. + +

    greeting loons

    + +
      + +
    • card
      • + +
    • print
      • + +
    • highlight
      • + +
    + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + +     +
    11. + +
  11. + +

    fountain pen-friendly stationery

    + +
      + +
    • stationery
      • + +
    + Two envelopes with wax seals. The top envelope is cream with a copper-and-white swirled seal depicting a yelling possum holding mail. The bottom envelope is marbled blue, black, and gold, with a white-and-blue swirled seal depicting an octopus holding a fountain pen. + +     +
    12. + +
  12. + +

    brown creeper

    + +
      + +
    • print
      • + +
    + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + +     +
    13. + +
  13. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/4/index.html b/4/index.html new file mode 100644 index 0000000..e52bd82 --- /dev/null +++ b/4/index.html @@ -0,0 +1,1228 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    not a drill

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + +     +
    2. + +
  2. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    3. + +
  3. + +

    lobstah

    + +
      + +
    • leather
      • + +
    + Two red leather lobster ornaments, about 4-5 in long each. + +     +
    4. + +
  4. + +

    greeting quorbs

    + +
      + +
    • card
      • + +
    • print
      • + +
    + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + +     +
    5. + +
  5. + +

    fediZineFest 2025

    + +
      + +
    • zine
      • + +
    + A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025. + +     +
    6. + +
  6. + +

    euphorbia

    + +
      + +
    • print
      • + +
    + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + +     +
    7. + +
  7. + +

    on the ubiquity of 'enby'

    + +
      + +
    • gender
      • + +
    + A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads 'Gender Census 2023 Worldwide Report' + +     +
    8. + +
  8. + +

    handedness toggle

    + +
      + +
    • software
      • + +
    + A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left. + +     +
    9. + +
  9. + +

    rescue Trans Rescue

    + +
      + +
    + “Picture unrelated to post. A male and female wood duck in summer ‘eclipse’ plumage have a little tiff while standing on a log. to the right, the male has his neck extended and beak open; on the left, the female has a wing extended upwards.“ + +     +
    10. + +
  10. + +

    no politics (wip)

    + +
      + +
    + Picture unrelated to post. A small orange mushroom grows from the center of a fence post. + +     +
    11. + +
  11. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    12. + +
  12. + +

    luminescent (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a tattooed woman in bright highlighter yellow underwear. + +     +
    13. + +
  13. + +

    kniphofia

    + +
      + +
    • print
      • + +
    + A print of a brightly colored flower in 4 layers of color + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/404.html b/404.html new file mode 100644 index 0000000..507629d --- /dev/null +++ b/404.html @@ -0,0 +1,1018 @@ + + + + + + + + + | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + +

+ +

Sorry, can't find that

+

Head home.

+ + + +
+ + + + + + + diff --git a/5/index.html b/5/index.html new file mode 100644 index 0000000..3248a69 --- /dev/null +++ b/5/index.html @@ -0,0 +1,1224 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    fd signifier & oppositional sexism

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field. + +     +
    2. + +
  2. + +

    triangle pouch

    + +
      + +
    • leather
      • + +
    + 5 small triangular pouches made of leather in two sizes and various colors. + +     +
    3. + +
  3. + +

    tiny portraits

    + +
      + +
    • print
      • + +
    + A collage showing various small (around an inch) stamps that depict people or animals. + +     +
    4. + +
  4. + +

    snap pouch

    + +
      + +
    • leather
      • + +
    + 4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather. + +     +
    5. + +
  5. + +

    gender as a proxy variable

    + +
      + +
    • gender
      • + +
    • zine
      • + +
    + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + +     +
    6. + +
  6. + +

    o-ring bracelet

    + +
      + +
    • leather
      • + +
    + A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps. + +     +
    7. + +
  7. + +

    leaf patches

    + +
      + +
    • leather
      • + +
    + Several oak-leaf-shaped leather patches with stitching holes punched around the edges. + +     +
    8. + +
  8. + +

    bowtie

    + +
      + +
    • leather
      • + +
    + A black leather bow tie with black stitching. + +     +
    9. + +
  9. + +

    swoop wallet

    + +
      + +
    • leather
      • + +
    + A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue. + +     +
    10. + +
  10. + +

    squarsh

    + +
      + +
    • print
      • + +
    + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + +     +
    11. + +
  11. + +

    rachel's bracelets

    + +
      + +
    • leather
      • + +
    + Two pink leather bracelets with stainless steel hardware and aqua stitching. + +     +
    12. + +
  12. + +

    printmaking paper notes

    + +
      + +
    • print
      • + +
    + Image unrelated to post. A very fluffed up killdeer stands on a rocky beach. + +     +
    13. + +
  13. + +

    bottom growth (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/6/index.html b/6/index.html new file mode 100644 index 0000000..5ae4d93 --- /dev/null +++ b/6/index.html @@ -0,0 +1,1222 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    sora's collar

    + +
      + +
    • leather
      • + +
    + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + +     +
    2. + +
  2. + +

    shrimp cat toy

    + +
      + +
    • leather
      • + +
    + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + +     +
    3. + +
  3. + +

    foldy wallet with thumb slide

    + +
      + +
    • leather
      • + +
    + A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide. + +     +
    4. + +
  4. + +

    brooke's cuff bracelets

    + +
      + +
    • leather
      • + +
    + Olive green leather cuffs with silver spikes and a shearling lining. + +     +
    5. + +
  5. + +

    aaron's mask

    + +
      + +
    • leather
      • + +
    + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + +     +
    6. + +
  6. + +

    sunflower

    + +
      + +
    • leather
      • + +
    + A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center . + +     +
    7. + +
  7. + +

    foldy wallet

    + +
      + +
    • leather
      • + +
    + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + +     +
    8. + +
  8. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    9. + +
  9. + +

    patchwork wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + +     +
    10. + +
  10. + +

    mom bag

    + +
      + +
    • leather
      • + +
    + A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp. + +     +
    11. + +
  11. + +

    gradient purse strap

    + +
      + +
    • leather
      • + +
    + a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches. + +     +
    12. + +
  12. + +

    zipper bifold (green)

    + +
      + +
    • leather
      • + +
    + A collage showing a green leather wallet with a zippered pocket built into one external side. + +     +
    13. + +
  13. + +

    vix collar

    + +
      + +
    • leather
      • + +
    + A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/7/index.html b/7/index.html new file mode 100644 index 0000000..e96f47d --- /dev/null +++ b/7/index.html @@ -0,0 +1,1232 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    trans the world

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + +     +
    2. + +
  2. + +

    slightly weird man club

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'slightly weird man club' in a nonbinary flag colored gradient + +     +
    3. + +
  3. + +

    pins!

    + +
      + +
    • pin
      • + +
    + Two hard enamel pins in my trans rights and trans wrongs skulls designs. + +     +
    4. + +
  4. + +

    mousie

    + +
      + +
    • leather
      • + +
    + A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + +     +
    5. + +
  5. + +

    long zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing an orange leather wallet with a long zipper running the length of the outside. + +     +
    6. + +
  6. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    7. + +
  7. + +

    fishhook pride keychains

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + +     +
    8. + +
  8. + +

    circle bag

    + +
      + +
    • leather
      • + +
    + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + +     +
    9. + +
  9. + +

    on pronouns

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder. + +     +
    10. + +
  10. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    11. + +
  11. + +

    tiny mushrooms

    + +
      + +
    • print
      • + +
    + 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's hat mycena in indigo. + +     +
    12. + +
  12. + +

    piñatex wallet with zipper

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    13. + +
  13. + +

    moss harness

    + +
      + +
    • leather
      • + +
    + A nylon webbing harness in bright teal laid out on a desk. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/8/index.html b/8/index.html new file mode 100644 index 0000000..2d27223 --- /dev/null +++ b/8/index.html @@ -0,0 +1,1220 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    2. + +
  2. + +

    brooke's collar

    + +
      + +
    • leather
      • + +
    + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + +     +
    3. + +
  3. + +

    bag strap

    + +
      + +
    • leather
      • + +
    + A nylon webbing shoulder strap in bright teal with clips on each end. + +     +
    4. + +
  4. + +

    artists conk!

    + +
      + +
    + 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. + +     +
    5. + +
  5. + +

    domain and site setup

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass. + +     +
    6. + +
  6. + +

    x-acto knife sheath

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    7. + +
  7. + +

    little critter pouch

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap. + +     +
    8. + +
  8. + +

    zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side. + +     +
    9. + +
  9. + +

    vertical zipper card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + +     +
    10. + +
  10. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    11. + +
  11. + +

    vertical bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + +     +
    12. + +
  12. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    13. + +
  13. + +

    double bill pocket bifold

    + +
      + +
    • leather
      • + +
    + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/9/index.html b/9/index.html new file mode 100644 index 0000000..3e44c48 --- /dev/null +++ b/9/index.html @@ -0,0 +1,1258 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    nine pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    leather lighter case

    + +
      + +
    • leather
      • + +
    + A bic lighter wrapped in leather and hand-stitched up one side. + +     +
    3. + +
  3. + +

    leather chest harness

    + +
      + +
    • leather
      • + +
    + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + +     +
    4. + +
  4. + +

    leatherworking favorites

    + +
      + +
    • leather
      • + +
    + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + +     +
    5. + +
  5. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    6. + +
  6. + +

    ecommerce options

    + +
      + +
    + Image unrelated to post. A loon rearing up with eir wings spread on a calm lake. + +     +
    7. + +
  7. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    8. + +
  8. + +

    artisans cooperative shirts

    + +
      + +
    • shirt
      • + +
    • print
      • + +
    + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + +     +
    9. + +
  9. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    10. + +
  10. + +

    in the news

    + +
      + +
    • gender
      • + +
    + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + +     +
    11. + +
  11. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    12. + +
  12. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    13. + +
  13. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/aarons-mask/index.html b/aarons-mask/index.html new file mode 100644 index 0000000..89f8c53 --- /dev/null +++ b/aarons-mask/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +aaron's mask | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

aaron's mask

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + + +

Commission piece; based on an existing pattern. The red detailing and teeth are my own design.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    2. + +
  2. + +

    triangle pouch

    + +
      + +
    • leather
      • + +
    + 5 small triangular pouches made of leather in two sizes and various colors. + +     +
    3. + +
  3. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..a8e1857 --- /dev/null +++ b/about/index.html @@ -0,0 +1,1135 @@ + + + + + + + + +about | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + +

about

+ + +

My name is Lee Cattarin. I use he or ze pronouns.

+ +

I'm a programmer (are you looking for a resume?), artist&crafter - knitting, spinning yarn, stamp carving/printmaking, cardmaking & papercrafts, bookbinding, leatherworking - bread baker, guitar player, and probably a lot of other things.

+ +A koi pond in fall afternoon light. A slender white person in a knitted dark teal sweater crouches in front of the pond and extends hir hand towards the surface of the water. Several curious koi are arriving to see what the matter is, and one white koi has stuck its face a bit out of the water to reach toward hir hand. + +

As of November 2023, my wife Brooke Osment and I have a art store: Riverside Refuge Studio. You can find various store links, or other ways to connect, on my contact page. We're based out of Vashon, WA, USA, and ship internationally.

+ +

pets

+ +

We have a dog...

+ +4 collaged pictures of Kestrel the Malinois mutt, a big tan dog with a thick ruff and half floppy, half pointy ears. In the pictures, he rolls on his back in the grass, looks snobbily at the camera with one ear flopping, looks off to one side, and sleeps in a big leather chair. + +

...and six ducks.

+ +2 pictures that show all six ducks, each duck labeled with their name. In the first image, Sparrow (Golden 300, a light brown breed that looks similar to female mallards) and Puffin (Swedish Black, black with a white bib and beautiful iridescence) come up to eat from my hand. In the second image, Chickadee (Magpie, black and white splotched) is up front looking to one side, and behind her are Dodo (Silver Runner, white and grey), Emu (Fawn & White Runner, white and pale tan), and Kiwi (Chocolate Runner, dark brown all over), with Sparrow and Puffin partially visible behind. + +

webrings

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/acadia-coloring-journal/index.html b/acadia-coloring-journal/index.html new file mode 100644 index 0000000..1573ad2 --- /dev/null +++ b/acadia-coloring-journal/index.html @@ -0,0 +1,1692 @@ + + + + + + + + +Acadia coloring journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

Acadia coloring journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + + +

A green journal with a blue leather spine. The coloring pages are from the book Color Acadia with art by Katie Dube and Keri Kimura.

+

details

+

dimensions

+
    +
  • cover: 6 1/4" x 4 3/4"
    • +
  • pages: 6" x 4 1/2"
    • +
+

coloration

+
    +
  • cover: green with a blue leather spine
    • +
  • endpapers: beige, brown, white, and silver marbling
    • +
+

pages

+
    +
  • graph paper in multiple grid sizes, vellum graph paper, Color Acadia pages
    • +
  • 50 pages (40 graph paper, 10 Color Acadia)
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    stampede journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + +     +
    2. + +
  2. + +

    green memo pad

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small green memo pad. + +     +
    3. + +
  3. + +

    tiny books

    + +
      + +
    • book
      • + +
    + A three panel collage showing a book held in the palm of a hand. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/acadia-mitts/index.html b/acadia-mitts/index.html new file mode 100644 index 0000000..61cdee7 --- /dev/null +++ b/acadia-mitts/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +acadia mitts | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

acadia mitts

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + knit +
    • + +
+ +
+ + + + + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + + +

Yarn: The Fibre Co. Acadia

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    2. + +
  2. + +

    brooke's socks

    + +
      + +
    • knit
      • + +
    + Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray. + +     +
    3. + +
  3. + +

    keffiyah fishing net pattern

    + +
      + +
    • knit
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/accessible-image-modals/index.html b/accessible-image-modals/index.html new file mode 100644 index 0000000..a067a11 --- /dev/null +++ b/accessible-image-modals/index.html @@ -0,0 +1,1739 @@ + + + + + + + + +accessible image modals | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

accessible image modals

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + + +

Recently I've been working on a single-page digital rendition of a zine complete with many hand-drawn images. The author wanted to be able to bring images up to a full-screen view, to either zoom in or to put the whole enlarged image on one screen with no scrolling. It was a real struggle to find resources on how to do this in an accessible manner, so I'm writing up what I did.

+
+

Fair warning: This solution is likely imperfect.

+
+

the dialog element

+

do you know how many tutorials want you to roll your own modals? It's a not-insignificant amount. W3Schools, top of the search results in many cases, recommends it in two places - image modals and responsive image modals. Several search results for "image modal" pop up div solutions - div modal 1, div modal 2, div modal 3.

+

If you don't know of the existence of <dialog>, a search for image modals will not get you there quickly.

+

If you search for accessible image modals, you'll still hear about <div>s. Hell, W3C's ARIA Authoring Practices Guide uses a <div>. You kinda have to go digging to read about the dialog element from Scott O'Hara or find AccessibleWeb.dev's piece on modals. Or you can go straight for Adrian Roselli and find examples that use the native <dialog> element. Thanks Adrian!

+

Did I roll my own modal at first? Regretfully, yes. I'd used the <dialog> element before... several years ago... in a project I don't have access to anymore... Needless to say, I had forgotten about its existence.

+

Anyway, I got there. Eventually. So let's talk about modals and <dialog>.

+

what does <dialog> give us?

+

so, what do we get from the <dialog> element that we don't get from a <div> modal?

+
    +
  1. a semantically meaningful element
    2. +
  2. a backdrop that fills the screen behind the modal, styleable with ::backdrop
    3. +
  3. automatic use of the Esc key to close the modal
    4. +
  4. automatic focus trapping that prevents any tabbing within the page behind the modal (users can tab off the page into the browser buttons)
    5. +
  5. the JS functions .showModal() and .close()
    6. +
  6. if closedby is set to any, clicking outside the modal (anywhere on the backdrop) will also close the modal
    7. +
  7. automatic return of focus to the element that triggered the modal
    8. +
  8. the autofocus attribute for in-modal elements to set which element should receive focus on opening the modal
    9. +
  9. the open attribute which is set on the <dialog> when open and removed when closed (when you use the functions mentioned previously)
    10. +
+

and more. This is just the pieces in use for me. There's also things like setting forms so that submission closes the dialog (point 1 in that list).

+

what doesn't it give us?

+
    +
  1. a close button - gotta roll your own and attach the requisite .close() call (or rely on users hitting escape or clicking the backdrop)
    2. +
  2. prevention of scroll on the rest of the page
    3. +
+

a bug

+

MDN warns:

+
+

Do not add the tabindex property to the <dialog> element as it is not interactive and does not receive focus.

+
+

— <dialog>: additional notes (point 3 in that list).

+

despite this, I found that in Firefox (but not Edge), the <dialog> itself was focusable. I have no idea why, but I tested this on a totally unstyled and unmodified page and still found it to be true. As a focusable element, it made no sense. It had no interactivity and could not be activated.

+

I'm still torn: do I add tabindex="-1"? MDN specifically says not to, but I'm pretty sure they're warning against making it focusable. Why warn against making it nonfocusable when it's not supposed to be focusable in the first place, after all?

+

At current, I'm ambivalent, but I've added tabindex="-1" to handle Firefox's poor behavior. Making the dialog focusable is unhelpful and confusing.

+

in addition to the <dialog>

+

here's what else I wrote...

+

html

+

besides the <dialog>, I gave my <img> elements tabindex="0" to make them focusable.

+

js

+

in modal.js, I created an openDialog() function that takes in the clicked image. It:

+
    +
  • creates a new <img> element and copies over the src and alt attributes - importantly, it doesn't copy the full <img> because we don't want to copy that tabindex attribute
    • +
  • replaces the current <img> in the modal with our new copy with replaceChild() (or if there's no current one, it just appends)
    • +
  • calls dialog.showModal()
    • +
+

I gave my close button two event listeners, one that listens for click events and one that listens for a keydown of the space or enter keys. In the case of the keydown, it calls event.preventDefault() to stop the space key from scrolling the underlying page.

+

I also looped through all images and attached my openDialog() function to any image with a tabindex attribute (I had some images that weren't intended to be fullscreened, so they lacked tabindex). Again, I gave them listeners on both click and keydown.

+

css

+

here's the most relevant parts of the CSS:

+
    +
  • dialog::backdrop was given a relatively calculated color - rgba(from var(--color-bg) r g b / .8) - as well as a blur
    • +
  • body:has(dialog[open]) has overflow: hidden set
    • +
  • dialog img uses a max-height as well as object-fit: contain
    • +
+

errors? questions?

+

reach out!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    redirections

    + +
      + +
    • software
      • + +
    + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + +     +
    2. + +
  2. + +

    intro to wireframing

    + +
      + +
    • software
      • + +
    + 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. + +     +
    3. + +
  3. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/an-intro-to-git/index.html b/an-intro-to-git/index.html new file mode 100644 index 0000000..79b88ac --- /dev/null +++ b/an-intro-to-git/index.html @@ -0,0 +1,2093 @@ + + + + + + + + +an intro to git | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

an intro to git

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash. + + Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash. + + +

alrighty, this one's a real doozy. Strap in.

+
+ + + +
+

versioning

+

have you ever tried to revert to a previous version of a document in MS Office or Google Docs and found that your revision history is cluttered with small changes that by all rights should be grouped into one set of edits, but they aren't, and it's tedious to pick through all the versions?

+

or, more uniquely and/or uncommonly:

+ +

or, websites. Maybe you're building something in Squarespace and find out that in current versions of Squarespace, it doesn't support version history..

+

problem statement

+

I started writing this to help a friend. She's getting started with a website, and we're using the static site generator 11ty as she wants to have a lot of easy-to-write posts. She needs a single-user workflow that allows her to publish her website without hosting it herself, and that's the use case where this was born.

+

this walkthrough is best suited for people who want to use git in single-person projects, or perhaps with one or two other close collaborators. There's quite a few topics it doesn't cover that are vitally important in large collaborative projects, such as branching and merging.

+

this walkthrough also focuses on the "happy path," without much discussion of troubleshooting. I may write more on the topic in the future, but we're already over 4,500 words, so we're calling it a day.

+

finally, I wrote this walkthrough primarily with knowledge from using WSL [more on this later] on Windows and with Zed as my text editor. While I've tried to cover my bases with other OSes and options, there's a solid chance I'm missing things!

+

that all said, let's get (git?) into it!

+

what is git?

+

git is a version control system. We can use it to track changes we make to a set of files.

+
+

tip: it's important to understand that despite the examples of MS Office and Google Docs above, git isn't useful with word documents. git shines with plain text files - .txt, .md, or basically any type of code.

+
+

where can I use git?

+

many, many tools interact with git:

+
    +
  • a lot of modern text editors have graphical user interfaces (GUIs) that let you perform git operations, like VSCode, Zed, or Sublime Text
    • +
  • there are standalone git GUIs
    • +
  • and many git users use the git command line interface (CLI), which is fully text-based
    • +
+

today we're going to talk about the git CLI... technically. But don't let that scare you - we'll talk about concepts and actions that can be applied to other git interfaces as well.

+

what is a CLI?

+

a CLI a way to interact with your computer and with software in text-only form. Rather than using the mouse and clicking on things, you type in commands and see output.

+

where can I use the git CLI?

+

if you want to use the git CLI, you'll need a terminal. You've got a couple options here:

+
    +
  • on Linux or Mac, you should have one built in! This is the easy path, congrats :) Even better, git generally ships with these systems, so there's no installation required. Search for an application called 'Terminal' or similar +
      +
    • note that I don't have a Mac and have never used one. I can't guarantee that everything operates the same over there - there may be discrepancies I don't know about
      • +
    +
    • +
  • on Windows, there's two options + +
    • +
  • both of the Windows options listed work with Windows Terminal which offers a nicer-looking terminal experience than the basic command prompt. If you're going to keep working with what you set up today, I recommend it!
    • +
+

git for Windows

+

on the "Releases" page, scroll down to "Assets" and pick the .exe file.

+

during installation, you'll be asked to choose some things by the installer. Here's my recommendations:

+
    +
  1. if choosing to install Windows Terminal, check 'Add a Git Bash Profile to Windows Terminal' on the first options page
    2. +
  2. default editor: don't use vim. Pick something you have installed - it can just be Notepad - or you can use nano, an in-terminal editor
    3. +
  3. initial branch name: choose the 'Override' option and leave it set to "main"
    4. +
  4. everything else: keep the recommended choices
    5. +
+

you can open git for Windows via the start menu by searching for 'git bash.' If you chose to install Windows Terminal, one of the dropdown options will be for a new tab will be 'Git Bash.'

+

WSL

+

while installing WSL is a single command, here's a couple notes about getting started once inside WSL:

+
    +
  • don't be concerned that you can't see anything when you type or paste your password! Since it's sensitive information, this is intentional. You'll notice this pattern a couple of times while following this walkthrough
    • +
  • Ctrl+C and Ctrl+V won't work like they do on Windows. If you want to copy/paste, right-click (there won't be a context menu, it'll just happen)
    • +
  • if you're downloading a text editor like the ones mentioned above, you'll still follow the Windows instructions
    • +
+

you'll also need to be careful of a few things regarding text editors to make them work with WSL:

+
    +
  1. if you install VSCode, you'll need to add the remote development extension pack
    2. +
  2. if you install Zed, you'll need to check "Add to PATH (requires shell restart)" in the installer, then restart your terminal as noted +
      +
    • there's a single setting in Zed to disable all AI settings: Settings > AI > General > Disable AI
      • +
    +
    3. +
  3. I don't recommend installing Sublime Text if using WSL, because summoning it from within WSL is a little more complicated than either of the two above, and I found when I reviewed editors that it struggled with some file operations in WSL
    4. +
+

you must start your editor of choice within WSL. Don't use the Windows start menu! Instead, you'll type code . or zed . (note the .) while in WSL.

+

you can open WSL via the start menu by searching for 'WSL.' If you chose to install Windows Terminal, one of the dropdown options for a new tab will be your WSL distribution, usually 'Ubuntu.'

+

a few terminal operations

+

here's three vital terminal commands:

+
    +
  • pwd prints the working (current) directory. A lot of terminals will just show you what your current directory on every line, but if they don't, try pwd.
    • +
+
+

tip: directory is just another word for folder

+
+
    +
  • cd lets us change directories. If we type only cd, we'll be brought back to the home directory; if we provide a directory path, we'll be taken to the provided directory
    • +
  • ls lists files in the current directory (including other directories)
    • +
+

edit files

+

we'll want to edit files, right? How do we open our editor from the terminal?

+

there's usually a terminal command for the editor. For VSCode, it's code; for Zed, it's zed. If we want to open the current directory in our editor of choice (and we do!), we'll write <editor command> . (note the .), where . means "the current directory."

+

git version

+

let's check that you have git installed with git version. You might see something like git version 2.34.1 printed out in response. If you don't get a version number, but instead get an error saying you don't have git, install git.

+

a few handy settings

+

before we really start, we're going to set a few basics to make it easier for ourselves.

+
# skip this one if you installed git for windows
+# this means that if git wants us to edit something,
+# it'll open in the built-in terminal editor 'nano'
+# the default is vim, which can be pretty unfriendly to newcomers
+# nano, on the other hand, will tell you how to do basic
+# operations at the bottom of the editor
+git config --global core.editor nano
+
+# this uses the autocorrect
+# the value specifies how many *tenths* of a second
+# so 10 => 1 second
+git config --global help.autocorrect 10
+
+# skip this one if you installed git for windows
+# the default branch name is "master" due to older computer terminology
+# older language used to explain some computing relationships as master/slave
+# some people consider this outdated and harmful, so "main" is a more common these days
+# also, I'll be using main, so this will help make your output look like mine
+git config --global init.defaultbranch main
+
+# this sets our information
+# if we don't set this, git will prompt us to set it later
+git config --global user.name <your-name>
+git config --global user.email <your-email>
+

git going

+

(no, that's not a real git command.)

+

there's two main ways to start:

+
    +
  1. create a new project on our local machine, or
    2. +
  2. work with an existing project
    3. +
+
+

tip: git and associated tooling refer to projects as repositories. I'll be sticking with the word project here as I find it a bit friendlier, but you'll probably run across the word repository in the wider world of git

+
+

git init

+

git init <project> will create a new directory named project ready to be used with git. We can then use cd <project> to enter the directory.

+
+

tip: don't use spaces in your project name!

+
+

git clone

+

git clone <project URL> will pull in an existing project. We're not going to talk about this right now; instead, we're going forward assuming with git init.

+

git status

+

before we do anything, let's see what git will tell us about our project. Type git status and we might see the following:

+
On branch main
+
+No commits yet
+
+nothing to commit (create/copy files and use "git add" to track)
+

let's dissect this.

+

branch main

+

git has a concept of branches, which are different paths our file history has taken. While branches are incredibly powerful, we're going to stay away from branches during this walkthrough and focus on working on a single branch - in this case, main.

+

no commits / nothing to commit

+

"no commits" means that the project has no history whatsoever. "Nothing to commit" means we've made no changes. But what is a commit?

+

commits and history

+

a commit is one set of changes made to our work. We get to choose which changes are part of any given commit, and we write a message describing the commit so that future-us knows what we did if for some reason we need to undo something.

+

git log

+

in an established project, we can use git log to look at our commit history. By default, one commit will output like this:

+
commit e2fd6c4772e61f9c074638a933eb92fc1ea885ef
+Author: Lee Cattarin <lee.cattarin@gmail.com>
+Date:   Sun Dec 28 18:47:00 2025 -0800
+
+	fix syntax err in alt
+

In order there, we have:

+
    +
  1. a long string that identifies the commit
    2. +
  2. the author of the commit
    3. +
  3. the date it was created
    4. +
  4. the message written to describe the commit
    5. +
+

creating a commit

+

commits are made with the command git commit, but if we try to create a commit right now we'll be told "nothing to commit."

+

okay, what if we edit a file?

+
+

tip: if you don't want to actually open your editor, just use touch file.txt to create a new empty file named file.txt

+
+

hmmm, there's still nothing to commit! What happens if we check git status? There's some new output!

+
Untracked files:
+  (use "git add <file>..." to include in what will be committed)
+        file.txt
+

git tells us that we have "untracked" files - a.k.a. files that git hasn't got in its history yet. It also tells us to use git add if we want to be able to commit that file.

+

the staging area

+

git has a concept called the staging environment or staging area. This captures the set of changes we're adding to a single commit. When we add something to the staging area, we say we are staging it or that it is staged. In order to stage changes, we'll use git add.

+

why a staging area? Why not just commit our changes?

+

well, imagine we're writing a blog post (easy for me to imagine right now). We start reviewing it, and notice that there's a bit of page styling we don't like - not something tied to the content of the post, but the styling of the overall site. We fix it, and want to save that change while continuing to work on our post draft. git add and the staging area allow that kind of choice.

+

git add

+

git add <filename> lets us add all changes in the given file to the staging area. Sometimes this is really useful - if we just created a new file (by, say, using touch file.txt), we probably want to add the whole thing.

+

personally, I really like using git add -p, so much so that I wrote an entire blog post about it. It lets us review changes piece-by-piece and pick only the pieces we want.

+

for now, we'll try git add file.txt. We'll notice there's no output by default, but we can run git status to see where things are at. git will now tell us:

+
Changes to be committed:
+  (use "git rm --cached <file>..." to unstage)
+        new file:   file.txt
+

now we're ready to create a commit!

+

git commit

+

if we just write git commit, it'll open an editor for us to edit the commit message - our description of the changes. This can be handy if we want to write a lengthy description, but if we want to just write a one-liner, we can use git commit -m "<message>". It's quicker and doesn't involve opening an editor.

+

let's create a super basic commit:

+
git commit -m "baby's first commit"
+
+

tip: as excited as you may be, don't use '!' in your commit messages

+
+

we'll see output like this:

+
[main (root-commit) 3dcf1ca] baby's first commit
+ 1 file changed, 1 insertion(+)
+

checking our work

+

trying git log now will show us our single commit!

+
+

tip: type q to exit the git log output

+
+

trying git status will tell us:

+
On branch main
+nothing to commit, working tree clean
+

changes to existing files

+

so, we've added a new file - that wasn't bad. Things get a little more interesting when we edit files git already knows about. Let's use <editor-command> . to open the current directory and write a sentence or two in file.txt.

+

after saving file.txt, try git status again.

+
+

tip: Ctrl+S (or Cmd+S on Mac) is the shortcut for saving basically everywhere

+
+
Changes not staged for commit:
+  (use "git add <file>..." to update what will be committed)
+  (use "git restore <file>..." to discard changes in working directory)
+        modified:   file.txt
+

git restore

+

git restore is new! That lets us get rid of our changes and go back to the last version of the file committed. Be careful with this - we should only do it if we really want to get rid of those changes.

+

let's not restore, and instead stage and commit our new changes:

+
git add file.txt
+git commit -m "added a new sentence"
+

again, we can use git status or git log as needed.

+

git revert

+

ooooh... I don't actually like that change. What if I want to undo something?

+

run git log again, and copy the first 6-8 characters in the commit string (we can copy more, including the whole string if we want, but it's not necessary):

+
commit 8b5dd7838f8c8423cfa445b6cddbed88e9c32511 (HEAD -> main)
+Author: Lee Cattarin <lee.cattarin@gmail.com>
+Date:   Wed Jan 7 15:18:45 2026 -0800
+
+    added a new sentence
+
+

in this case, 8b5dd7.

+

now we can try git revert <commit-string>. It'll open our editor to write a message about the change. It's important to know that git revert doesn't delete the old commit - it creates a new commit that undoes the previous work.

+
[main 9268d5c] Revert "added a new sentence"
+ 1 file changed, 1 deletion(-)
+

I didn't edit the message - we can tell because it just says "Revert" and then the old commit message. But we can edit and add lots of detail about why we're doing it.

+

git remote

+

let's try a new command: git remote. Hmm, nothing happened... what's a "remote"?

+

remember how I said we could use git clone to work on an existing project? If we did that, we'd be getting that project from a remote server - not our local machine.

+

the world of git servers is vast - hell, you can run your own! - but we're going to just mention a few major hosts: GitHub, GitLab, and Codeberg. For this walkthrough, we're going to work with Codeberg, but you'll find that the UI is pretty similar across all three, so if you've got a GitHub or GitLab account feel free to use that.

+

let's head on over to Codeberg First off, we'll make an account.

+

now we'll make a new project using the + in the upper right. Choose 'New repository,' then pick a repository name. You can leave the other settings be.

+

with the project created, Codeberg will tell us three things we can do: clone the repository, create a new repository, or push an existing repository. We'll push an existing one.

+
git remote add origin https://codeberg.org/inherentlee/testing.git
+git push -u origin main
+

first, we'll add a remote. Across from the project title, we should see a button that says Code with a dropdown indicator. It'll offer a few choices, the first two being SSH and HTTPS. I'll talk about SSH in a bit, but let's try HTTPS first. Copy that URL; we're about to use it in a command.

+
+

tip: the remote can be named whatever you want! Traditionally, it's called origin, but if it's easier for you to remember, you might call it codeberg or maybe remote

+
+
git remote add <remote-name> <url>
+

for this walkthrough, we'll call our remote codeberg.

+

there's no feedback, but that's ok. Re-running git remote shows that we have a remote now: codeberg. That really doesn't tell us much, does it! Let's try a more talkative command: git remote --verbose or, more simply, git remote -v. Now it tells us the following:

+
codeberg  https://codeberg.org/inherentlee/git-intro.git (fetch)
+codeberg  https://codeberg.org/inherentlee/git-intro.git (push)
+

cool! we have a remote set up. What does "fetch" and "push" mean?

+

git fetch (and git pull)

+

git fetch brings remote changes to our local machine. So does a command called git pull. Why are there two?

+

fetch brings the remote changes down, but doesn't combine them yet with our local work. This gives us a chance to explore what those changes are before we actually integrate them into our work!

+

this may seem unhelpful if we're thinking about this project as something only we work on, but imagine there's a team of people all contributing to the project. What if we and another person both work on the same file? Our changes might overlap!

+

if we're working alone and from one machine, we'll pretty much never have to use git fetch or git pull! If we happen to do our work on multiple machines - for example, I do some work on my PC and some on my fruitpad (using an app called Working Copy) - we'll probably update the remote from one machine, then need to pull that work down onto the other machine.

+

for our use case, we can pretty safely stick to git pull (if we ever even need to use it!), but if you're working in a larger collaborative project, git fetch is your friend!

+

git push, take one

+

git push is the opposite of git pull - it takes your local changes and adds them to the remote.

+

the first time we use it on any given branch, we'll want to set what's called the upstream - the remote branch that our local branch is connected to by default. We can do this with the following command:

+
git push --set-upstream codeberg main
+# or, for brevity
+git push -u codeberg main
+

authentication

+

when we call git push, we're prompted for our Codeberg username and password.

+

personally, I find constantly authenticating tremendously annoying! There's a couple of ways to handle this.

+
    +
  1. in the command line, we can use a few different credential management settings: +
      +
    • git config --global credential.helper cache will store our username and password in memory. You'll be re-prompted every 15 minutes. I work in long enough sessions that this is still a pain for me, but it may work for you
      • +
    • git config --global credential.helper store will save our username and password in a file on our machine, and only re-prompt if we change either value. Importantly, this method does not encrypt our password in any way! While it's convenient, it's not very secure
      • +
    • on Mac, git config --global credential.helper osxkeychain is a secure method for saving credentials
      • +
    +
    2. +
  2. if we installed git for Windows, we should have Git Credential Manager (GCM)
    3. +
  3. in any terminal environment, we can use an SSH key. This is my preferred method! I find it's a good balance between never logging in and constantly logging in - I do it once after opening the terminal, and them I'm good for that work session
    4. +
+

SSH keys

+

while I'm not going to go into a lot of the technical concepts behind SSH keys, I will talk a bit about how my setup works. If you're happy with one of the other credential management setups above, feel free to skip past this section cause it's a bit chunky.

+

the SSH (secure shell) protocol allows for secure communication on an insecure network.

+

when we generate an SSH key, we get a public and a private key. These are mathematically related, and if we encrypt something with the private key, it can be decrypted with the public key, and vice versa.

+

the important thing to know is you should never share your private key. Also, while you aren't forced to set a password when creating these keys, I strongly recommend doing so.

+

creation

+

running ssh-keygen will take us through a series of prompts. Assuming we don't already have an SSH key, the default file location is fine.

+

when you choose a passphrase, write it down. If you lose it, there is no recourse. You will have to generate a new SSH key.

+

after generation, we will have two files at the location specified by the tool (or the custom location we chose). Generally, that's the folder .ssh in our home directory. If we navigate to that directory (cd $HOME/.ssh) and look at the files (ls), we'll see files named id_rsa and id_rsa.pub. The one that ends with .pub is the public key.

+

an alias...

+

time for a little more terminal knowledge!

+

I have two handy pieces of tooling in my terminal that I use for SSH operations.

+

the first one is an alias - basically a simple shortcut for a command. I've written an alias for outputting my public key so that when I need it, I can get it without having to write out the path to the key. Laziness is a virtue, okay?

+

there's a file in the home directory called .bashrc. It sets a lot of terminal-wide functionality. We're going to add an alias to it!

+

the command to output a file's contents is cat <filename>. My alias name of choice to cat my public SSH key is sshcat - but feel free to name yours something else.

+

navigate to the home directory (cd) and open your .bashrc file in your editor (<editor-command> .bashrc). Add the following to the bottom before saving and exiting.

+
alias sshcat="cat $HOME/.ssh/id_rsa.pub"
+
+

tip: don't be alarmed if you can't use this right away! Your .bashrc file takes effect when the terminal starts up. If you want to test it, either restart your terminal, or type source $HOME/.bashrc

+
+

and a function

+

the other piece of shortcut SSH key tooling I use is a function that I call ssa, short for ssh-agent. ssh-agent manages SSH keys and keeps us logged in during a session.

+
# SSH agent
+ssa() {
+	ssa_pid=$(pgrep ssh-agent)
+	if [[ $ssa_pid ]]; then kill $ssa_pid; fi
+
+    echo -n "$fg[green]"
+	eval $(ssh-agent -s)
+	ssh-add ~/.ssh/id_rsa
+}
+

look, I'll be honest... we're not going to explain this one in detail. In short, though, it removes any existing instance of ssh-agent, then prompts us to put in our SSH key password so it can authenticate us.

+

open the .bashrc file again for editing, and add the above function to the bottom before saving and exiting. Again, either quit the terminal or type source $HOME/.bashrc to reload and use this new function by typing in ssa.

+

SSH keys and the remote

+

when we added a remote, we used the HTTPS URL. Let's update to using the SSH URL - you can find this on the main project page under the dropdown button that reads Code.

+
git remote set-url codeberg <new-url>
+

we'll notice that the SSH URL starts with git@, whereas the HTTPS URL started with https://.

+

in order for all this to be useful, we need to tell Codeberg about our SSH key. In Codeberg, navigate to settings, then find the left-hand tab for SSH keys. Choose 'Add key' and paste in the public key (if you set up that sshcat alias, use it now to output your key for ease of copying). Save and we'll now be set up to authenticate with SSH!

+

git push, take two

+

we can now call git push again and again now without having to repeat our credentials every time. We can also call git pull for our private repositories.

+

summary

+

let's talk about what we've done.

+
    +
  1. set up a terminal and learned a couple indispensable commands
    2. +
  2. created a new project with git init
    3. +
  3. checked in constantly using git status
    4. +
  4. learned what a commit is, and how to use git log to view our commit history
    5. +
  5. used git add to add new files or file changes to a commit
    6. +
  6. created commits with git commit
    7. +
  7. undid a commit using git revert
    8. +
  8. talked about remotes, making a new Codeberg project, and using git remote to link that project to our local work
    9. +
  9. talked about git fetch and git pull
    10. +
  10. added our local work to the remote project using git push
    11. +
  11. and finally, set up some kind of credential management so we don't have to log in for every git push!
    12. +
+

congratulations, and welcome to git!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    domain and site setup

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass. + +     +
    2. + +
  2. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    3. + +
  3. + +

    redirections

    + +
      + +
    • software
      • + +
    + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/anarchy-autism/index.html b/anarchy-autism/index.html new file mode 100644 index 0000000..e54fcf8 --- /dev/null +++ b/anarchy-autism/index.html @@ -0,0 +1,1704 @@ + + + + + + + + +anarchy autism | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

anarchy autism

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in rainbow ink that says autism with the anarchy A. + + A print in rainbow ink that says autism with the anarchy A. + + +

my therapist's idea

+

details

+

dimensions

+

7.5" x 4"

+

coloration

+

default: black

+

available as

+

patch, print, sticker, shirt, card, pin

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    2. + +
  2. + +

    luminescent (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a tattooed woman in bright highlighter yellow underwear. + +     +
    3. + +
  3. + +

    greeting quorbs

    + +
      + +
    • card
      • + +
    • print
      • + +
    + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/art-shows-and-events/index.html b/art-shows-and-events/index.html new file mode 100644 index 0000000..c1368b6 --- /dev/null +++ b/art-shows-and-events/index.html @@ -0,0 +1,1640 @@ + + + + + + + + +art shows and events | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

art shows and events

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + Image unrelated to post. A cluster of small, four-petaled flowers, varying in color between a purpley-pink and yellow. + + Image unrelated to post. A cluster of small, four-petaled flowers, varying in color between a purpley-pink and yellow. + + +

Listed by recency.

+

2026

+ +

2025

+ +

2024

+ +

2023

+ + +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/artisans-cooperative-cards/index.html b/artisans-cooperative-cards/index.html new file mode 100644 index 0000000..f82ac44 --- /dev/null +++ b/artisans-cooperative-cards/index.html @@ -0,0 +1,1693 @@ + + + + + + + + +artisans cooperative cards | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    loon

    + +
      + +
    • print
      • + +
    + A print of a loon rearing up with wings spread + +     +
    2. + +
  2. + +

    not a drill

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + +     +
    3. + +
  3. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/artisans-cooperative-shirts/index.html b/artisans-cooperative-shirts/index.html new file mode 100644 index 0000000..2b2cf2b --- /dev/null +++ b/artisans-cooperative-shirts/index.html @@ -0,0 +1,1686 @@ + + + + + + + + +artisans cooperative shirts | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

artisans cooperative shirts

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + + +

Learn more about Artisans Cooperative, a new platform for makers and supporters.

+

I've joined the "coop" and will be making shirts to support their fundraiser.

+

Buy them on Artisans Cooperative's new marketplace.

+

Buy them via my order form. (Sep 2024: No longer accepting orders via this method)

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    2. + +
  2. + +

    euphorbia

    + +
      + +
    • print
      • + +
    + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + +     +
    3. + +
  3. + +

    luminescent (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a tattooed woman in bright highlighter yellow underwear. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/artists-conk/index.html b/artists-conk/index.html new file mode 100644 index 0000000..4608371 --- /dev/null +++ b/artists-conk/index.html @@ -0,0 +1,1617 @@ + + + + + + + + +artists conk! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

artists conk!

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + 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. + + 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. + + +

did you know you can draw on (certain) mushrooms

+ +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/azure-locations-and-file-crawling/index.html b/azure-locations-and-file-crawling/index.html new file mode 100644 index 0000000..d71212f --- /dev/null +++ b/azure-locations-and-file-crawling/index.html @@ -0,0 +1,1911 @@ + + + + + + + + +azure locations and file crawling | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

azure locations and file crawling

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + + +

context

+

Azure is Microsoft's cloud offering. Each possible resource that can be deployed in Azure has a location it's deployed in, such as "East US" or "Italy." While some resources can be deployed in all locations, other resources have location constraints.

+

It's common, when deploying, to have a whole ecosystem of resources that will work together. However, this introduces a problem: which locations work for all resources in a deployment?

+

Let's dig in. (Want just the outcome? Check the summary.)

+

bicep

+

Bicep is a language for describing Azure resources. A Bicep file sets out a series of resources with preset or parameterized properties in order to deploy said resources.

+

A minimal Bicep file that creates a resource group might look like this:

+
param resourceGroupName string = 'myResourceGroup'
+param location string = "westus2"
+
+resource resourceGroup 'Microsoft.Resources/resourceGroups@2022-09-01' = {
+    name: resourceGroupName
+    location: location
+}
+

This is easy to start parsing - I can use grep to find that Microsoft.Resources/resourceGroups@2022-09-01 string and go from there.

+

nesting

+

However, minimal is uncommon. As stated above, deployments of multiple resources are much more common.

+

When working with large deployments, certain resources may be needed more than once. You can repeat your earlier storage account declaration, or, instead, you can template out how to deploy a storage account with given parameters, then reuse that template. This is called a module, and it's fundamental to organizing Bicep files.

+

Let's say this is our file structure. Ignore the lack of parameter files or READMEs, this is just an example.

+
.
+|--infra
+   |--env
+   |  |--dev
+   |  |  |--main.bicep
+   |  |--prod
+   |     |--main.bicep
+   |--modules
+      |--rg
+      |  |--main.bicep
+      |--vm
+      |  |--modules
+      |  |  |--network.bicep
+      |  |  |--virtual-machine.bicep
+      |  |--main.bicep
+      |--kv
+         |--modules
+         |  |--role-assignment.bicep
+         |  |--key-vault.bicep
+         |--main.bicep
+

Bicep files use relative references for local modules, so infra/env/dev/main.bicep references ../../modules/vm/main.bicep, which references ./modules/network.bicep. While the directory structure in this example could be flattened, my point is: modules can nest, and each module refers relatively to the module(s) it relies on.

+

finding all resources

+

Okay, let's backtrack. From a given Bicep file, we want:

+
    +
  1. All referenced resource types
    2. +
  2. All referenced modules
    3. +
+

grep

+

Resources and modules both have patterns in how they are declared. Thankfully, they're pretty simple regexes. grep will spit out lines in a file that match a given regex.

+
# this gets us strings like
+# resource resourceGroup 'Microsoft.Resources/resourceGroups@2022-09-01' = {
+grep -E "^resource " "$file"
+
+# this gets us strings like
+# module vm '../../modules/vm/main.bicep' = {
+grep -E "^module " "$file"
+

cut

+

From there, let's use cut to strip off the parts we don't want.

+
# this gets us strings like
+# Microsoft.Resources/resourceGroups
+grep -E "^resource " "$file" \
+    | cut -d "'" -f 2 - \
+    | cut -d "@" -f 1 -
+
+# this gets us strings like
+# ../../modules/vm/main.bicep
+grep -E "^module " "$file" \
+    | cut -d "'" -f 2 -
+

These calls are a little opaque. -d sets a delimiter (what to split on). -f picks a field to return, numbered from 1.

+

mapfile

+

We'll save these values to variables. mapfile reads a file, putting each line into a new array element. -t trims newline characters. The <s do some redirection, and yes, the space between them matters.

+
mapfile -t resources < <(grep -E "^resource " "$file" \
+    | cut -d "'" -f 2 - \
+    | cut -d "@" -f 1 -)
+mapfile -t modules < <(grep -E "^module " "$file" \
+    | cut -d "'" -f 2 -)
+

dirname (& more)

+

We can't just stop there. We need to search each module in turn. Using dirname, we can get the directory of the file we're searching, then append the relative module path.

+
get_resources () {
+    # ... grep, cut, etc ...
+
+    directory=$(dirname "$file")
+
+    for module in "${modules[@]}"
+    do
+        mapfile -t -O "${#resources[@]}" resources < <(get_resources "$directory/$module")
+    done
+}
+

A lot just happened there besides dirname. {modules[@]} is all the array elements (as opposed to just $modules, which evaluates to the first element). ${#modules[@]}, on the other hand - note the pound sign - is the number of elements in the array.

+

Additionally, mapfile usually writes from index 0 onwards. But with the -O argument, we can specify an origin. By setting the starting point to the length of the array, we append to the array rather than writing over existing data.

+

Finally, we got some recursion going! get_resources calls get_resources for every module found.

+

the get_resources function

+

So far, our code looks like this:

+
get_resources () {
+    mapfile -t resources < <(grep -E "^resource " "$file" \
+        | cut -d "'" -f 2 - \
+        | cut -d "@" -f 1 -)
+    mapfile -t modules < <(grep -E "^module " "$file" \
+        | cut -d "'" -f 2 -)
+
+    directory=$(dirname "$file")
+
+    for module in "${modules[@]}"
+    do
+        mapfile -t -O "${#resources[@]}" resources < <(get_resources "$directory/$module")
+    done
+
+    for resource in "${resources[@]}"; do; echo "$resource"; done
+}
+

That last one-liner just returns our results. Note that we don't just echo "${resources[@]}" - this results in a space-delimited string and it'll be helpful later to have a newline-delimited string.

+

finding locations

+

Now we need to use these resource types to get available locations. First, actually call our function from above. We'll assume we're in a directory with a top-level main.bicep file.

+
mapfile -t resources < <(get_resources "main.bicep")
+

sort

+

Does sorting matter? Not really, but sort has a useful feature, -u, which returns unique items (aka, it deduplicates). Looking up the same resource type twice slows us down.

+
mapfile -t resources < <(get_resources "main.bicep" | sort -u)
+

sort is one reason it helps to have newlines as delimiters - it expects that.

+

az

+

We'll use az to list all the locations - just to give ourselves a starting point. You could also use the locations for the first resource type.

+
mapfile -t locations < <(az account list-locations --query "[].displayName" \
+    --out tsv)
+

We can then use an az command to find available locations for a given resource type:

+
mapfile -t newLocations < <(az provider show --namespace "$namespace" \
+    --query "resourceTypes[?resourceType=='$resourceType'].locations | [0]" \
+    --out tsv)
+

--out tsv means we will get a list with no decoration whatsoever - it's vital for programmatic handling of az command output.

+

cut (again)

+

We'll need to get those $namespace and $resourceType variables. cut comes back in handy:

+
# remember, $resource is something like Microsoft.Resources/resourceGroups
+
+# this gets us strings like
+# Microsoft.Resources
+namespace=$(echo "$resource" | cut -d "/" -f 1 -)
+
+# this gets us strings like
+# resourceGroups
+resourceType=$(echo "$resource" | cut -d "/" -f 2 -)
+

comm

+

Okay, we can get locations. How do we handle finding their intersection?

+

comm to the rescue. It finds common lines between two sorted files. Its default output is three columns - lines only in file 1, lines only in file 2, and lines common to both. We can suppress the first two columns with -12.

+

comm expects files, so we'll reuse our redirection <(someCommand) from earlier.

+
mapfile -t locations < <(comm -12 \
+    <(for location in "${locations[@]}"; do echo "$location"; done) \
+    <(for location in "${newLocations[@]}"; do echo "$location"; done) )
+

comm also likes newline-delimited input, so we're again looping through the array rather than echoing all values at once.

+

catching errors

+

With functionality as it is, many deployments will come back with 0 locations available. Turns out some basic resource types, like role assignments, don't have locations. So let's filter those.

+
if [[ ${#newLocations[@]} -eq 0 ]]
+then
+    # handle
+fi
+

tee

+

We'll print the locations to the shell. We can even use tee to print them to a file for good measure:

+
for location in "${locations[@]}"; do echo "$location"; done | tee locations.txt
+

the location code

+

Here's our code for this section:

+
mapfile -t resources < <(get_resources "main.bicep" | sort -u)
+
+mapfile -t locations < <(az account list-locations --query "[].displayName" \
+  --out tsv)
+
+for resource in "${resources[@]}"
+do
+    namespace=$(echo "$resource" | cut -d "/" -f 1 -)
+    resourceType=$(echo "$resource" | cut -d "/" -f 2 -)
+
+    mapfile -t newLocations < <(az provider show --namespace "$namespace" \
+        --query "resourceTypes[?resourceType=='$resourceType'].locations | [0]" \
+        --out tsv)
+
+    if [[ ${#newLocations[@]} -eq 0 ]]
+    then
+        continue
+    fi
+
+    mapfile -t locations < <(comm -12 \
+        <(for location in "${locations[@]}"; do echo "$location"; done) \
+        <(for location in "${newLocations[@]}"; do echo "$location"; done) )
+done
+
+for location in "${locations[@]}"; do echo "$location"; done | tee locations.txt
+
+

summary

+

Here's our final script:

+
# Recursively crawls bicep files to find all referenced resources
+get_resources () {
+    mapfile -t resources < <(grep -E "^resource " "$file" \
+        | cut -d "'" -f 2 - \
+        | cut -d "@" -f 1 -)
+    mapfile -t modules < <(grep -E "^module " "$file" \
+        | cut -d "'" -f 2 -)
+
+    directory=$(dirname "$file")
+
+    for module in "${modules[@]}"
+    do
+        mapfile -t -O "${#resources[@]}" resources < <(get_resources "$directory/module")
+    done
+
+    for resource in "${resources[@]}"; do echo "$resource"; done
+}
+
+# Execution starts here
+mapfile -t resources < <(get_resources "main.bicep" | sort -u)
+
+mapfile -t locations < <(az account list-locations --query "[].displayName" \
+    --out tsv)
+
+for resource in "${resources[@]}"
+do
+    namespace=$(echo "$resource" | cut -d "/" -f 1 -)
+    resourceType=$(echo "$resource" | cut -d "/" -f 2 -)
+
+    mapfile -t newLocations < <(az provider show --namespace "$namespace" \
+        --query "resourceTypes[?resourceType=='$resourceType'].locations | [0]" \
+        --out tsv)
+
+    if [[ ${#newLocations[@]} -eq 0 ]]
+    then
+        continue
+    fi
+
+    mapfile -t locations < <(comm -12 \
+        <(for location in "${locations[@]}"; do echo "$location"; done) \
+        <(for location in "${newLocations[@]}"; do echo "$location"; done) )
+done
+
+for location in "${locations[@]}"; do echo "$location"; done | tee locations.txt
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    2. + +
  2. + +

    backend accessibility

    + +
      + +
    • software
      • + +
    + A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font. + +     +
    3. + +
  3. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/backend-accessibility/index.html b/backend-accessibility/index.html new file mode 100644 index 0000000..d57ba11 --- /dev/null +++ b/backend-accessibility/index.html @@ -0,0 +1,1739 @@ + + + + + + + + +backend accessibility | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

backend accessibility

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font. + + A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font. + + +
+

These notes are from a talk I gave at work. If you think something is missing or incorrect, please let me know!

+
+

Backend developers still have users: other developers. We're all human, with human limitations and differences. Design for those limitations and you'll find you improve the end result for everyone.

+

Documentation

+

The first thing you can do: document. By this I don't just mean standalone text documentation; I also include code comments, clear variable and file naming, and pipeline or script outputs that report success or failure and give details.

+

Rely on standards

+

Rely on existing standards where possible. Style guides, spell checkers, linters, and formatters are all great. Make standards easy to follow with linter, editor, etc. config files in your repo, or add a devcontainer so others can easily get started with the project. When there's no standard, create one; for example, set up github issue and PR templates. And whenever you can, automate tests and fixes.

+

User stories

+

I want to understand new terms as they're introduced

+
    +
  • Abbreviations/initialisms: can stall anyone unfamiliar with them. Spell them out when they're first introduced, and add the abbreviation in parentheses.
    • +
  • Jargon: avoid it as much as possible. Keep a friendly tone.
    • +
  • Neologisms: tech loves em! Often compound words or portmanteaus. For compound words (or, at times, hashtags), use camelCase or another style that distinguishes between words. This helps visually as well as improving screen reader pronunciation.
    • +
+

I want to quickly scan a page for the information I need

+

Sighted users may take for granted the ability to skim a page by glancing at headers or highlights. Users with screen readers rely on several features for the same functionality.

+

For example, screen readers can summarize the headers on a page. To leverage this, break up content with headers and avoid using other formatting to achieve similar effects visually. Stick to one h1 per page, and don't skip levels (e.g. go from an h1 to an h3).

+

Screen readers can also summarize a page's links. In order for this to be effective, links need descriptive text attached to them (and always avoid bare links!). Compare these examples:

+
+

Read more about accessibility patterns on the web

+
+

vs

+
+

Read more about accessibility patterns on the web

+
+

The second example has text directly attached to the link that describes its content. This is a vast improvement over the first example, where the link would just be read out as "more". Since links are visually highlighted, good link text also improves readability for everyone.

+

A table of contents can be helpful for a broad set of users, from the power user who knows exactly what she needs from the page to the newbie who just wants to see what the major topics are.

+

I want to be aware of and able to understand all content on the page

+

Alt text/image descriptions for image and transcription/audio descriptions for videos are essential (and not just for screen readers - they're really useful if you've got poor internet connection). The references section of this document will link to more information on writing good alt text, but in general, focus on why the image/video is there and what it is conveying.

+

(If you find you are simply transcribing text in an image, remove the image unless it conveys additional detail - images showing text intended to be read are less user-friendly than the same content conveyed as text. If the text is purely decorative and not intended to be read, carry on - just make sure you don't transcribe it since it's not meaningful!)

+

I find this comes up the most in backend as diagrams. We love diagrams in place of words! Unfortunately, you'll want those words for some users eventually. Avoid alt text like "diagram of components" or "flow chart showing pipeline" - either write out a more direct explanation that mentions all entities contained in the diagram, or direct the reader to a section of text that covers the same content (e.g. "flow chart of the pipeline described below"). If you're writing a direct explanation, don't feel the need to describe each shape or arrow - focus on describing the relationships and entities those shapes and arrows represent.

+

todo notes

+

These are bits of feedback or further thoughts that have yet to be integrated into this.

+
    +
  • tabs vs spaces (prefer tabs - allows each developer to customize based on eyesight and personal preference)
    • +
  • don't use color alone to convey meaning
    • +
  • autocorrects and confirmation prompts
    • +
+

References

+ +

Alt text/image descriptions

+ +

Other specific topics

+ + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    handedness toggle

    + +
      + +
    • software
      • + +
    + A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left. + +     +
    2. + +
  2. + +

    intro to wireframing

    + +
      + +
    • software
      • + +
    + 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. + +     +
    3. + +
  3. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/bag-strap/index.html b/bag-strap/index.html new file mode 100644 index 0000000..5af813a --- /dev/null +++ b/bag-strap/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +bag strap | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

bag strap

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A nylon webbing shoulder strap in bright teal with clips on each end. + + A nylon webbing shoulder strap in bright teal with clips on each end. + + +

adjustable! also can be made with rainbow fittings.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    foldy wallet with thumb slide

    + +
      + +
    • leather
      • + +
    + A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide. + +     +
    2. + +
  2. + +

    brooke's cuff bracelets

    + +
      + +
    • leather
      • + +
    + Olive green leather cuffs with silver spikes and a shearling lining. + +     +
    3. + +
  3. + +

    leather lighter case

    + +
      + +
    • leather
      • + +
    + A bic lighter wrapped in leather and hand-stitched up one side. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/baseball-journal/index.html b/baseball-journal/index.html new file mode 100644 index 0000000..1c991be --- /dev/null +++ b/baseball-journal/index.html @@ -0,0 +1,1686 @@ + + + + + + + + +baseball journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

baseball journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + + +

Baseball stitched book!

+

details

+

dimensions

+

3" x 2" ish

+

coloration

+
    +
  • cover: white leather
    • +
  • pages: white
    • +
+

pages

+

drawing paper

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    lined notebook

    + +
      + +
    • book
      • + +
    + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + +     +
    2. + +
  2. + +

    flocked notebook

    + +
      + +
    • book
      • + +
    + A two panel collage showing the cover and endpapers of a thick notebook. + +     +
    3. + +
  3. + +

    tiny books

    + +
      + +
    • book
      • + +
    + A three panel collage showing a book held in the palm of a hand. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/become-unbutterable/index.html b/become-unbutterable/index.html new file mode 100644 index 0000000..7656a8f --- /dev/null +++ b/become-unbutterable/index.html @@ -0,0 +1,1691 @@ + + + + + + + + +become unbutterable | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

become unbutterable

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + + +

Hand carved stamp based on a photo of Jorts the cat.

+

details

+

dimensions

+

roughly 4.5" x 3.5"

+

coloration

+

default: jalapeno

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    lupine

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + +     +
    2. + +
  2. + +

    block printing transfer method

    + +
      + +
    • print
      • + +
    + A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material. + +     +
    3. + +
  3. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/bfl-silk-handspun/index.html b/bfl-silk-handspun/index.html new file mode 100644 index 0000000..40c6275 --- /dev/null +++ b/bfl-silk-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +BFL/silk handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

BFL/silk handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + + +

Fiber from Woolgatherings. 70% Blue-Faced Leicester 30% tussah silk.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    dyeing fiber

    + +
      + +
    • yarn
      • + +
    + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + +     +
    2. + +
  2. + +

    ruby the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + +     +
    3. + +
  3. + +

    spinner's dream handspun

    + +
      + +
    • yarn
      • + +
    + a skein of a lightly variegated grey yarn in about a sport or DK weight. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/big-pidge/index.html b/big-pidge/index.html new file mode 100644 index 0000000..87fd617 --- /dev/null +++ b/big-pidge/index.html @@ -0,0 +1,1699 @@ + + + + + + + + +big pidge | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

big pidge

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + + +

A large, large pigeon. Based on a fantastic photograph by Chris Price.

+

details

+

dimensions

+

5" x 5" or so

+

coloration

+

default: black, sometimes with some blue, purple, green "iridescence"

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    2. + +
  2. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    3. + +
  3. + +

    squarsh

    + +
      + +
    • print
      • + +
    + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/block-printing-transfer-method/index.html b/block-printing-transfer-method/index.html new file mode 100644 index 0000000..ef9406b --- /dev/null +++ b/block-printing-transfer-method/index.html @@ -0,0 +1,1732 @@ + + + + + + + + +block printing transfer method | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

block printing transfer method

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material. + + A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material. + + +

materials

+

for transfer

+ +

for carving

+ +

for printing

+ +

process

+
    +
  1. Cut printout and speedy-carve to desired overall shape
    2. +
  2. Paint an even layer of gel medium on both printout (inked side) and speedy-carve
    3. +
  3. Align the gel'd printout to the gel'd block, and press on using a brayer
    4. +
  4. Let dry. Really. Let it dry. Leave it be.
    5. +
  5. Dampen the back of the printout with a sponge or wet finger, then gently rub to remove paper
    6. +
  6. Done correctly, this should leave your image (and a thin layer of gel medium) on the speedy-carve
    7. +
+

references

+ + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    2. + +
  2. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    3. + +
  3. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/blue-and-brown-leather-journal/index.html b/blue-and-brown-leather-journal/index.html new file mode 100644 index 0000000..fb4529d --- /dev/null +++ b/blue-and-brown-leather-journal/index.html @@ -0,0 +1,1694 @@ + + + + + + + + +blue and brown leather journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

blue and brown leather journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A three panel collage showcasing a blue and brown leather-covered journal. + + A three panel collage showcasing a blue and brown leather-covered journal. + + +

A two-tone blue and brown leather journal closed by a button. The inside front cover has a small pocket.

+

details

+

dimensions

+
    +
  • cover: 5" x 7"
    • +
  • pages: 4 1/2" x 6 5/8"
    • +
+

coloration

+
    +
  • cover: bright and dark blue, brown
    • +
  • endpapers: n/a
    • +
+

pages

+
    +
  • Fabriano cards
    • +
  • 42 pages
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's notebook

    + +
      + +
    • book
      • + +
    • highlight
      • + +
    + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + +     +
    2. + +
  2. + +

    flocked notebook

    + +
      + +
    • book
      • + +
    + A two panel collage showing the cover and endpapers of a thick notebook. + +     +
    3. + +
  3. + +

    striped journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a journal with a striped cover. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/booby-congrats-on-the-top-surgery/index.html b/booby-congrats-on-the-top-surgery/index.html new file mode 100644 index 0000000..9266b5f --- /dev/null +++ b/booby-congrats-on-the-top-surgery/index.html @@ -0,0 +1,1688 @@ + + + + + + + + +booby (congrats on the top surgery) | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

booby (congrats on the top surgery)

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A landscape-oriented white card with a two-color print of a blue-footed booby. + + A landscape-oriented white card with a two-color print of a blue-footed booby. + + +

cheeky lil congrats on the top surgery card :D

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    2. + +
  2. + +

    give to trans orgs and people

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up. + +     +
    3. + +
  3. + +

    fix your hearts

    + +
      + +
    • print
      • + +
    + 2 copies of the same print, one in black ink and one in dark teal. The print is text that reads 'fix your hearts or die', with the text shaped into a somewhat long and narrow heart. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/bottom-growth/index.html b/bottom-growth/index.html new file mode 100644 index 0000000..e237d6d --- /dev/null +++ b/bottom-growth/index.html @@ -0,0 +1,1691 @@ + + + + + + + + +bottom growth | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

bottom growth

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + + +

Celebration of testosterone-driven bottom growth. Submitted for T! the Zine.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    euphorbia

    + +
      + +
    • print
      • + +
    + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + +     +
    2. + +
  2. + +

    artisans cooperative cards

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink + +     +
    3. + +
  3. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/bowtie/index.html b/bowtie/index.html new file mode 100644 index 0000000..764c484 --- /dev/null +++ b/bowtie/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +bowtie | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

bowtie

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A black leather bow tie with black stitching. + + A black leather bow tie with black stitching. + + +

Handstitched leather bowtie with standard clasp.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    2. + +
  2. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    3. + +
  3. + +

    leatherworking favorites

    + +
      + +
    • leather
      • + +
    + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/boypussy/index.html b/boypussy/index.html new file mode 100644 index 0000000..27ba50a --- /dev/null +++ b/boypussy/index.html @@ -0,0 +1,1707 @@ + + + + + + + + +boypussy | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

boypussy

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + + +

To order this as a shirt, please fill out the order form (Sep 2024: no longer taking orders via this method).

+

details

+

dimensions

+

3" x 8"

+

coloration

+

default: pink

+

available as

+

patch, print, greeting card, sticker, shirt, pin

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    greeting loons

    + +
      + +
    • card
      • + +
    • print
      • + +
    • highlight
      • + +
    + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + +     +
    2. + +
  2. + +

    loon

    + +
      + +
    • print
      • + +
    + A print of a loon rearing up with wings spread + +     +
    3. + +
  3. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/brookes-collar/index.html b/brookes-collar/index.html new file mode 100644 index 0000000..5d95312 --- /dev/null +++ b/brookes-collar/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +brooke&#39;s collar | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

brooke's collar

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + + +

3/4" wide collar with stainless/nickel fittings.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    x-acto knife sheath

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    bowtie

    + +
      + +
    • leather
      • + +
    + A black leather bow tie with black stitching. + +     +
    3. + +
  3. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/brookes-cuff-bracelets/index.html b/brookes-cuff-bracelets/index.html new file mode 100644 index 0000000..2b2047d --- /dev/null +++ b/brookes-cuff-bracelets/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +brooke&#39;s cuff bracelets | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

brooke's cuff bracelets

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Olive green leather cuffs with silver spikes and a shearling lining. + + Olive green leather cuffs with silver spikes and a shearling lining. + + +

To match brooke's collar.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    2. + +
  2. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    3. + +
  3. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/brookes-notebook/index.html b/brookes-notebook/index.html new file mode 100644 index 0000000..78c2380 --- /dev/null +++ b/brookes-notebook/index.html @@ -0,0 +1,1693 @@ + + + + + + + + +brooke&#39;s notebook | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

brooke's notebook

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + + +

A collage book full of different paper, art, and more.

+

details

+

coloration

+
    +
  • cover: pale green on one side, dark purple on the other, with a slightly reflective gold spine
    • +
  • endpapers: collaged papers in green and purple flowery/natural themes
    • +
+

pages

+
    +
  • varies. coloring pages, handmade paper, decorative paper, stamped pages, and more
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    baseball journal

    + +
      + +
    • book
      • + +
    + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + +     +
    2. + +
  2. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    3. + +
  3. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/brookes-scarf/index.html b/brookes-scarf/index.html new file mode 100644 index 0000000..b4bae42 --- /dev/null +++ b/brookes-scarf/index.html @@ -0,0 +1,1687 @@ + + + + + + + + +brooke&#39;s scarf | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

brooke's scarf

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + knit +
    • + +
+ +
+ + + + + A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes. + + A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes. + + +

pattern

+

Open Air Wrap by Purl Soho

+

yarns

+
    +
  • Hedgehog Fibres Kidsilk Lace in Goblin
    • +
  • ITO Sensai in Pale Blue
    • +
  • Rowan Kidsilk Haze in Mineral
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    on the shoulders of giants

    + +
      + +
    • zine
      • + +
    • knit
      • + +
    + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + +     +
    2. + +
  2. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    3. + +
  3. + +

    sideways canvas shirt

    + +
      + +
    • knit
      • + +
    + someone'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's notable that the stitches are turned 90 degrees from a standard knit garment. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/brookes-socks/index.html b/brookes-socks/index.html new file mode 100644 index 0000000..13b555b --- /dev/null +++ b/brookes-socks/index.html @@ -0,0 +1,1680 @@ + + + + + + + + +brooke&#39;s socks | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

brooke's socks

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + knit +
    • + +
+ +
+ + + + + Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray. + + Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray. + + +

My second pair of socks, knit for my partner. They use Schoppel-Wolle Das Paar yarn in the colorway Fruhjahrsputz / Spring Cleaning. This yarn is designed to produce identical striping for each sock, and it very nearly did, with only a tiny discrepancy notable as I got to the toes.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    acadia mitts

    + +
      + +
    • knit
      • + +
    + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + +     +
    2. + +
  2. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    3. + +
  3. + +

    on the shoulders of giants

    + +
      + +
    • zine
      • + +
    • knit
      • + +
    + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/brookes-suspenders/index.html b/brookes-suspenders/index.html new file mode 100644 index 0000000..ae9c014 --- /dev/null +++ b/brookes-suspenders/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +brooke&#39;s suspenders | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

brooke's suspenders

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + + +

for our 3 year anniversary :)

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    rachel's bracelets

    + +
      + +
    • leather
      • + +
    + Two pink leather bracelets with stainless steel hardware and aqua stitching. + +     +
    2. + +
  2. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    3. + +
  3. + +

    brooke's collar

    + +
      + +
    • leather
      • + +
    + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/brown-creeper/index.html b/brown-creeper/index.html new file mode 100644 index 0000000..7b71803 --- /dev/null +++ b/brown-creeper/index.html @@ -0,0 +1,1689 @@ + + + + + + + + +brown creeper | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

brown creeper

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + + +

Created for Stanza 2024, a show highlighting nonbinary artists and poets.

+

My art was inspired by the fantastic poem "A blurred arboreal" by Lore Kahuapāʻani.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    2. + +
  2. + +

    lupine

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + +     +
    3. + +
  3. + +

    big pidge

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/butch-hands-pattern/index.html b/butch-hands-pattern/index.html new file mode 100644 index 0000000..cd6e054 --- /dev/null +++ b/butch-hands-pattern/index.html @@ -0,0 +1,1758 @@ + + + + + + + + +butch hands pattern | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

butch hands pattern

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + + +

This pattern is a Work in Progress and will be updated with more information as I make a second pair of these.

+

Authorship and attribution

+
    +
  • Created: 12 March 2021
    • +
  • Last updated: 13 February 2023
    • +
+

This pattern was built on the Podster Gloves pattern by Glenna C. on Ravelry. I highly recommend reading and following that pattern to fill in gaps with this one.

+

Materials and tools

+
    +
  • bulky yarn
    • +
  • fingering yarn
    • +
  • Needles: size 8 DPNs, size 1.5 DPNs
    • +
+

Outline

+

These gloves are built in two parts: bulky yarn section, then fingering. First, with bulky yarn and larger needles, the ribbed cuff is knit in the round. From the cuff we build the back of the hand by working a portion of the stitches flat in stockinette. The back of the hand then forms the mitten top by making additional stitches and joining to work in the round again, then knitting until a taper and grafting the ends with Kitchener stitch.

+

With fingering yarn and smaller needles, we work from the leftover cuff stitches up to build the palm, using decreases to connect the edges of the bulky and fingering sections. A thumb gusset is built with increases, then put onto waste yarn to work later. When the palm is knit to the point it aligns with the start of the mitten top, we pick up stitches from the inside edge of the mitten top and join to knit the rest of the hand and fingers in the round. Finally, we split off fingers and work each separately, including returning to finish the thumb.

+

Directions

+

Cuff

+

With larger needles and bulky yarn, CO 28 (N) stitches and join to work in the round, placing a BOR marker. Work in k1p1 rib or your preferred rib until desired length of cuff is reached, then stop at BOR.

+

Back of hand

+

Remove BOR marker. Turn to work WS.

+

p15 (N/2 + 1) stitches. Place a locking stitch marker into the first and last stitches of this row for a reference point later. Turn to work RS.

+

Back of hand repeat:

+
    +
  • RS: k15
    • +
  • WS: p15
    • +
+

Repeat until work sits just below the knuckles, ending with a RS row.

+

Thread a piece of waste yarn through all back of hand stitches. This is used as a reference point later to pick up stitches for the hand.

+

Mitten top

+

At the end of a RS row, place a BOR marker, then make 13 (N/2 -1) stitches using the backwards loop cast on or your preferred method. Join to work in the round.

+

Establish a ribbed cuff on the palm side of the mitten top while leaving the back of the hand in stockinette:

+
    +
  • (k1, p1) x7, k1 (15 stitches in rib)
    • +
  • k13
    • +
+

Repeat for 4 rows or your desired length.

+

Knit in stockinette until work is about level with the end of the pinky finger.

+

Mitten top decreases:

+
    +
  • Row 1: (k1, ssk, k7, k2tog, k1) x2 (4 stitches decreased, 22 stitches remaining)
    • +
  • Row 2: k all stitches
    • +
  • Row 3: (k1, ssk, k5, k2tog, k1) x2 (4 stitches decreased, 18 stitches remaining)
    • +
  • Row 4: k all stitches
    • +
  • Row 5: (k1, ssk, k3, k2tog, k1) x2 (4 stitches decreased, 14 stitches remaining)
    • +
+

Place first 7 stitches onto one needle and second 7 stitches on to another. Graft together using Kitchener stitch or your preferred method.

+

You can alternately begin the decreases on the pinky side of the hand earlier than on the pointer side - this will make the mitten top fit the hand closer.

+

Establishing the palm

+

You will now start to work with the other stitches left by the cuff, on the RS. Use smaller needles and fingering weight yarn.

+

Start by making 1 from the yarn between the back of hand (BOH) stitches and your first stitch. Then kfb (or your preferred increase) across all remaining cuff stitches. Make 1 more stitch from the yarn between your stitches and the BOH. You should have 28 (N) stitches.

+

At the end of your RS row, pick up the selvedge stich below the stitch we marked earlier. Then turn your work.

+

k2tog - the selvedge stitch and your last stitch. purl across to the last stitch in the row, then ssk that stitch together with, again, the selvedge stitch below the marked stitch. Turn your work.

+

Palm repeat:

+
    +
  • RS: sl1 wyif, knit to last stitch, sl1 wyif, pick up next selvedge stitch
    • +
  • WS: k2tog (selvedge stitch and last stitch), purl to last stitch, ssk (last stitch and picked up selvedge stitch)
    • +
+

You only need to do this one or two times before starting the thumb gusset.

+

Thumb gusset

+

I diverge slightly from the Podster Gloves pattern here in that there is only one line of increases going up this thumb, and so we increase more frequently.

+

Follow right or left hand instructions accordingly until you have added 16-20 stitches depending on thumb size.

+

Right hand thumb

+
    +
  • RS: sl1 wyif, k2, knit all added gusset stitches, m1R, knit to end according to Palm
    • +
  • WS: follow Palm instructions
    • +
+

If you would like to place a marker for the increases, I recommend setting that up as follows:

+
    +
  • RS: sl1 wyif, k2, [knit 0 gusset stitches,] m1R, k1, place marker, ...
    • +
+

and then on future RS:

+
    +
  • RS: sl1 wyif, knit to one stitch before marker, m1R, k1, slip marker, ...
    • +
+

This ensures that you are not doing your make ones with a marker in the way. But I generally don't use the marker and just knit all the "new" stitches before doing the m1R.

+

Left hand thumb

+

To be continued...

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's scarf

    + +
      + +
    • knit
      • + +
    + A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes. + +     +
    2. + +
  2. + +

    knit shrimp

    + +
      + +
    • knit
      • + +
    + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + +     +
    3. + +
  3. + +

    acadia mitts

    + +
      + +
    • knit
      • + +
    + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/chanterelle/index.html b/chanterelle/index.html new file mode 100644 index 0000000..ea8e2b6 --- /dev/null +++ b/chanterelle/index.html @@ -0,0 +1,1696 @@ + + + + + + + + +chanterelle | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

chanterelle

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient. + + A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient. + + +

Hand carved stamp based on a photo of chanterelle mushrooms.

+

details

+

dimensions

+

about 2" square

+

coloration

+

default: 2-tone yellow

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    2. + +
  2. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    3. + +
  3. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/charlie-the-alpaca-handspun/index.html b/charlie-the-alpaca-handspun/index.html new file mode 100644 index 0000000..b4fcffe --- /dev/null +++ b/charlie-the-alpaca-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +charlie the alpaca handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

charlie the alpaca handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + + +

Fiber from Circle R Ranch. 100% alpaca, from Charlie the alpaca.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    spinning plants

    + +
      + +
    • yarn
      • + +
    + 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) + +     +
    2. + +
  2. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    3. + +
  3. + +

    rambouillet handspun

    + +
      + +
    • yarn
      • + +
    + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/circle-bag/index.html b/circle-bag/index.html new file mode 100644 index 0000000..8fe1b9a --- /dev/null +++ b/circle-bag/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +circle bag | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

circle bag

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + + +

it's roumd

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    2. + +
  2. + +

    leaf patches

    + +
      + +
    • leather
      • + +
    + Several oak-leaf-shaped leather patches with stitching holes punched around the edges. + +     +
    3. + +
  3. + +

    vertical zipper card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/colophon/index.html b/colophon/index.html new file mode 100644 index 0000000..e5fb031 --- /dev/null +++ b/colophon/index.html @@ -0,0 +1,1026 @@ + + + + + + + + +colophon | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + +

colophon

+ +

This is v2 of my personal website, built with Eleventy v3.1.2 and hosted by heckin' technology. It's been hand-coded from the ground up.

+

v1 of this site began in 2022 and was based on Millennial, a minimalist Jekyll theme for running a blog or publication by Paul Le.

+

The fonts are Atkinson Hyperlegible Next and Atkinson Hyperlegible Mono for standard text and monospace respectively, specifically designed for low-vision readers to improve character recognition. Also they look neat :)

+

Thank you to some lovely friends for their feedback and help with the site! You should hire them. Yes, you.

+
    +
  • Lenny, especially for their HTML/CSS and accessibility expertise
    • +
  • Shir
    • +
+

You can find the accessibility statement here. If you'd like, you can view the site's palette or the style overview. You can also explore the sitemap.

+

This site is created without the use of generative AI.

+ + + +
+ + + + + + + diff --git a/coming-out/index.html b/coming-out/index.html new file mode 100644 index 0000000..1da6ba6 --- /dev/null +++ b/coming-out/index.html @@ -0,0 +1,1700 @@ + + + + + + + + +coming out | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

coming out

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + + +

details

+

dimensions

+

3" x 5"

+

coloration

+

default: black

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    2. + +
  2. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    3. + +
  3. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/comparing-text-editors/index.html b/comparing-text-editors/index.html new file mode 100644 index 0000000..ae4a69b --- /dev/null +++ b/comparing-text-editors/index.html @@ -0,0 +1,1900 @@ + + + + + + + + +comparing text editors | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

comparing text editors

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

I'm fucking depressed. No, not like mental health depressed (okay, look, that too, but that's not relevant here). Looking to switch text editors, I reviewed 6 different options...and what I found didn't thrill me.

+
+

this post contains comparison tables that are far more viewable on desktop/tablet

+
+

the editors

+

the editors I reviewed, in no particular order, are:

+
    +
  • VSCode (my current daily driver which I've been wanting to leave behind for a while now)
    • +
  • Zed (an editor I've been tentatively interested in)
    • +
  • Kate (recommended to me semi-recently on the fediverse, but one I quickly wrote off at the time because of clunkiness)
    • +
  • Lapce (recommended via fedi)
    • +
  • Pulsar (a fork of the discontinued Atom editor, recommended again by fedi, in the course of this review)
    • +
  • and finally, Sublime Text (my daily driver back in college)
    • +
+

the qualities

+

I reviewed looking for 5 major functional qualities that I considered to be my most useful or heavily-used features:

+
    +
  • .editorconfig support
    • +
  • find and replace with regex support
    • +
  • WSL support (including, because apparently this is an issue, the ability to delete files from inside the editor) (this is the highest priority - I do all work in WSL)
    • +
  • multi-edit (e.g. ability to select multiple instances of a word and edit them all) (this is the most discardable functionality, as it can be replaced with find-and-replace)
    • +
  • markdown preview
    • +
+

3 less important, but preferred, aesthetic qualities:

+
    +
  • clean, modern UI
    • +
  • file type icons
    • +
  • ability to customize the color scheme (ideally per-color settings, but that's uncommon)
    • +
+

and finally, 3 ethical and trustworthiness qualities:

+
    +
  • no LLM features
    • +
  • for products with LLM features: single setting to turn off LLM features
    • +
  • trust that product longevity will not be affected by LLM-generated code
    • +
+

(in other words: no LLMs).

+

the comparison charts

+

functional qualities

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
.editorconfigfind-and-replaceWSLmulti-edit.md preview
VSCodeyes[1]yesyes[1]yesyes
Zedyes[1]yesyesyesyes
Kateyesyesno[2]yesno
Lapcenoyesno[3]yesno
Pulsarnoyesno[3]yesyes
Sublime Textyesyesno[3][4]yesno[5]
+

[1] extension needed: VSCode .editorconfig, VSCode WSL, Zed .editorconfig

+

[2] I could open a WSL directory in Kate, but couldn't see any files. I confirmed that opening a Windows directory worked as expected.

+

[3] opening the project worked fine, but I couldn't delete files. In Sublime Text's case, they were deleted but still shown in the file view.

+

[4] saving a new file opens the save menu in the Windows File Explorer, which frankly makes me a bit afraid. Touching your WSL files from Windows is generally a bad idea.

+

[5] I explored two different add-on packages for Markdown preview support. Markdown Live Preview and MarkdownPreview. Markdown Live Preview opened a whole new window scoped only to the specific .md file. MarkdownPreview previewed in browser. Neither of these match the behavior I am looking for.

+

aesthetic qualities

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
UIfile iconscolor scheme
VSCodeyesyesyes[1]
Zedyesyesyes[2]
Katenoyesyes[2]
Lapceyesnoyes[3]
Pulsaryesnoyes[1]
Sublime Textyesyesyes
+

[1] several color schemes available. Further extensions available.

+

[2] several color schemes available.

+

[3] only light and dark schemes available. Further plugins available.

+

ethical qualities

+

this is my best guess based on searching online and reviewing the settings; it's kind of hard to really confirm these things. I am judging the last quality - whether or not the devs are using LLMs - based on the existence of prompts directories in the projects' repositories.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
no LLM featuresLLM kill switchno LLM code
VSCodenonono[1]
Zednoyesno[2]
Kateyesn/ayes
Lapceyesn/ayes
Pulsaryesn/ayes[3]
Sublime Textyesn/aunknown[4]
+

[1] prompts directory

+

[2] looks like at current LLMs are only used for documentation

+

[3] it's been discussed and sounds currently up for debate: Pulsar, Sublime Text

+

[4] I couldn't find the source code for Sublime Text online; I assume it's not OSS. If you know where it is, point me in that direction.

+

summary

+

I'll be honest, I just don't know. The functionality is not something I can easily compromise on. TBH, I figured I had pretty basic needs as a developer, but it seems that's not the case! The only editors that meet my functionality needs across the board are also the worst offenders on the LLM front.

+

at the end of the day, I might just have to keep looking... but regardless, I wanted to publish what I found to help anyone else with similar needs.

+

corrections and edits

+
    +
  • Kate does have multi-edit
    • +
  • Lapce has plugins for further color schemes
    • +
  • VSCode WSL support requires an extension
    • +
  • Zed .editorconfig support requires an extension
    • +
+

WSL2 and Linux GUIs

+

I learned that WSL2 can support GUI apps so I tried this for a few. Pulsar did not work; Sublime Text worked but the UI scale was teensy and was not affected by the ui_scale setting.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    2. + +
  2. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    3. + +
  3. + +

    moving images

    + +
      + +
    • software
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/congrats-on-the-autism-adhd/index.html b/congrats-on-the-autism-adhd/index.html new file mode 100644 index 0000000..92d8ec6 --- /dev/null +++ b/congrats-on-the-autism-adhd/index.html @@ -0,0 +1,1707 @@ + + + + + + + + +congrats on the autism/adhd | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

congrats on the autism/adhd

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + + +

Hand carved modular stamps to congratulate your friend or yourself on your fantastic neurodivergence.

+

As these are modular, I can expand the range of terms offered if there is demand for it.

+

details

+

dimensions

+

roughly 4" x 3"

+

coloration

+

default: onyx black

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    2. + +
  2. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    3. + +
  3. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/congrats-on-the-gay/index.html b/congrats-on-the-gay/index.html new file mode 100644 index 0000000..ea90dcd --- /dev/null +++ b/congrats-on-the-gay/index.html @@ -0,0 +1,1697 @@ + + + + + + + + +congrats on the gay | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

congrats on the gay

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + + +

A variation on my congrats on the autism/adhd cards.

+

Hand carved modular stamps to congratulate your friend or yourself on your fantastic gayness.

+

As these are modular, I can expand the range of terms offered if there is demand for it.

+

details

+

dimensions

+

roughly 4" x 3"

+

coloration

+

default: onyx black with rainbow lettering on 'Gay!'

+

available as

+

print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    networks of trans care

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk. + +     +
    2. + +
  2. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    3. + +
  3. + +

    queer book list

    + +
      + +
    • gender
      • + +
    + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/contact/index.html b/contact/index.html new file mode 100644 index 0000000..4383a67 --- /dev/null +++ b/contact/index.html @@ -0,0 +1,1106 @@ + + + + + + + + +contact | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + +

contact

+ +

contact me

+
+
email
+
lee dot cattarin at gmail dot com
+
signal
+
seven seven four, two four nine, zero five eight six
+
text (no phone calls!)
+
seven seven four, two four nine, zero five eight six
+
discord
+
inherentlee
+
snail mail
+
message me for address!
+
guestbook?
+
guestbook.
+
+

socials

+
+
the fediverse/mastodon
+
@inherentlee@flipping.rocks and @inherentlee@weirder.earth (weirder.earth largely unused)
+
rss
+
feed
+
codeberg
+
inherentlee
+
github
+
lee0c
+
ravelry
+
inherentlee
+
twitch
+
inherentlee
+
+
+

shops

+

if pricing is an issue for you, reach out and we can work out sliding scale options - or an art trade!

+
+
square
+
Riverside Refuge Studio
+
faire (wholesale)
+
Riverside Refuge Studio
+
kofi (now the home of FediZineFest 2025 and Rescue Trans Rescue)
+
inherentlee
+
+

payment methods

+
+
venmo
+
lee-cattarin
+
paypal
+
leecattarin
+
+
+

in physical stores

+

Find me at various art shows and fairs.

+

Colorado

+

Denver

+ +

Oregon

+

Beaverton

+ +

Washington

+

Seattle

+ +

Tacoma

+
    +
  • Anna's Anomalies (Sanford and Sons Antiques, 743 Broadway, Tacoma, WA, 98402): stickers, pins, cards, prints
    • +
+

Vashon

+ +
+

not online or online unreliably

+
+
linkedin
+
Lee Cattarin
+
instagram
+
inherentlee
+
facebook
+
Lee Cattarin
+
twitter
+
inherentlee
+
+ + + +
+ + + + + + + diff --git a/coral-reef-handspun/index.html b/coral-reef-handspun/index.html new file mode 100644 index 0000000..8337253 --- /dev/null +++ b/coral-reef-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +coral reef handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

coral reef handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + + +

Fiber from Jakira Farms in Coral Reef colorway. 100% merino.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    2. + +
  2. + +

    spinning plants

    + +
      + +
    • yarn
      • + +
    + 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) + +     +
    3. + +
  3. + +

    icelandic lamb handspun

    + +
      + +
    • yarn
      • + +
    + a skein of black handspun yarn + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/crow/index.html b/crow/index.html new file mode 100644 index 0000000..c822e4f --- /dev/null +++ b/crow/index.html @@ -0,0 +1,1681 @@ + + + + + + + + +crow | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

crow

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + + + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    2. + +
  2. + +

    brown creeper

    + +
      + +
    • print
      • + +
    + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + +     +
    3. + +
  3. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/designing-a-bag/index.html b/designing-a-bag/index.html new file mode 100644 index 0000000..23b422d --- /dev/null +++ b/designing-a-bag/index.html @@ -0,0 +1,1692 @@ + + + + + + + + +designing a bag | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

designing a bag

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

begin by testing

+

the first step in any design is small tests. For leatherwork, this usually means working with paper - cheaper than leather, but with some of the same inflexibility.

+

build up from basic facts

+

my grommets, laid out on paper, spaced out cleanly at 1/2" away from edges and 1" apart. My tablet is ~10"x8". I started with these facts.

+

template, template, template

+

don't measure out the same spacing any more than you have to. Templating is your friend for both ease of use and regularity.

+

mind the order of your work

+

the corners should be stitched before lacing in order to get into tight spaces easily. Grommets are set most easily before the work is 3-dimensional. It's cleanest to cut before grommets are installed so as to work on a smooth and level surface. Hold all this in your mind when choosing your next move, and ensure you don't step on your own toes.

+

consider v2

+

even if you won't be making one, what would you do differently? Where does your design fail? Where does it succeed?

+

take notes

+

easier said than done.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    backend accessibility

    + +
      + +
    • software
      • + +
    + A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font. + +     +
    3. + +
  3. + +

    double bill pocket bifold

    + +
      + +
    • leather
      • + +
    + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/domain-and-site-setup/index.html b/domain-and-site-setup/index.html new file mode 100644 index 0000000..2f8cc45 --- /dev/null +++ b/domain-and-site-setup/index.html @@ -0,0 +1,1727 @@ + + + + + + + + +domain and site setup | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

domain and site setup

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass. + + Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass. + + +

This was written as a skill share for the Artisans Cooperative blog.

+

In this writeup, I will walk through one (of many!) ways to set up and utilize a custom domain and website.

+

Audience

+

This is aimed at a non-technical audience, but my own perspective is technical and some of the articles I link to will get technical. Because of this, it's possible that I will miss things that you have questions on - please reach out to me and ask questions!

+

Outcome

+

After following this writeup, you should have:

+
    +
  • a domain name: domain names identify internet locations with an easier-to-remember string than an IP (Internet Protocol) address.
    • +
  • a static website: static means that the site has fixed, pre-built assets that remain the same regardless of who is viewing them (or the time of day, or the weather, or...). A static site can still vary widely in complexity! I created my static site using GitHub Pages, a free offering that requires some technical skill to configure, but I'll mention some alternate routes that require less technical know-how, including simply letting your domain name point to an existing site you don't control - like your Artisans Cooperative storefront.
    • +
+

This writeup will not cover every possible route to getting your own home on the web - there's far too many options out there. It's just meant to give you a starting point and a few ideas.

+

Domain name

+

Top-level domains (TLDs)

+

I started planning my domain name by reviewing the list of TLDs - things like ".org" or ".com". ICANN (the Internet Corporation for Assigned Names and Numbers) maintains a list of all TLDs - it's long! Reviewing this list can help you think of potential domain names. You can also look at a list like this one Wikipedia maintains - it has more detail and can tell you if a specific TLD is for a given country, reserved for specific uses, or (what you probably want) for general use.

+

Personally, I narrowed it down to two - ".art" or ".gay". From there, it's off to the domain registrars! These are companies that offer domain names for sale. Here's an article from Forbes Advisor reviewing some of the major names in the space. I use Namecheap, but don't let that bias you. Look around at pricing (pay attention to the rate for year 2 onward - domain registrars often offer super low year 1 rates to hook customers) and consider other features, like support availability.

+

Decide on a full domain name

+

Narrowing down a TLD isn't the only choice - you also need to decide what goes in front of that! Some things to think about:

+
    +
  • memorable: Shorter domain names and domain names with clearly recognizable words are helpful for both you and your audience. If you're anything like me, your site might end up as a repository for all sorts of knowledge and references, and being able to quickly type up or relay a URL is a plus.
    • +
  • distinct: Is it unique? Avoid domains that are only a character off from more commonly visited websites or that sound particularly generic.
    • +
  • constant: While you can change domains frequently if you wish (and might want to if you're tight on cash - again, year 1 offers are cheap!), reprinting all your marketing materials is no fun. Aim to pick something that has staying power, like your own or your business' name.
    • +
+

In my case, I went with leecat.art. The ".art" TLD was cheaper than the ".gay" option long-term, and I shortened my full, somewhat hard to spell name to a quick two syllables, 3 characters each.

+

Buy your domain

+

Pick a domain registrar that offers the domain name you want, and pay (usually for a year). Next, we'll talk about some uses for this domain name.

+

Using your domain name

+

Option 1: simple redirect

+

The easiest way to utilize a domain name is to have it redirect to another URL. I'm not going to go through how to set up a domain redirect with every possible provider, but if you search up "[your domain registrar] redirect" you should find useful documentation.

+ +

Link trees (popularized by linktree) are a single page with a collection of links maintained by an owner. You can use linktree or check out this WIRED article with alternatives. Some are paid, usually small monthly fees, and some are free.

+

Option 2: static site with GitHub Pages

+

Wait, what's GitHub?

+

GitHub - wait, no.

+

First, let's talk about git. Git is a version control system, a type of software that manages changes to a set of files. This allows the owner(s) of those files to do things like revert changes or compare current and historical versions of files. It also allows for multiple people to work on the same shared file repository without creating conflicts.

+

GitHub is a centralized source for many, many git repositories. It essentially allows you to back up both your code and the log of all changes to the cloud (someone else's computer). It also supports GitHub Pages, a free way to host a static site of your own.

+

To get started with GitHub, you'll first need to create an account if you don't have one. If you want to learn some GitHub basics, the GitHub team has created this handy introduction to GitHub that walks you through some basic git and GitHub concepts.

+

Now that we know what GitHub is...

+

The GitHub documentation is pretty thorough, so let's point to some articles over there.

+ + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    eleventy lessons

    + +
      + +
    • software
      • + +
    + Image unrelated to post. Close up on a pale green hellebore flower. + +     +
    2. + +
  2. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    3. + +
  3. + +

    screen reader optimizations

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A crow poses on driftwood against a whitish sky. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/double-bill-pocket-bifold/index.html b/double-bill-pocket-bifold/index.html new file mode 100644 index 0000000..8a397be --- /dev/null +++ b/double-bill-pocket-bifold/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +double bill pocket bifold | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

double bill pocket bifold

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + + +

continuing to iterate on bifolds. made of a variety of discount leather with various imperfections. fully hand-stitched.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    fishhook pride keychains

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + +     +
    2. + +
  2. + +

    vertical zipper card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + +     +
    3. + +
  3. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/dragon-mask/index.html b/dragon-mask/index.html new file mode 100644 index 0000000..f23232b --- /dev/null +++ b/dragon-mask/index.html @@ -0,0 +1,1683 @@ + + + + + + + + +dragon mask | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

dragon mask

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

pattern by PaintYee

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    vertical bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + +     +
    2. + +
  2. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    3. + +
  3. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/dyeing-fiber/index.html b/dyeing-fiber/index.html new file mode 100644 index 0000000..0a63748 --- /dev/null +++ b/dyeing-fiber/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +dyeing fiber | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

dyeing fiber

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + + +

hand-dyed with acid dyes

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    2. + +
  2. + +

    icelandic lamb handspun

    + +
      + +
    • yarn
      • + +
    + a skein of black handspun yarn + +     +
    3. + +
  3. + +

    rambouillet handspun

    + +
      + +
    • yarn
      • + +
    + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/ecommerce-options/index.html b/ecommerce-options/index.html new file mode 100644 index 0000000..ad4f94e --- /dev/null +++ b/ecommerce-options/index.html @@ -0,0 +1,1658 @@ + + + + + + + + +ecommerce options | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

ecommerce options

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + Image unrelated to post. A loon rearing up with eir wings spread on a calm lake. + + Image unrelated to post. A loon rearing up with eir wings spread on a calm lake. + + +

Artisans Cooperative

+
    +
  • using this. clunky. variants are unintuitive.
    • +
  • allows me to set alt text for images.
    • +
  • points for being a cooperative model
    • +
+

bigCartel

+

Etsy

+
    +
  • fuck etsy mxn
    • +
+

Kofi

+
    +
  • using this currently, but it has a strict no-NSFW policy.
    • +
+

nopCommerce

+
    +
  • open source! hosting is a bit of a pain
    • +
  • has an Azure hosting option that was easy enough to spin up
    • +
+

PrestaShop

+
    +
  • open source! hosting is a bit of a pain
    • +
+

Shopify

+
    +
  • $30/month minimum after a few free months.
    • +
+

Square

+
    +
  • this is my current preference.
    • +
  • has a free tier! pay per transaction rather than monthly.
    • +
  • only irritation point so far: managing shipping myself actually costs me money? there's a fee for not using Square's integrated shipping.
    • +
  • does not support alt text for background images or product images, which, wtf
    • +
  • keyboard navigation of the main menu fails when there are nested categories below any menu item - focus lands on each category without expanding the menu item
    • +
  • support blows
    • +
  • legal name only policy apparently which ewwwww
    • +
+

WooCommerce

+
    +
  • WordPress only.
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/eight-pocket-bifold/index.html b/eight-pocket-bifold/index.html new file mode 100644 index 0000000..ba17dd3 --- /dev/null +++ b/eight-pocket-bifold/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +eight pocket bifold | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

eight pocket bifold

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

a slight change to the first wallet design. made of a variety of discount leather with various imperfections. fully hand-stitched.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    mousie

    + +
      + +
    • leather
      • + +
    + A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + +     +
    2. + +
  2. + +

    x-acto knife sheath

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    3. + +
  3. + +

    piñatex wallet with zipper

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/eleventy-lessons/index.html b/eleventy-lessons/index.html new file mode 100644 index 0000000..6009473 --- /dev/null +++ b/eleventy-lessons/index.html @@ -0,0 +1,1973 @@ + + + + + + + + +eleventy lessons | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

eleventy lessons

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. Close up on a pale green hellebore flower. + + Image unrelated to post. Close up on a pale green hellebore flower. + + +

recently I wrote several sites using Eleventy (4? 5?). Including, over the past few days, rewriting this one! That's right, if you're reading this, we're now running on 11ty and hosted by heckin.technology. See ya, GitHub. Won't miss ya.

+

Originally, I compiled some of the things I've learned in a standalone site.

+

however, since I don't know how much I'll focus on that specific site - it is mostly a sample - I am re-publishing the most useful information here. I'll skip the intro to Markdown content. I'm also going to update them where I've learned more or to better match what's represented on this site.

+

this will comprise of 4 parts: related posts, featured images, pagination, and tag image preview. Feel free to jump ahead, as none depend on the others.

+
+ +

by default, the Eleventy base blog comes with pagination between posts. Post 2 can take you to posts 1 and 3, etc.

+

while that is useful for this site, when building another site I wanted to see a couple randomly-suggested posts that shared 1 or more tags.

+

I started by referring to this GitHub issue about related posts. I had to fix a few errors that arose from the suggested code.

+

I also wanted to make three changes:

+
    +
  1. I didn't want to just see posts that shared all tags, but rather posts that shared any tag
    2. +
  2. I wanted to randomly add a few posts instead of just getting whatever was first (with a shared tag) in the post order
    3. +
  3. I wanted to exclude the posts that I could reach with between-post pagination
    4. +
+

filters.js

+

after adjusting for those needs, I had the following in filters.js:

+
eleventyConfig.addFilter("excludeFromCollection", function (collection=[], urls=[this.ctx.page.url]) {
+  return collection.filter(post => urls.indexOf(post.url) === -1);
+});
+
+eleventyConfig.addFilter("filterByTags", function(collection=[], ...requiredTags) {
+  return collection.filter(post => {
+    return requiredTags.flat().some(tag => post.data.tags.includes(tag));
+  });
+});
+
+eleventyConfig.addFilter("randomize", function(array) {
+  // Create a copy of the array to avoid modifying the original
+  let shuffledArray = array.slice();
+
+  // Fisher-Yates shuffle algorithm
+  for (let i = shuffledArray.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [shuffledArray[i], shuffledArray[j]] = [shuffledArray[j], shuffledArray[i]];
+  }
+
+  return shuffledArray;
+});
+

post.njk

+

I used this in my post layout. filterTagList comes with the base blog by default, and removes the tags "posts" and "all." head also comes with the base blog. postlist.njk is my modified-from-the-base-blog post layout.

+
{% set relevantTags = tags | filterTagList %}
+
+{% set olderPost = collections.posts | getPreviousCollectionItem %}
+{% set newerPost = collections.posts | getNextCollectionItem %}
+{% set urlsToExclude = [page.url, olderPost.url, newerPost.url]}
+
+{% set postlist = collections.posts | filterByTags(relevantTags) | excludeFromCollection(urlsToExclude) | randomize | head(3) %}
+{% if postlist.length %}
+<section class="related-posts">
+	<h2>related posts</h2>
+  {% include "postlist.njk" %}
+</section>
+{% endif %}
+

and that sorts related posts.

+
+ +

images in 11ty use the Image Transform Plugin. I found it hard to find anything to reference while building this - a lot of sites in the template gallery are either text-heavy or not using the plugin - so I'm reproducing what I've got here for reference.

+

file structure

+
content/
+|--img/
+|  |--sample-0.jpg
+|  |--sample-1.jpg
+|  `--etc
+|--posts/
+|  |--lesson-0-front-matter-and-urls.md
+|  |--lesson-1-headings-paragraphs-and-horizontal-lines.md
+|  `--etc
+`--etc
+
+

front matter

+

for any given post, my front matter references the image in this manner:

+
---
+image:
+  src: sample-0.jpg
+  alt: moss on a fencepost
+---
+
+

image HTML transform

+

As mentioned, there's a plugin for images. If you started with the base blog, in eleventy.config.js, you'll probably find a chunk of code similar to this already in place:

+
eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
+  formats: ["auto"],
+
+  widths: [640],
+  failOnError: true,
+  htmlOptions: {
+    imgAttributes: {
+      // e.g. <img loading decoding> assigned on the HTML tag will override these values.
+      loading: "lazy",
+      decoding: "async",
+    }
+  },
+
+  sharpOptions: {
+    animated: true,
+  },
+});
+

setting formats to "auto" helps - use whatever type of image you want, get that type out. The default settings that came with the Eleventy base blog didn't set a width, which I wanted (by default, images off my camera - like the hellebore featured image for this post - are almost 5k pixels wide). I also found it helpful to set failOnError to true for a little more feedback.

+
+

NOTE: It sure seems like Eleventy will fail your image processing if there's no alt text. While admirable, it would be nice if I could find any documentation for this!

+
+

passthrough copy

+

as I worked through this, I thought I needed a passthrough copy for a while. You don't - just let the plugin do its thing.

+

templating

+

I needed images to show up in 3 places:

+
    +
  • In the lists of posts on the home page, I wanted each post to show its featured image
    • +
  • In the "related posts" section on each individual post, I wanted each related post to show its featured image
    • +
  • And of course, I wanted the post to show its own featured image
    • +
+

home page and related posts

+

both of these sections use the same template, which in my setup is called postlist.njk. Within the relevant links, I added the following:

+
{% if post.data.image.src %}
+  <img src="/img/{{ post.data.image.src }}" alt="{{ post.data.image.alt }}">
+{% else %}
+  <div class="missing-image"></div>
+{% endif %}
+

post body

+

the post body looks similar:

+
{% if image.src %}
+<img class="featured-img" src="/posts/img/{{ image.src }}" alt="{{ image.alt }}">
+{% endif %}
+

together, that sets up featured images for posts.

+
+

pagination

+

simple pagination

+

Post pagination in Eleventy is pretty straightforward, mostly requiring some specific front matter.

+

The home page pagination I have set up here looks like the following (in index.njk):

+
---
+pagination:
+  data: collections.posts
+  size: 13
+  alias: posts
+  reverse: true
+---
+
+

6 posts per page, paginate data from collections.posts which we'll call just posts for short, and do it in reverse (aka, most recent posts show first).

+

You'll also likely want previous and next buttons. I did. Here's what I have...

+

pagination.njk

+

There's two components to this, the bigger one being this pagination.njk template. Look, I like my little icons, ok? It takes an olderHref and a newerHref, and optionally an olderTitle and newerTitle.

+
{% if olderHref or newerHref %}
+<nav aria-label="pagination">
+  <ol class="pagination {% if inPost %}post-pagination{% endif %}">
+    {% if olderHref %}
+    <li class="older">
+      <a href="{{ olderHref }}">
+        <i class="fa-solid fa-hand-point-left" aria-hidden="true"></i>
+        {{ olderTitle or "older" }}
+      </a>
+    </li>
+    {% endif %}
+    {% if newerHref %}
+    <li class="newer">
+      <a href="{{ newerHref }}">
+        {{ newerTitle or "newer" }}
+        <i class="fa-solid fa-hand-point-right" aria-hidden="true"></i>
+      </a>
+    </li>
+    {% endif %}
+  </ol>
+</nav>
+{% endif %}
+

calling the template

+

From index.njk we can include "pagination.njk":

+
{# idk why these are backwards either #}
+{% set newerHref = pagination.href.previous %}
+{% set olderHref = pagination.href.next %}
+{% include "pagination.njk" %}
+
+

Yup. The order of previous vs. next is totally unintuitive to me, too.

+

complex pagination

+

however, there's a catch. Tag pages are created via pagination! It's a lot harder to paginate those - you can't just use the front matter to set it up.

+

I untangled this GitHub issue about double-layered pagination and came to the following solution...

+

eleventy.config.js

+

in eleventy.config.js:

+
// note that this uses the lodash.chunk method, so you’ll have to import that
+eleventyConfig.addCollection("tagPagination", function(collection) {
+  // Get unique list of tags
+  let tagSet = new Set(collection.getAllSorted().flatMap((post) => post.data.tags || []));
+  // Remove "structural" tags
+  tagSet = tagSet.difference(new Set(["posts"]));
+
+  // Get each item that matches the tag
+  let paginationSize = 6;
+  let tagMap = [];
+  let tagArray = [...tagSet];
+
+  for( let tagName of tagArray) {
+    let tagItems = collection.getFilteredByTag(tagName);
+    let pagedItems = chunk(tagItems.reverse(), paginationSize);
+
+    for( let pageNumber = 0, max = pagedItems.length; pageNumber < max; pageNumber++) {
+      tagMap.push({
+        tagName: tagName,
+        pageNumber: pageNumber,
+        pageSize: pagedItems.length,
+        pageData: pagedItems[pageNumber]
+      });
+    }
+  }
+
+  return tagMap;
+});
+

tag-pages.njk

+

in my tag-pages.njk file (or whatever you use to template out your tag pages):

+
---
+pagination:
+  data: collections.tagPagination
+  size: 1
+  alias: tag
+eleventyComputed:
+  permalink: /tags/{{ tag.tagName | slugify }}/% if tag.pageNumber %{{ tag.pageNumber + 1 }}/% endif %
+  title: "Posts tagged {{ tag.tagName }}"
+eleventyExcludeFromCollections: true
+---
+<h1>Posts tagged “{{ tag.tagName }}”</h1>
+
+{% set postlist = tag.pageData %}
+{% include "postlist.njk" %}
+
+{# idk why these are backwards either #}
+{% if tag.pageNumber > 0 %}
+  {% set newerHref = pagination.href.previous %}
+{% endif %}
+{% if tag.pageNumber < tag.pageSize - 1 %}
+  {% set olderHref = pagination.href.next %}
+{% endif %}
+{% include "pagination.njk" %}
+

note the pagination checking tag.pageNumber against tag.PageSize - the original suggested solution in the GitHub post creates an issue where the pagination loops through all of the tag pages bit-by-bit. This sorts that - hat tip to TheReyzar who mentioned the issue and showed part of their solution.

+

filters.js (again)

+

finally, in my filters.js file, I add the tagPagination tag to the tags that get filtered using filterTagList:

+
eleventyConfig.addFilter("filterTagList", function filterTagList(tags) {
+  return (tags || []).filter(tag => ["all", "posts", "tagPagination"].indexOf(tag) === -1);
+});
+
+

tag image preview

+

today I tackled making the tag page more visually interesting.

+ +

first, I worked on previewing the first featured image. The focus here is on digging into collections[tag] (reversed!) to get to the data of the first post.

+
<ul class="taglist">
+{% for tag in collections | getKeys | filterTagList | sortAlphabetically %}
+	{% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
+	<li>
+    <a href="{{ tagUrl }}" class="taglist-link">
+      {% set tagRecent = collections[tag] | reverse %}
+      {% if tagRecent[0].data.image.src %}
+        <img src="/posts/img/{{ tagRecent[0].data.image.src }}" alt="{{ tagRecent[0].data.image.alt }}">
+      {% else %}
+        <div class="missing-image"></div>
+      {% endif %}
+      <span class="post-tag">{{ tag }}</span>
+      {% set numPosts = collections[tag].length %}
+      ({{ numPosts }} post{% if numPosts > 1 %}s{% endif %})
+    </a>
+  </li>
+{% endfor %}
+</ul>
+ +

I found that having just the first featured image made the tag page hard to differentiate from any of the pages listing individual posts, so from there I moved to showing 4 images (or empty rectangles where there weren't four to show).

+
<ul class="taglist">
+{% for tag in collections | getKeys | filterTagList | sortAlphabetically %}
+	{% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
+	<li>
+    <a href="{{ tagUrl }}" class="taglist-link">
+      <div class="tag-imgs">
+        {% set tagRecent = collections[tag] | reverse %}
+        {% for i in range(0, 4) %}
+        {% if tagRecent[i].data.image.src %}
+          <img src="/posts/img/{{ tagRecent[i].data.image.src }}" alt="{{ tagRecent[i].data.image.alt }}">
+        {% else %}
+          <div class="missing-image"></div>
+        {% endif %}
+        {% endfor %}
+      </div>
+      <span class="post-tag">{{ tag }}</span>
+      {% set numPosts = collections[tag].length %}
+      ({{ numPosts }} post{% if numPosts > 1 %}s{% endif %})
+    </a>
+  </li>
+{% endfor %}
+</ul>
+

with a bit of display: grid, we're good to go, right?

+

handling multiple aspect ratios

+

this had worked so far because the photos on the lessons site are from my camera in landscape mode, producing neat, identical 3:2 aspect ratios. Let's throw a wrench in that and introduce a portrait-mode photo.

+

thankfully, the CSS property aspect-ratio makes this pretty straightforward, and object-fit finishes the job.

+
.taglist-link img {
+  aspect-ratio: 3 / 2;
+  object-fit: cover;
+}
+

(I also set the missing-img <div>s to have the same aspect ratio.)

+
+

There's the good stuff from 11ty Lessons. Hope you enjoyed.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    2. + +
  2. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    3. + +
  3. + +

    screen reader optimizations

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A crow poses on driftwood against a whitish sky. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/euphorbia/index.html b/euphorbia/index.html new file mode 100644 index 0000000..b7349e3 --- /dev/null +++ b/euphorbia/index.html @@ -0,0 +1,1686 @@ + + + + + + + + +euphorbia | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

euphorbia

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + + +

I am euphorbic.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    2. + +
  2. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    3. + +
  3. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/fat-raccoon/index.html b/fat-raccoon/index.html new file mode 100644 index 0000000..cfd70fd --- /dev/null +++ b/fat-raccoon/index.html @@ -0,0 +1,1707 @@ + + + + + + + + +fat raccoon | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

fat raccoon

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + + +

A friendly neighborhood visitor.

+

details

+

dimensions

+

5" x 6"

+

coloration

+

default: black

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    2. + +
  2. + +

    flicker

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + +     +
    3. + +
  3. + +

    congrats on the autism/adhd

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100755 index 0000000..2e797a8 Binary files /dev/null and b/favicon.ico differ diff --git a/fd-signifier-and-oppositional-sexism/index.html b/fd-signifier-and-oppositional-sexism/index.html new file mode 100644 index 0000000..73d81d1 --- /dev/null +++ b/fd-signifier-and-oppositional-sexism/index.html @@ -0,0 +1,1716 @@ + + + + + + + + +fd signifier &amp; oppositional sexism | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

fd signifier & oppositional sexism

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field. + + Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field. + + +

This is in response to an F.D Signifier video, How to get RICH off weak men! (go follow him!). It is written as a response video and the script has not been changed to fit this format.

+

As much as it's a response video, I think the content should also stand on its own.

+
+

Recently I watched an FD Signifier video that I'll link in the description, currently titled "How to get rich off weak men"

+

Now, overall, fucking excellent, you're great FD, you're very much someone I look up to. So let's ground things by stating I don't say any of this to disagree or denigrate any of your points, but rather to build on them.

+

oppositional sexism

+

what we're going to start and end with today is a concept called oppositional sexism. This comes from Julia Serano writing in Whipping Girl.

+

In addition to traditional sexism, where men are better than women and masculinity better than femininity, Serano argues that we also experience and propagate oppositional sexism, where men are seen as women's opposites. from Whipping Girl:

+
+

the belief that female and male are rigid, mutually exclusive categories, each possessing a unique and nonoverlapping set of attributes, aptitudes, abilities, and desires

+
+

oppositional sexism positions men as opposed to women, rather than understanding both groups as heavily overlapping in characteristics, abilities, interests, physicality, etc.

+

where analysis based in traditional sexism takes the gender binary as fact and analyzes how we move within it, oppositional sexism takes aim at the gender binary itself and looks at the ways that it is constructed.

+

how we socialize boys

+

now what does this have to do with FD's video? Well, I would characterize his analysis as grounded in, among many other things, an understanding of traditional sexism. He talks about the ways boys learn about maleness and masculinity and its dominence over femaleness and femininity, but never questions the existence of the category "boy" in opposition to "girl".

+

And I think we have to! we can't just examine misogyny and toxic masculinity while unconsciously accepting the creation of binary gender, because the creation of and pressure on binary gender helps create misogyny and toxic masculinity. When boys are continuously told they are wildly different from girls, when they are continuously split up and separated, when girls are portrayed as almost a different species, we invite unhealthy attitudes about women and girls.

+

this is of course hypothetical - we live in a society and can't escape it - but if instead we stressed that all children are human, that they are part of a unified group, i can't help but imagine that we would have much healthier attitudes towards sex and dating.

+

how this affects us all

+

now, obviously, the deconstruction of misogyny is enough reason to use this for analysis. we want to minimize misogyny and toxic masculinity, and this supports that goal. but let's also talk about the way bioessentialism and binary gender roles foster other biases.

+

transphobia and particularly anti-nonbinary sentiments are probably the most obvious ones propped up by this, but there's also:

+
    +
  • +

    homophobia or biphobia: when we view men and women as two discrete and opposing groups, there's a large difference between a male-female relationship and a male-male or female-female one.

    +
    • +
  • +

    intersex erasure and discrimination: the coercive and corrective sexing of intersex infants, up to and including nonconsensual surgical modification, should be the obvious example, but let's also consider the ways that intersex people are erased by the gender binary. Intersex people are not uncommon, with various estimates ranging from one in two thousand to one in about sixty. But the structure of the gender binary must insist that they are essentially one in a million. it makes no room for them - they must be outliers.

    +
    • +
+

and, interestingly,

+
    +
  • racism: the creation of distinct and biologically separate groups from a spectrum of human experience, and the clear statement that these groups must be unequal, can prime people to accept further distinctions between humans as biologically inherent. anecdotally, while I was forming up this video, friends reported seeing manosphere or MRA types fall down this exact pipeline.
    • +
+

Now, I want to be clear: I am not claiming that misogyny or the gender binary is the root of all other biases. I think the world is far more complex than that. But I do believe that the gender binary, and more broadly, a binarist mindset, is a fertile breeding ground for other biases.

+

end notes

+

going forward, I want you to have the concept of oppositional sexism in your analysis toolbox. I want you to think critically about the way that the gender binary is not a natural outgrowth of humanity, but rather created and enforced. And I want you to question and push back against the way that you - as a man or woman - see yourself in opposition to, rather than in alliance with, women or men (nonbinary people, you get a pass here, I figure you're already thinking about this).

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender as a proxy variable

    + +
      + +
    • gender
      • + +
    • zine
      • + +
    + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + +     +
    2. + +
  2. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    3. + +
  3. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/fedilearns/index.html b/fedilearns/index.html new file mode 100644 index 0000000..600375c --- /dev/null +++ b/fedilearns/index.html @@ -0,0 +1,1611 @@ + + + + + + + + +fediLearns | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

fediLearns

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + the logo for fedilearns, which is a grey newspaper icon with the fediverse icon (a rainbow pentagon) superimposed. + + the logo for fedilearns, which is a grey newspaper icon with the fediverse icon (a rainbow pentagon) superimposed. + + +

My new project FediLearns is a learning-focused classifieds page for the fediverse. Check it out!

+ +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/fedizinefest-2025/index.html b/fedizinefest-2025/index.html new file mode 100644 index 0000000..199e922 --- /dev/null +++ b/fedizinefest-2025/index.html @@ -0,0 +1,1684 @@ + + + + + + + + +fediZineFest 2025 | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

fediZineFest 2025

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + zine +
    • + +
+ +
+ + + + + A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025. + + A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025. + + +

FediZineFest returns for its second year. Read more about it and sign up on the fediZineFest 2025 website.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender as a proxy variable

    + +
      + +
    • gender
      • + +
    • zine
      • + +
    + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + +     +
    2. + +
  2. + +

    on the shoulders of giants

    + +
      + +
    • zine
      • + +
    • knit
      • + +
    + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + +     +
    3. + +
  3. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..00744fc --- /dev/null +++ b/feed.xml @@ -0,0 +1,494 @@ + + + hello hello + Lee Cattarin... on the internet! + + + 2026-05-06T00:00:00Z + https://leecat.art/ + + Lee Cattarin + lee.cattarin@gmail.com + + + fediLearns + + 2026-05-06T00:00:00Z + https://leecat.art/fedilearns/ + <p>My new project <a href="https://fedilearns.fyi" target="_blank" rel="external">FediLearns</a> is a learning-focused classifieds page for the fediverse. Check it out!</p> + + + + accessible image modals + + 2026-03-22T00:00:00Z + https://leecat.art/accessible-image-modals/ + <p>Recently I've been working on a single-page digital rendition of a zine complete with many hand-drawn images. The author wanted to be able to bring images up to a full-screen view, to either zoom in or to put the whole enlarged image on one screen with no scrolling. It was a real struggle to find resources on how to do this in an accessible manner, so I'm writing up what I did.</p> +<blockquote> +<p>Fair warning: This solution is likely imperfect.</p> +</blockquote> +<h2 id="the-dialog-element">the <code>dialog</code> element</h2> +<p>do you know how many tutorials want you to roll your own modals? It's a not-insignificant amount. W3Schools, top of the search results in many cases, recommends it in two places - <a href="https://www.w3schools.com/howto/howto_css_modal_images.asp" target="_blank" rel="external">image modals</a> and <a href="https://www.w3schools.com/css/css3_images_modal.asp" target="_blank" rel="external">responsive image modals</a>. Several search results for &quot;image modal&quot; pop up div solutions - <a href="https://stackoverflow.com/questions/75598914/how-to-display-an-image-clicking-on-it-using-modal-window-on-html-css-and-js" target="_blank" rel="external">div modal 1</a>, <a href="https://dev.to/salehmubashar/create-an-image-modal-with-javascript-2lf3" target="_blank" rel="external">div modal 2</a>, <a href="https://www.youtube.com/watch?v=Y9TNHynFjaQ" target="_blank" rel="external">div modal 3</a>.</p> +<p>If you don't know of the existence of <code>&lt;dialog&gt;</code>, a search for image modals will not get you there quickly.</p> +<p>If you search for <em>accessible</em> image modals, you'll still hear about <code>&lt;div&gt;</code>s. Hell, <a href="https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/" target="_blank" rel="external">W3C's ARIA Authoring Practices Guide uses a <code>&lt;div&gt;</code></a>. You kinda have to go digging to read about the <a href="https://www.scottohara.me/blog/2023/01/26/use-the-dialog-element.html" target="_blank" rel="external">dialog element from Scott O'Hara</a> or find <a href="https://accessibleweb.dev/modals" target="_blank" rel="external">AccessibleWeb.dev's piece on modals</a>. Or you can go <a href="https://adrianroselli.com/2025/06/where-to-put-focus-when-opening-a-modal-dialog.html" target="_blank" rel="external">straight for Adrian Roselli</a> and find examples that use the native <code>&lt;dialog&gt;</code> element. Thanks Adrian!</p> +<p>Did I roll my own modal at first? Regretfully, yes. I'd used the <code>&lt;dialog&gt;</code> element before... several years ago... in a project I don't have access to anymore... Needless to say, I had forgotten about its existence.</p> +<p>Anyway, I got there. Eventually. So let's talk about modals and <code>&lt;dialog&gt;</code>.</p> +<h3 id="what-does-dialog-give-us">what does <code>&lt;dialog&gt;</code> give us?</h3> +<p>so, what do we get from the <code>&lt;dialog&gt;</code> element that we don't get from a <code>&lt;div&gt;</code> modal?</p> +<ol> +<li>a semantically meaningful element</li> +<li>a backdrop that fills the screen behind the modal, styleable with <code>::backdrop</code></li> +<li>automatic use of the <code>Esc</code> key to close the modal</li> +<li>automatic focus trapping that prevents any tabbing within the page behind the modal (users can tab off the page into the browser buttons)</li> +<li>the JS functions <code>.showModal()</code> and <code>.close()</code></li> +<li>if <code>closedby</code> is set to <code>any</code>, clicking outside the modal (anywhere on the backdrop) will also close the modal</li> +<li>automatic return of focus to the element that triggered the modal</li> +<li>the <code>autofocus</code> attribute for in-modal elements to set which element should receive focus on opening the modal</li> +<li>the <code>open</code> attribute which is set on the <code>&lt;dialog&gt;</code> when open and removed when closed (when you use the functions mentioned previously)</li> +</ol> +<p>and more. This is just the pieces in use for me. There's also things like <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#additional_notes" target="_blank" rel="external">setting forms so that submission closes the dialog</a> (point 1 in that list).</p> +<h3 id="what-doesnt-it-give-us">what doesn't it give us?</h3> +<ol> +<li>a close button - gotta roll your own and attach the requisite <code>.close()</code> call (or rely on users hitting escape or clicking the backdrop)</li> +<li>prevention of scroll on the rest of the page</li> +</ol> +<h3 id="a-bug">a bug</h3> +<p>MDN warns:</p> +<blockquote> +<p>Do not add the <code>tabindex</code> property to the <code>&lt;dialog&gt;</code> element as it is not interactive and does not receive focus.</p> +</blockquote> +<p>— <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#additional_notes" target="_blank" rel="external"><code>&lt;dialog&gt;</code>: additional notes</a> (point 3 in that list).</p> +<p>despite this, I found that in Firefox (but not Edge), the <em><code>&lt;dialog&gt;</code> itself was focusable</em>. I have no idea why, but I tested this on a totally unstyled and unmodified page and still found it to be true. As a focusable element, it made no sense. It had no interactivity and could not be activated.</p> +<p>I'm still torn: do I add <code>tabindex=&quot;-1&quot;</code>? MDN specifically says not to, but I'm pretty sure they're warning against making it <em>focusable</em>. Why warn against making it nonfocusable when <em>it's not supposed to be focusable in the first place</em>, after all?</p> +<p>At current, I'm ambivalent, but I've added <code>tabindex=&quot;-1&quot;</code> to handle Firefox's poor behavior. Making the dialog focusable is unhelpful and confusing.</p> +<h2 id="in-addition-to-the-dialog">in addition to the <code>&lt;dialog&gt;</code></h2> +<p>here's what else I wrote...</p> +<h3 id="html">html</h3> +<p>besides the <code>&lt;dialog&gt;</code>, I gave my <code>&lt;img&gt;</code> elements <code>tabindex=&quot;0&quot;</code> to make them focusable.</p> +<h3 id="js">js</h3> +<p>in <code>modal.js</code>, I created an <code>openDialog()</code> function that takes in the clicked image. It:</p> +<ul> +<li>creates a new <code>&lt;img&gt;</code> element and copies over the <code>src</code> and <code>alt</code> attributes - importantly, it doesn't copy the full <code>&lt;img&gt;</code> because we <em>don't</em> want to copy that <code>tabindex</code> attribute</li> +<li>replaces the current <code>&lt;img&gt;</code> in the modal with our new copy with <code>replaceChild()</code> (or if there's no current one, it just appends)</li> +<li>calls <code>dialog.showModal()</code></li> +</ul> +<p>I gave my close button two event listeners, one that listens for click events and one that listens for a keydown of the space or enter keys. In the case of the keydown, it calls <code>event.preventDefault()</code> to stop the space key from scrolling the underlying page.</p> +<p>I also looped through all images and attached my <code>openDialog()</code> function to any image with a <code>tabindex</code> attribute (I had some images that weren't intended to be fullscreened, so they lacked <code>tabindex</code>). Again, I gave them listeners on both click and keydown.</p> +<h3 id="css">css</h3> +<p>here's the most relevant parts of the CSS:</p> +<ul> +<li><code>dialog::backdrop</code> was given a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors" target="_blank" rel="external">relatively calculated</a> color - <code>rgba(from var(--color-bg) r g b / .8)</code> - as well as a blur</li> +<li><code>body:has(dialog[open])</code> has <code>overflow: hidden</code> set</li> +<li><code>dialog img</code> uses a <code>max-height</code> as well as <code>object-fit: contain</code></li> +</ul> +<h2 id="errors-questions">errors? questions?</h2> +<p>reach out!</p> + + + + eleventy lessons + + 2026-02-19T00:00:00Z + https://leecat.art/eleventy-lessons/ + <p>recently I wrote <em>several</em> sites using <a href="https://www.11ty.dev/" target="_blank" rel="external">Eleventy</a> (4? 5?). Including, over the past few days, rewriting this one! That's right, if you're reading this, we're now running on 11ty and hosted by <a href="https://heckin.technology/" target="_blank" rel="external">heckin.technology</a>. See ya, GitHub. Won't miss ya.</p> +<p>Originally, I compiled some of the things I've learned in a standalone site.</p> +<p>however, since I don't know how much I'll focus on that specific site - it is mostly a sample - I am re-publishing the most useful information here. I'll skip the intro to Markdown content. I'm also going to update them where I've learned more or to better match what's represented on this site.</p> +<p>this will comprise of 4 parts: <a href="https://leecat.art/eleventy-lessons/#related-posts">related posts</a>, <a href="https://leecat.art/eleventy-lessons/#featured-images">featured images</a>, <a href="https://leecat.art/eleventy-lessons/#pagination">pagination</a>, and <a href="https://leecat.art/eleventy-lessons/#tag-image-preview">tag image preview</a>. Feel free to jump ahead, as none depend on the others.</p> +<hr> +<h2 id="related-posts">related posts</h2> +<p>by default, the <a href="https://leecat.art/eleventy-lessons/github.com/11ty/eleventy-base-blog" target="_blank" rel="external">Eleventy base blog</a> comes with pagination between posts. Post 2 can take you to posts 1 and 3, etc.</p> +<p>while that is useful for <em>this</em> site, when building another site I wanted to see a couple randomly-suggested posts that shared 1 or more tags.</p> +<p>I started by referring to <a href="https://github.com/11ty/eleventy/discussions/2534" target="_blank rel=external&quot;">this GitHub issue about related posts</a>. I had to fix a few errors that arose from the suggested code.</p> +<p>I also wanted to make three changes:</p> +<ol> +<li>I didn't want to just see posts that shared <em>all</em> tags, but rather posts that shared <em>any</em> tag</li> +<li>I wanted to randomly add a few posts instead of just getting whatever was first (with a shared tag) in the post order</li> +<li>I wanted to exclude the posts that I could reach with between-post pagination</li> +</ol> +<h3 id="filters-js">filters.js</h3> +<p>after adjusting for those needs, I had the following in <code>filters.js</code>:</p> +<pre class="language-js"><code class="language-js">eleventyConfig<span class="token punctuation">.</span><span class="token function">addFilter</span><span class="token punctuation">(</span><span class="token string">"excludeFromCollection"</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">collection<span class="token operator">=</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span> urls<span class="token operator">=</span><span class="token punctuation">[</span><span class="token keyword">this</span><span class="token punctuation">.</span>ctx<span class="token punctuation">.</span>page<span class="token punctuation">.</span>url<span class="token punctuation">]</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token keyword">return</span> collection<span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token parameter">post</span> <span class="token operator">=></span> urls<span class="token punctuation">.</span><span class="token function">indexOf</span><span class="token punctuation">(</span>post<span class="token punctuation">.</span>url<span class="token punctuation">)</span> <span class="token operator">===</span> <span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span> +<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + +eleventyConfig<span class="token punctuation">.</span><span class="token function">addFilter</span><span class="token punctuation">(</span><span class="token string">"filterByTags"</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">collection<span class="token operator">=</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token operator">...</span>requiredTags</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token keyword">return</span> collection<span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token parameter">post</span> <span class="token operator">=></span> <span class="token punctuation">{</span> + <span class="token keyword">return</span> requiredTags<span class="token punctuation">.</span><span class="token function">flat</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">some</span><span class="token punctuation">(</span><span class="token parameter">tag</span> <span class="token operator">=></span> post<span class="token punctuation">.</span>data<span class="token punctuation">.</span>tags<span class="token punctuation">.</span><span class="token function">includes</span><span class="token punctuation">(</span>tag<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> +<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + +eleventyConfig<span class="token punctuation">.</span><span class="token function">addFilter</span><span class="token punctuation">(</span><span class="token string">"randomize"</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">array</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token comment">// Create a copy of the array to avoid modifying the original</span> + <span class="token keyword">let</span> shuffledArray <span class="token operator">=</span> array<span class="token punctuation">.</span><span class="token function">slice</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + + <span class="token comment">// Fisher-Yates shuffle algorithm</span> + <span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> i <span class="token operator">=</span> shuffledArray<span class="token punctuation">.</span>length <span class="token operator">-</span> <span class="token number">1</span><span class="token punctuation">;</span> i <span class="token operator">></span> <span class="token number">0</span><span class="token punctuation">;</span> i<span class="token operator">--</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token keyword">const</span> j <span class="token operator">=</span> Math<span class="token punctuation">.</span><span class="token function">floor</span><span class="token punctuation">(</span>Math<span class="token punctuation">.</span><span class="token function">random</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token punctuation">(</span>i <span class="token operator">+</span> <span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + <span class="token punctuation">[</span>shuffledArray<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">,</span> shuffledArray<span class="token punctuation">[</span>j<span class="token punctuation">]</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token punctuation">[</span>shuffledArray<span class="token punctuation">[</span>j<span class="token punctuation">]</span><span class="token punctuation">,</span> shuffledArray<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">]</span><span class="token punctuation">;</span> + <span class="token punctuation">}</span> + + <span class="token keyword">return</span> shuffledArray<span class="token punctuation">;</span> +<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre> +<h3 id="post-njk">post.njk</h3> +<p>I used this in my post layout. <code>filterTagList</code> comes with the base blog by default, and removes the tags &quot;posts&quot; and &quot;all.&quot; <code>head</code> also comes with the base blog. <code>postlist.njk</code> is my modified-from-the-base-blog post layout.</p> +<pre class="language-html"><code class="language-html">{% set relevantTags = tags | filterTagList %} + +{% set olderPost = collections.posts | getPreviousCollectionItem %} +{% set newerPost = collections.posts | getNextCollectionItem %} +{% set urlsToExclude = [page.url, olderPost.url, newerPost.url]} + +{% set postlist = collections.posts | filterByTags(relevantTags) | excludeFromCollection(urlsToExclude) | randomize | head(3) %} +{% if postlist.length %} +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>related-posts<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span><span class="token punctuation">></span></span>related posts<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">></span></span> + {% include "postlist.njk" %} +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">></span></span> +{% endif %}</code></pre> +<p>and that sorts related posts.</p> +<hr> +<h2 id="featured-images">featured images</h2> +<p>images in 11ty use the <a href="https://www.11ty.dev/docs/plugins/image/#eleventy-transform" target="_blank" rel="external">Image Transform Plugin</a>. I found it hard to find anything to reference while building this - a lot of sites in the template gallery are either text-heavy or not using the plugin - so I'm reproducing what I've got here for reference.</p> +<h3 id="file-structure">file structure</h3> +<pre><code>content/ +|--img/ +| |--sample-0.jpg +| |--sample-1.jpg +| `--etc +|--posts/ +| |--lesson-0-front-matter-and-urls.md +| |--lesson-1-headings-paragraphs-and-horizontal-lines.md +| `--etc +`--etc +</code></pre> +<h3 id="front-matter">front matter</h3> +<p>for any given post, my front matter references the image in this manner:</p> +<pre><code>--- +image: + src: sample-0.jpg + alt: moss on a fencepost +--- +</code></pre> +<h3 id="image-html-transform">image HTML transform</h3> +<p>As mentioned, there's a plugin for images. If you started with the base blog, in <code>eleventy.config.js</code>, you'll probably find a chunk of code similar to this already in place:</p> +<pre class="language-js"><code class="language-js">eleventyConfig<span class="token punctuation">.</span><span class="token function">addPlugin</span><span class="token punctuation">(</span>eleventyImageTransformPlugin<span class="token punctuation">,</span> <span class="token punctuation">{</span> + <span class="token literal-property property">formats</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">"auto"</span><span class="token punctuation">]</span><span class="token punctuation">,</span> + + <span class="token literal-property property">widths</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">640</span><span class="token punctuation">]</span><span class="token punctuation">,</span> + <span class="token literal-property property">failOnError</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> + <span class="token literal-property property">htmlOptions</span><span class="token operator">:</span> <span class="token punctuation">{</span> + <span class="token literal-property property">imgAttributes</span><span class="token operator">:</span> <span class="token punctuation">{</span> + <span class="token comment">// e.g. &lt;img loading decoding> assigned on the HTML tag will override these values.</span> + <span class="token literal-property property">loading</span><span class="token operator">:</span> <span class="token string">"lazy"</span><span class="token punctuation">,</span> + <span class="token literal-property property">decoding</span><span class="token operator">:</span> <span class="token string">"async"</span><span class="token punctuation">,</span> + <span class="token punctuation">}</span> + <span class="token punctuation">}</span><span class="token punctuation">,</span> + + <span class="token literal-property property">sharpOptions</span><span class="token operator">:</span> <span class="token punctuation">{</span> + <span class="token literal-property property">animated</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> + <span class="token punctuation">}</span><span class="token punctuation">,</span> +<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre> +<p>setting <code>formats</code> to &quot;auto&quot; helps - use whatever type of image you want, get that type out. The default settings that came with the Eleventy base blog didn't set a <code>width</code>, which I wanted (by default, images off my camera - like the hellebore featured image for this post - are almost 5k pixels wide). I also found it helpful to set <code>failOnError</code> to true for a little more feedback.</p> +<blockquote> +<p>NOTE: It sure seems like Eleventy will fail your image processing if there's no alt text. While admirable, it would be nice if I could find any documentation for this!</p> +</blockquote> +<h3 id="passthrough-copy">passthrough copy</h3> +<p>as I worked through this, I thought I needed a passthrough copy for a while. You don't - just let the plugin do its thing.</p> +<h3 id="templating">templating</h3> +<p>I needed images to show up in 3 places:</p> +<ul> +<li>In the lists of posts on the home page, I wanted each post to show its featured image</li> +<li>In the &quot;related posts&quot; section on each individual post, I wanted each related post to show its featured image</li> +<li>And of course, I wanted the post to show its own featured image</li> +</ul> +<h3 id="home-page-and-related-posts">home page and related posts</h3> +<p>both of these sections use the same template, which in my setup is called <code>postlist.njk</code>. Within the relevant links, I added the following:</p> +<pre class="language-html"><code class="language-html">{% if post.data.image.src %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/img/{{ post.data.image.src }}<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ post.data.image.alt }}<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> +{% else %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>missing-image<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span> +{% endif %}</code></pre> +<h3 id="post-body">post body</h3> +<p>the post body looks similar:</p> +<pre class="language-html"><code class="language-html">{% if image.src %} +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>featured-img<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/posts/img/{{ image.src }}<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ image.alt }}<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> +{% endif %}</code></pre> +<p>together, that sets up featured images for posts.</p> +<hr> +<h2 id="pagination">pagination</h2> +<h3 id="simple-pagination">simple pagination</h3> +<p><a href="https://www.11ty.dev/docs/pagination/" target="_blank" rel="external">Post pagination in Eleventy is pretty straightforward</a>, mostly requiring some specific front matter.</p> +<p>The home page pagination I have set up here looks like the following (in <code>index.njk</code>):</p> +<pre><code>--- +pagination: + data: collections.posts + size: 13 + alias: posts + reverse: true +--- +</code></pre> +<p>6 posts per page, paginate data from <code>collections.posts</code> which we'll call just <code>posts</code> for short, and do it in reverse (aka, most recent posts show first).</p> +<p><a href="https://www.11ty.dev/docs/pagination/nav" target="_blank" rel="external">You'll also likely want previous and next buttons</a>. I did. Here's what I have...</p> +<h4 id="pagination-njk">pagination.njk</h4> +<p>There's two components to this, the bigger one being this <code>pagination.njk</code> template. Look, I like my little icons, ok? It takes an <code>olderHref</code> and a <code>newerHref</code>, and optionally an <code>olderTitle</code> and <code>newerTitle</code>.</p> +<pre class="language-html"><code class="language-html">{% if olderHref or newerHref %} +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>nav</span> <span class="token attr-name">aria-label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pagination<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ol</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pagination {% if inPost %}post-pagination{% endif %}<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + {% if olderHref %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>older<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ olderHref }}<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>i</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fa-solid fa-hand-point-left<span class="token punctuation">"</span></span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>i</span><span class="token punctuation">></span></span> + {{ olderTitle or "older" }} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span> + {% endif %} + {% if newerHref %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>newer<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ newerHref }}<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + {{ newerTitle or "newer" }} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>i</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fa-solid fa-hand-point-right<span class="token punctuation">"</span></span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>i</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span> + {% endif %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ol</span><span class="token punctuation">></span></span> +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>nav</span><span class="token punctuation">></span></span> +{% endif %}</code></pre> +<h4 id="calling-the-template">calling the template</h4> +<p>From <code>index.njk</code> we can <code>include &quot;pagination.njk&quot;</code>:</p> +<pre><code>{# idk why these are backwards either #} +{% set newerHref = pagination.href.previous %} +{% set olderHref = pagination.href.next %} +{% include &quot;pagination.njk&quot; %} +</code></pre> +<p>Yup. The order of previous vs. next is totally unintuitive to me, too.</p> +<h3 id="complex-pagination">complex pagination</h3> +<p>however, there's a catch. <a href="https://www.11ty.dev/docs/quicktips/tag-pages/" target="_blank" rel="external">Tag pages are <em>created</em> via pagination</a>! It's a lot harder to paginate those - you can't just use the front matter to set it up.</p> +<p>I untangled <a href="https://github.com/11ty/eleventy/issues/332#issuecomment-445236776" target="_blank" rel="external">this GitHub issue about double-layered pagination</a> and came to the following solution...</p> +<h4 id="eleventy-config-js">eleventy.config.js</h4> +<p>in <code>eleventy.config.js</code>:</p> +<pre class="language-js"><code class="language-js"><span class="token comment">// note that this uses the lodash.chunk method, so you’ll have to import that</span> +eleventyConfig<span class="token punctuation">.</span><span class="token function">addCollection</span><span class="token punctuation">(</span><span class="token string">"tagPagination"</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">collection</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token comment">// Get unique list of tags</span> + <span class="token keyword">let</span> tagSet <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Set</span><span class="token punctuation">(</span>collection<span class="token punctuation">.</span><span class="token function">getAllSorted</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">flatMap</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">post</span><span class="token punctuation">)</span> <span class="token operator">=></span> post<span class="token punctuation">.</span>data<span class="token punctuation">.</span>tags <span class="token operator">||</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + <span class="token comment">// Remove "structural" tags</span> + tagSet <span class="token operator">=</span> tagSet<span class="token punctuation">.</span><span class="token function">difference</span><span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token class-name">Set</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">"posts"</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + + <span class="token comment">// Get each item that matches the tag</span> + <span class="token keyword">let</span> paginationSize <span class="token operator">=</span> <span class="token number">6</span><span class="token punctuation">;</span> + <span class="token keyword">let</span> tagMap <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span> + <span class="token keyword">let</span> tagArray <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token operator">...</span>tagSet<span class="token punctuation">]</span><span class="token punctuation">;</span> + + <span class="token keyword">for</span><span class="token punctuation">(</span> <span class="token keyword">let</span> tagName <span class="token keyword">of</span> tagArray<span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token keyword">let</span> tagItems <span class="token operator">=</span> collection<span class="token punctuation">.</span><span class="token function">getFilteredByTag</span><span class="token punctuation">(</span>tagName<span class="token punctuation">)</span><span class="token punctuation">;</span> + <span class="token keyword">let</span> pagedItems <span class="token operator">=</span> <span class="token function">chunk</span><span class="token punctuation">(</span>tagItems<span class="token punctuation">.</span><span class="token function">reverse</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span> paginationSize<span class="token punctuation">)</span><span class="token punctuation">;</span> + + <span class="token keyword">for</span><span class="token punctuation">(</span> <span class="token keyword">let</span> pageNumber <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">,</span> max <span class="token operator">=</span> pagedItems<span class="token punctuation">.</span>length<span class="token punctuation">;</span> pageNumber <span class="token operator">&lt;</span> max<span class="token punctuation">;</span> pageNumber<span class="token operator">++</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + tagMap<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span><span class="token punctuation">{</span> + <span class="token literal-property property">tagName</span><span class="token operator">:</span> tagName<span class="token punctuation">,</span> + <span class="token literal-property property">pageNumber</span><span class="token operator">:</span> pageNumber<span class="token punctuation">,</span> + <span class="token literal-property property">pageSize</span><span class="token operator">:</span> pagedItems<span class="token punctuation">.</span>length<span class="token punctuation">,</span> + <span class="token literal-property property">pageData</span><span class="token operator">:</span> pagedItems<span class="token punctuation">[</span>pageNumber<span class="token punctuation">]</span> + <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> + <span class="token punctuation">}</span> + <span class="token punctuation">}</span> + + <span class="token keyword">return</span> tagMap<span class="token punctuation">;</span> +<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre> +<h4 id="tag-pages-njk">tag-pages.njk</h4> +<p>in my <code>tag-pages.njk</code> file (or whatever you use to template out your tag pages):</p> +<pre class="language-html"><code class="language-html">--- +pagination: + data: collections.tagPagination + size: 1 + alias: tag +eleventyComputed: + permalink: /tags/{{ tag.tagName | slugify }}/% if tag.pageNumber %{{ tag.pageNumber + 1 }}/% endif % + title: "Posts tagged {{ tag.tagName }}" +eleventyExcludeFromCollections: true +--- +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">></span></span>Posts tagged “{{ tag.tagName }}”<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">></span></span> + +{% set postlist = tag.pageData %} +{% include "postlist.njk" %} + +{# idk why these are backwards either #} +{% if tag.pageNumber > 0 %} + {% set newerHref = pagination.href.previous %} +{% endif %} +{% if tag.pageNumber &lt; tag.pageSize - 1 %} + {% set olderHref = pagination.href.next %} +{% endif %} +{% include "pagination.njk" %}</code></pre> +<p>note the pagination checking <code>tag.pageNumber</code> against <code>tag.PageSize</code> - the <a href="https://github.com/11ty/eleventy/issues/332#issuecomment-445236776" target="_blank" rel="external">original suggested solution</a> in the GitHub post creates an issue where the pagination loops through <em>all</em> of the tag pages bit-by-bit. This sorts that - hat tip to <a href="https://github.com/11ty/eleventy/issues/332#issuecomment-1248185406" target="_blank" rel="external">TheReyzar who mentioned the issue and showed part of their solution</a>.</p> +<h4 id="filters-js-again">filters.js (again)</h4> +<p>finally, in my <code>filters.js</code> file, I add the <code>tagPagination</code> tag to the tags that get filtered using <code>filterTagList</code>:</p> +<pre class="language-js"><code class="language-js">eleventyConfig<span class="token punctuation">.</span><span class="token function">addFilter</span><span class="token punctuation">(</span><span class="token string">"filterTagList"</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token function">filterTagList</span><span class="token punctuation">(</span><span class="token parameter">tags</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token keyword">return</span> <span class="token punctuation">(</span>tags <span class="token operator">||</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token parameter">tag</span> <span class="token operator">=></span> <span class="token punctuation">[</span><span class="token string">"all"</span><span class="token punctuation">,</span> <span class="token string">"posts"</span><span class="token punctuation">,</span> <span class="token string">"tagPagination"</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">indexOf</span><span class="token punctuation">(</span>tag<span class="token punctuation">)</span> <span class="token operator">===</span> <span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span> +<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre> +<hr> +<h2 id="tag-image-preview">tag image preview</h2> +<p>today I tackled making the tag page more visually interesting.</p> +<h3 id="preview-the-first-featured-image">preview the first featured image</h3> +<p>first, I worked on previewing the first featured image. The focus here is on digging into <code>collections[tag]</code> (reversed!) to get to the data of the first post.</p> +<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>taglist<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> +{% for tag in collections | getKeys | filterTagList | sortAlphabetically %} + {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ tagUrl }}<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>taglist-link<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + {% set tagRecent = collections[tag] | reverse %} + {% if tagRecent[0].data.image.src %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/posts/img/{{ tagRecent[0].data.image.src }}<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ tagRecent[0].data.image.alt }}<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + {% else %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>missing-image<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span> + {% endif %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>post-tag<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>{{ tag }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span> + {% set numPosts = collections[tag].length %} + ({{ numPosts }} post{% if numPosts > 1 %}s{% endif %}) + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span> +{% endfor %} +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">></span></span></code></pre> +<h3 id="preview-a-collage-of-recent-featured-images">preview a collage of recent featured images</h3> +<p>I found that having just the first featured image made the tag page hard to differentiate from any of the pages listing individual posts, so from there I moved to showing 4 images (or empty rectangles where there weren't four to show).</p> +<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>taglist<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> +{% for tag in collections | getKeys | filterTagList | sortAlphabetically %} + {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ tagUrl }}<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>taglist-link<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tag-imgs<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + {% set tagRecent = collections[tag] | reverse %} + {% for i in range(0, 4) %} + {% if tagRecent[i].data.image.src %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/posts/img/{{ tagRecent[i].data.image.src }}<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ tagRecent[i].data.image.alt }}<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + {% else %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>missing-image<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span> + {% endif %} + {% endfor %} + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>post-tag<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>{{ tag }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span> + {% set numPosts = collections[tag].length %} + ({{ numPosts }} post{% if numPosts > 1 %}s{% endif %}) + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span> +{% endfor %} +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">></span></span></code></pre> +<p>with a bit of <code>display: grid</code>, we're good to go, right?</p> +<h4 id="handling-multiple-aspect-ratios">handling multiple aspect ratios</h4> +<p>this had worked so far because the photos on the lessons site are from my camera in landscape mode, producing neat, identical 3:2 aspect ratios. Let's throw a wrench in that and introduce a portrait-mode photo.</p> +<p>thankfully, the CSS property <code>aspect-ratio</code> makes this pretty straightforward, and <code>object-fit</code> finishes the job.</p> +<pre class="language-css"><code class="language-css"><span class="token selector">.taglist-link img</span> <span class="token punctuation">{</span> + <span class="token property">aspect-ratio</span><span class="token punctuation">:</span> 3 / 2<span class="token punctuation">;</span> + <span class="token property">object-fit</span><span class="token punctuation">:</span> cover<span class="token punctuation">;</span> +<span class="token punctuation">}</span></code></pre> +<p>(I also set the <code>missing-img</code> <code>&lt;div&gt;</code>s to have the same aspect ratio.)</p> +<hr> +<p>There's the good stuff from <a href="https://inherentlee.codeberg.page/lessons/" target="_blank" rel="external">11ty Lessons</a>. Hope you enjoyed.</p> + + + + crow + + 2026-02-09T00:00:00Z + https://leecat.art/crow/ + + + + screen reader optimizations + + 2026-02-06T00:00:00Z + https://leecat.art/screen-reader-optimizations/ + <h2 id="context">context</h2> +<p>recently, I've been working on a <a href="https://inherentlee.codeberg.page/spoonfairies/" target="_blank" rel="external">website for a project called spoonfairies</a>. On the providers page, we list a series of names along with their pronouns, location, and services offered. Visually, it looks like this:</p> +<p><img src="https://leecat.art/img/spoonfairies-provider.png" alt="A provider listing from spoonfairies. On the top row of text, it shows the provider's name in large purple text, then their pronouns in slightly opaque white and slightly smaller font, then aligned on the right, a map pin emoji and their general location in standard size white text. On the second row of text, it lists a few services the provider offers, comma separated." loading="lazy" decoding="async" width="1000" height="147"></p> +<h2 id="pronouns">pronouns</h2> +<p>at first, all three pieces of information in the top row had no extra styling - it was just a line of text with the same color and size throughout. The location bit also didn't exist yet, so we're going to briefly ignore it. Screenreader testing (with NVDA, specifically) informed me that, when reading through a long list of providers, parentheses become <em>very</em> irritating. Imagine hearing the following:</p> +<blockquote> +<p>Lorem Ipsum left parentheses she slash her right parentheses web accessiblity webdev. Dolor Sit left parentheses they slash them right parentheses housecleaning. Amet Consectetur left parentheses he slash him right parentheses webdev spreadsheets software.</p> +</blockquote> +<p>...ad nauseam. Kinda irritating.</p> +<h3 id="the-fix">the fix</h3> +<p>put the pronouns in a span that provides special styling, and use <code>::before</code> and <code>::after</code> to apply parentheses.</p> +<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/providers/lorem-ipsum<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + Lorem Ipsum + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pronouns<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>she/her<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span> +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span></code></pre> +<pre class="language-css"><code class="language-css"><span class="token selector">.pronouns::before</span> <span class="token punctuation">{</span> + <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"("</span> / <span class="token string">""</span><span class="token punctuation">;</span> +<span class="token punctuation">}</span> +<span class="token selector">.pronouns::after</span> <span class="token punctuation">{</span> + <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">")"</span> / <span class="token string">""</span><span class="token punctuation">;</span> +<span class="token punctuation">}</span></code></pre> +<p><strong>the slash is the magic there.</strong> The string before the slash indicates the visual content, and the string after the slash is the alternative text content. I went happily on my way.</p> +<p>plus, this is neat - now I can style the pronouns separately. Let's make them the standard text color rather than the link color, and a bit smaller, and a smidge opaque... nice.</p> +<h2 id="location">location</h2> +<p>ooh, time to implement locations! I did my same ol' trick.</p> +<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/providers/lorem-ipsum<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + Lorem Ipsum + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pronouns<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>she/her<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>location<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Tacoma<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span> +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span></code></pre> +<pre class="language-css"><code class="language-css"><span class="token selector">.location::before</span> <span class="token punctuation">{</span> + <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"📍"</span> / <span class="token string">"is based out of"</span><span class="token punctuation">;</span> +<span class="token punctuation">}</span></code></pre> +<p>I even added actual alternative text rather than an empty string to provide some context. Pronouns, I figured, could exist without much context, as it's pretty common for them to follow directly after names in introductions, but location isn't as much of a given.</p> +<p>again, style em up nice, more of a standard text look, right-aligned. Cool.</p> +<h2 id="a-bigger-problem-than-parentheses">a bigger problem than parentheses</h2> +<p>...then I did some screen reader testing. Which I should have done directly after the pronouns bit. Turns out, I wasn't thrilled with what the <code>&lt;span&gt;</code>s did.</p> +<p>at least with fairly default settings in NVDA, the <code>&lt;span&gt;</code>s broke up the way the link was read out. Suddenly, I was getting:</p> +<blockquote> +<p>visited link Lorem Ipsum visited link she slash her visited link Tacoma</p> +</blockquote> +<p>this is all one link, mind you. The <code>&lt;a&gt;</code> tag isn't broken into three links. But the <code>&lt;span&gt;</code>s apparently break up the screen reader output anyway (in NVDA, that's a continual caveat).</p> +<p>ooookay... what next?</p> +<h3 id="total-overhaul">total overhaul</h3> +<p>I moved away from my <code>content</code> approach entirely (well, I kept it around as a failsafe, but it's not running the show now). Instead, I switched over to an <code>aria-label</code> for the whole link.</p> +<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/providers/lorem-ipsum<span class="token punctuation">"</span></span> + <span class="token attr-name">aria-label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Lorem Ipsum she/her is based out of Tacoma<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> + Lorem Ipsum + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pronouns<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>she/her<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>location<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Tacoma<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span> +<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span></code></pre> +<p>(technically, all this is templated to hell and back. I would hope that's obvious given I'm talking about <em>lists</em> of these entries.)</p> +<p>now, after more screen reader testing, it reads out smoothly. The <code>aria-label</code> precludes the actual link text and cleanly says what needs to be said, with nothing breaking up the text and the whole thing easily recognized as one link. <em>And</em> I've got my fancy styling. Sweet.</p> + + + + charlie the alpaca handspun + + 2026-02-05T00:00:00Z + https://leecat.art/charlie-the-alpaca-handspun/ + <p>Fiber from Circle R Ranch. 100% alpaca, from Charlie the alpaca.</p> + + + + ruby the alpaca handspun + + 2026-01-27T00:00:00Z + https://leecat.art/ruby-the-alpaca-handspun/ + <p>Fiber from Circle R Ranch. 100% alpaca, from Ruby the alpaca.</p> + + + + hand-dyed gold handspun + + 2026-01-24T00:00:00Z + https://leecat.art/hand-dyed-gold-handspun/ + <p>Fiber from <a href="https://paradisefibers.com" target="_blank" rel="external">Paradise Fibers</a>. 70% merino/30% nylon. Hand-dyed by me.</p> + + + + spinner's dream handspun + + 2026-01-18T00:00:00Z + https://leecat.art/spinners-dream-handspun/ + <p>Fiber from <a href="https://paradisefibers.com" target="_blank" rel="external">Paradise Fibers</a>. 40% merino/20% alpaca/20% camel/20% mulberry silk. Scrumptiously soft.</p> + + + + rambouillet handspun + + 2026-01-18T00:00:00Z + https://leecat.art/rambouillet-handspun/ + <p>Fiber from <a href="https://woolgatherings.com" target="_blank" rel="external">Woolgatherings</a>. 100% rambouillet. Hand-dyed!</p> + + + \ No newline at end of file diff --git a/fire-and-ice-handspun/index.html b/fire-and-ice-handspun/index.html new file mode 100644 index 0000000..f5ff8d7 --- /dev/null +++ b/fire-and-ice-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +fire &amp; ice handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

fire & ice handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight. + + 2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight. + + +

Fiber from Jakira Farms in Fire & Ice colorway. 100% merino.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    hand-dyed gold handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight + +     +
    2. + +
  2. + +

    light grey jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of light grey handspun yarn + +     +
    3. + +
  3. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/fishhook-pride-keychains/index.html b/fishhook-pride-keychains/index.html new file mode 100644 index 0000000..230a142 --- /dev/null +++ b/fishhook-pride-keychains/index.html @@ -0,0 +1,1687 @@ + + + + + + + + +fishhook pride keychains | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

fishhook pride keychains

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + + +

Available for lots of flags! Except the lesbian sunset flag because it's really hard to color match :(

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    2. + +
  2. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    3. + +
  3. + +

    brooke's cuff bracelets

    + +
      + +
    • leather
      • + +
    + Olive green leather cuffs with silver spikes and a shearling lining. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/five-of-them/index.html b/five-of-them/index.html new file mode 100644 index 0000000..6139298 --- /dev/null +++ b/five-of-them/index.html @@ -0,0 +1,1702 @@ + + + + + + + + +five of them | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

five of them

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + + +

Photographed in the backyard.

+

details

+

dimensions

+

6" x 2.5"

+

coloration

+

default: green and brown

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    2. + +
  2. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    3. + +
  3. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/fix-your-hearts/index.html b/fix-your-hearts/index.html new file mode 100644 index 0000000..a050ccd --- /dev/null +++ b/fix-your-hearts/index.html @@ -0,0 +1,1687 @@ + + + + + + + + +fix your hearts | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

fix your hearts

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 2 copies of the same print, one in black ink and one in dark teal. The print is text that reads 'fix your hearts or die', with the text shaped into a somewhat long and narrow heart. + + 2 copies of the same print, one in black ink and one in dark teal. The print is text that reads 'fix your hearts or die', with the text shaped into a somewhat long and narrow heart. + + + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    2. + +
  2. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    3. + +
  3. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/flatfish/index.html b/flatfish/index.html new file mode 100644 index 0000000..924a02d --- /dev/null +++ b/flatfish/index.html @@ -0,0 +1,1702 @@ + + + + + + + + +flatfish | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

flatfish

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a simple flatfish design inked in sepia. + + A print of a simple flatfish design inked in sepia. + + +

Hand carved stamp of a slightly goofy looking flatfish.

+

details

+

dimensions

+

about 2" around

+

coloration

+

default: sepia

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    tiny mushrooms

    + +
      + +
    • print
      • + +
    + 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's hat mycena in indigo. + +     +
    2. + +
  2. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    3. + +
  3. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/flicker/index.html b/flicker/index.html new file mode 100644 index 0000000..3dff994 --- /dev/null +++ b/flicker/index.html @@ -0,0 +1,1701 @@ + + + + + + + + +flicker | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

flicker

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + + +

Hand carved set of stamps of a northern flicker, hungrily eyeing our bird feeder.

+

details

+

dimensions

+

roughly 6" square

+

coloration

+

default: black, sepia brown, and satin red

+

available as

+

print, greeting card, patch, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    2. + +
  2. + +

    squarsh

    + +
      + +
    • print
      • + +
    + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + +     +
    3. + +
  3. + +

    trans the world

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/flocked-notebook/index.html b/flocked-notebook/index.html new file mode 100644 index 0000000..c970752 --- /dev/null +++ b/flocked-notebook/index.html @@ -0,0 +1,1689 @@ + + + + + + + + +flocked notebook | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

flocked notebook

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A two panel collage showing the cover and endpapers of a thick notebook. + + A two panel collage showing the cover and endpapers of a thick notebook. + + +

A landscape-oriented notebook with black paper and a fuzzy cover. yes. it's fuzzy.

+

details

+

dimensions

+

~ 4" x 6"

+

coloration

+
    +
  • cover: sky blue and fuzzy. there is a piece of yellow leather cord, part of the spine, across one end
    • +
  • endpapers: black background overlaid with a wavy silver grid
    • +
+

pages

+
    +
  • Strathmore? maybe? black mixed media paper
    • +
  • 60 pages
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    2. + +
  2. + +

    leather strap journal

    + +
      + +
    • book
      • + +
    + A 3-part collage showing a blue journal with leather straps woven into the covers. + +     +
    3. + +
  3. + +

    orange green journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a slim handbound book. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/foldy-wallet-with-thumb-slide/index.html b/foldy-wallet-with-thumb-slide/index.html new file mode 100644 index 0000000..013e402 --- /dev/null +++ b/foldy-wallet-with-thumb-slide/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +foldy wallet with thumb slide | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

foldy wallet with thumb slide

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide. + + A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide. + + +

Designed for standard credit cards, not business cards.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    vix collar

    + +
      + +
    • leather
      • + +
    + A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place. + +     +
    2. + +
  2. + +

    moss harness

    + +
      + +
    • leather
      • + +
    + A nylon webbing harness in bright teal laid out on a desk. + +     +
    3. + +
  3. + +

    leather chest harness

    + +
      + +
    • leather
      • + +
    + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/foldy-wallet/index.html b/foldy-wallet/index.html new file mode 100644 index 0000000..9f8d45c --- /dev/null +++ b/foldy-wallet/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +foldy wallet | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

foldy wallet

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + + +

Single piece construction for easy care - just unfold/pull out the tabs!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    little critter pouch

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap. + +     +
    2. + +
  2. + +

    gradient purse strap

    + +
      + +
    • leather
      • + +
    + a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches. + +     +
    3. + +
  3. + +

    long zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing an orange leather wallet with a long zipper running the length of the outside. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/fountain-pen-friendly-stationery/index.html b/fountain-pen-friendly-stationery/index.html new file mode 100644 index 0000000..eb422aa --- /dev/null +++ b/fountain-pen-friendly-stationery/index.html @@ -0,0 +1,1677 @@ + + + + + + + + +fountain pen-friendly stationery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    stationery exchange

    + +
      + +
    • stationery
      • + +
    + Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms. + +     +
    2. + +
  2. + +

    siblinghood of the traveling greeting card

    + +
      + +
    • stationery
      • + +
    + Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background. + +     +
    3. + +
+ +
+ + + + +
+ + + + + + + diff --git a/foxgloves/index.html b/foxgloves/index.html new file mode 100644 index 0000000..a5ac357 --- /dev/null +++ b/foxgloves/index.html @@ -0,0 +1,1704 @@ + + + + + + + + +foxgloves | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

foxgloves

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + + +

details

+

dimensions

+

6" x 6"

+

coloration

+

default: green and pink

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    tiny portraits

    + +
      + +
    • print
      • + +
    + A collage showing various small (around an inch) stamps that depict people or animals. + +     +
    2. + +
  2. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    3. + +
  3. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/gallery/1/index.html b/gallery/1/index.html new file mode 100644 index 0000000..53bb299 --- /dev/null +++ b/gallery/1/index.html @@ -0,0 +1,1228 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    icelandic lamb handspun

    + +
      + +
    • yarn
      • + +
    + a skein of black handspun yarn + +     +
    2. + +
  2. + +

    handcombed jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of dark grey handspun yarn + +     +
    3. + +
  3. + +

    happy solstice 2025

    + +
      + +
    • highlight
      • + +
    + front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i'm standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with 'L + B' written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words 'happy solstice' in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words 'lee, brooke, kestrel, & the flock' in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel's head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i've added a dahlia to represent the stamp, and written 'you!' in the field that would normally hold the mailing address. + +     +
    4. + +
  4. + +

    brooke's scarf

    + +
      + +
    • knit
      • + +
    + A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes. + +     +
    5. + +
  5. + +

    dragon mask

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + 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. + +     +
    6. + +
  6. + +

    intro to wireframing

    + +
      + +
    • software
      • + +
    + 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. + +     +
    7. + +
  7. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    8. + +
  8. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    9. + +
  9. + +

    acadia mitts

    + +
      + +
    • knit
      • + +
    + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + +     +
    10. + +
  10. + +

    on the shoulders of giants

    + +
      + +
    • zine
      • + +
    • knit
      • + +
    + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + +     +
    11. + +
  11. + +

    sideways canvas shirt

    + +
      + +
    • knit
      • + +
    + someone'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's notable that the stitches are turned 90 degrees from a standard knit garment. + +     +
    12. + +
  12. + +

    scrap patches

    + +
      + +
    • patch
      • + +
    + 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. + +     +
    13. + +
  13. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/10/index.html b/gallery/10/index.html new file mode 100644 index 0000000..85e64b0 --- /dev/null +++ b/gallery/10/index.html @@ -0,0 +1,1232 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    2. + +
  2. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    3. + +
  3. + +

    lined notebook

    + +
      + +
    • book
      • + +
    + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + +     +
    4. + +
  4. + +

    flocked notebook

    + +
      + +
    • book
      • + +
    + A two panel collage showing the cover and endpapers of a thick notebook. + +     +
    5. + +
  5. + +

    brooke's notebook

    + +
      + +
    • book
      • + +
    • highlight
      • + +
    + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + +     +
    6. + +
  6. + +

    pink socks

    + +
      + +
    • knit
      • + +
    + Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks. + +     +
    7. + +
  7. + +

    brooke's socks

    + +
      + +
    • knit
      • + +
    + Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray. + +     +
    8. + +
  8. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    9. + +
  9. + +

    square watercolor pad

    + +
      + +
    • book
      • + +
    + A two panel collage showing a square book with a tan cover and blue and gold endpapers. + +     +
    10. + +
  10. + +

    tiny books

    + +
      + +
    • book
      • + +
    + A three panel collage showing a book held in the palm of a hand. + +     +
    11. + +
  11. + +

    orange journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small book with foldout pages and a bright orange cover. + +     +
    12. + +
  12. + +

    striped journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a journal with a striped cover. + +     +
    13. + +
  13. + +

    green memo pad

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small green memo pad. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/11/index.html b/gallery/11/index.html new file mode 100644 index 0000000..3031be9 --- /dev/null +++ b/gallery/11/index.html @@ -0,0 +1,1110 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    blue and brown leather journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a blue and brown leather-covered journal. + +     +
    2. + +
  2. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    3. + +
  3. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    4. + +
  4. + +

    congrats on the autism/adhd

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + +     +
    5. + +
  5. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    6. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/2/index.html b/gallery/2/index.html new file mode 100644 index 0000000..5155145 --- /dev/null +++ b/gallery/2/index.html @@ -0,0 +1,1244 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    fix your hearts

    + +
      + +
    • print
      • + +
    + 2 copies of the same print, one in black ink and one in dark teal. The print is text that reads 'fix your hearts or die', with the text shaped into a somewhat long and narrow heart. + +     +
    2. + +
  2. + +

    loon

    + +
      + +
    • print
      • + +
    + A print of a loon rearing up with wings spread + +     +
    3. + +
  3. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    4. + +
  4. + +

    greeting loons

    + +
      + +
    • card
      • + +
    • print
      • + +
    • highlight
      • + +
    + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + +     +
    5. + +
  5. + +

    brown creeper

    + +
      + +
    • print
      • + +
    + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + +     +
    6. + +
  6. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    7. + +
  7. + +

    not a drill

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + +     +
    8. + +
  8. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    9. + +
  9. + +

    lobstah

    + +
      + +
    • leather
      • + +
    + Two red leather lobster ornaments, about 4-5 in long each. + +     +
    10. + +
  10. + +

    greeting quorbs

    + +
      + +
    • card
      • + +
    • print
      • + +
    + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + +     +
    11. + +
  11. + +

    euphorbia

    + +
      + +
    • print
      • + +
    + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + +     +
    12. + +
  12. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    13. + +
  13. + +

    luminescent (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a tattooed woman in bright highlighter yellow underwear. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/3/index.html b/gallery/3/index.html new file mode 100644 index 0000000..eff69c4 --- /dev/null +++ b/gallery/3/index.html @@ -0,0 +1,1224 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    kniphofia

    + +
      + +
    • print
      • + +
    + A print of a brightly colored flower in 4 layers of color + +     +
    2. + +
  2. + +

    triangle pouch

    + +
      + +
    • leather
      • + +
    + 5 small triangular pouches made of leather in two sizes and various colors. + +     +
    3. + +
  3. + +

    tiny portraits

    + +
      + +
    • print
      • + +
    + A collage showing various small (around an inch) stamps that depict people or animals. + +     +
    4. + +
  4. + +

    snap pouch

    + +
      + +
    • leather
      • + +
    + 4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather. + +     +
    5. + +
  5. + +

    o-ring bracelet

    + +
      + +
    • leather
      • + +
    + A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps. + +     +
    6. + +
  6. + +

    leaf patches

    + +
      + +
    • leather
      • + +
    + Several oak-leaf-shaped leather patches with stitching holes punched around the edges. + +     +
    7. + +
  7. + +

    bowtie

    + +
      + +
    • leather
      • + +
    + A black leather bow tie with black stitching. + +     +
    8. + +
  8. + +

    swoop wallet

    + +
      + +
    • leather
      • + +
    + A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue. + +     +
    9. + +
  9. + +

    squarsh

    + +
      + +
    • print
      • + +
    + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + +     +
    10. + +
  10. + +

    rachel's bracelets

    + +
      + +
    • leather
      • + +
    + Two pink leather bracelets with stainless steel hardware and aqua stitching. + +     +
    11. + +
  11. + +

    bottom growth (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + +     +
    12. + +
  12. + +

    sora's collar

    + +
      + +
    • leather
      • + +
    + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + +     +
    13. + +
  13. + +

    shrimp cat toy

    + +
      + +
    • leather
      • + +
    + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/4/index.html b/gallery/4/index.html new file mode 100644 index 0000000..fbd063b --- /dev/null +++ b/gallery/4/index.html @@ -0,0 +1,1232 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    foldy wallet with thumb slide

    + +
      + +
    • leather
      • + +
    + A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide. + +     +
    2. + +
  2. + +

    brooke's cuff bracelets

    + +
      + +
    • leather
      • + +
    + Olive green leather cuffs with silver spikes and a shearling lining. + +     +
    3. + +
  3. + +

    aaron's mask

    + +
      + +
    • leather
      • + +
    + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + +     +
    4. + +
  4. + +

    sunflower

    + +
      + +
    • leather
      • + +
    + A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center . + +     +
    5. + +
  5. + +

    foldy wallet

    + +
      + +
    • leather
      • + +
    + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + +     +
    6. + +
  6. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    7. + +
  7. + +

    patchwork wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + +     +
    8. + +
  8. + +

    mom bag

    + +
      + +
    • leather
      • + +
    + A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp. + +     +
    9. + +
  9. + +

    gradient purse strap

    + +
      + +
    • leather
      • + +
    + a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches. + +     +
    10. + +
  10. + +

    zipper bifold (green)

    + +
      + +
    • leather
      • + +
    + A collage showing a green leather wallet with a zippered pocket built into one external side. + +     +
    11. + +
  11. + +

    vix collar

    + +
      + +
    • leather
      • + +
    + A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place. + +     +
    12. + +
  12. + +

    trans the world

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + +     +
    13. + +
  13. + +

    slightly weird man club

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'slightly weird man club' in a nonbinary flag colored gradient + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/5/index.html b/gallery/5/index.html new file mode 100644 index 0000000..59046d9 --- /dev/null +++ b/gallery/5/index.html @@ -0,0 +1,1226 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    pins!

    + +
      + +
    • pin
      • + +
    + Two hard enamel pins in my trans rights and trans wrongs skulls designs. + +     +
    2. + +
  2. + +

    mousie

    + +
      + +
    • leather
      • + +
    + A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + +     +
    3. + +
  3. + +

    long zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing an orange leather wallet with a long zipper running the length of the outside. + +     +
    4. + +
  4. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    5. + +
  5. + +

    fishhook pride keychains

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + +     +
    6. + +
  6. + +

    circle bag

    + +
      + +
    • leather
      • + +
    + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + +     +
    7. + +
  7. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    8. + +
  8. + +

    tiny mushrooms

    + +
      + +
    • print
      • + +
    + 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's hat mycena in indigo. + +     +
    9. + +
  9. + +

    piñatex wallet with zipper

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    10. + +
  10. + +

    moss harness

    + +
      + +
    • leather
      • + +
    + A nylon webbing harness in bright teal laid out on a desk. + +     +
    11. + +
  11. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    12. + +
  12. + +

    brooke's collar

    + +
      + +
    • leather
      • + +
    + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + +     +
    13. + +
  13. + +

    bag strap

    + +
      + +
    • leather
      • + +
    + A nylon webbing shoulder strap in bright teal with clips on each end. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/6/index.html b/gallery/6/index.html new file mode 100644 index 0000000..7cd0377 --- /dev/null +++ b/gallery/6/index.html @@ -0,0 +1,1232 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    x-acto knife sheath

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    little critter pouch

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap. + +     +
    3. + +
  3. + +

    zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side. + +     +
    4. + +
  4. + +

    vertical zipper card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + +     +
    5. + +
  5. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    6. + +
  6. + +

    vertical bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + +     +
    7. + +
  7. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    8. + +
  8. + +

    double bill pocket bifold

    + +
      + +
    • leather
      • + +
    + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + +     +
    9. + +
  9. + +

    nine pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    10. + +
  10. + +

    leather lighter case

    + +
      + +
    • leather
      • + +
    + A bic lighter wrapped in leather and hand-stitched up one side. + +     +
    11. + +
  11. + +

    leather chest harness

    + +
      + +
    • leather
      • + +
    + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + +     +
    12. + +
  12. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    13. + +
  13. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/7/index.html b/gallery/7/index.html new file mode 100644 index 0000000..08febd0 --- /dev/null +++ b/gallery/7/index.html @@ -0,0 +1,1274 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    artisans cooperative shirts

    + +
      + +
    • shirt
      • + +
    • print
      • + +
    + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + +     +
    2. + +
  2. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    3. + +
  3. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    4. + +
  4. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    5. + +
  5. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    6. + +
  6. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    7. + +
  7. + +

    happy biHRTday

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + +     +
    8. + +
  8. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    9. + +
  9. + +

    artisans cooperative cards

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink + +     +
    10. + +
  10. + +

    stickers!

    + +
      + +
    • sticker
      • + +
    + Clear and holographic stickers in the same design - a smiling skull with speech bubble reading 'trans rights!' + +     +
    11. + +
  11. + +

    shirts!

    + +
      + +
    • shirt
      • + +
    + A row of shirts hanging in front of a window, with a variety of hand-printed designs. + +     +
    12. + +
  12. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    13. + +
  13. + +

    five of them

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/8/index.html b/gallery/8/index.html new file mode 100644 index 0000000..b480b62 --- /dev/null +++ b/gallery/8/index.html @@ -0,0 +1,1256 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    swallowtail on snowdrops

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + +     +
    2. + +
  2. + +

    leather strap journal

    + +
      + +
    • book
      • + +
    + A 3-part collage showing a blue journal with leather straps woven into the covers. + +     +
    3. + +
  3. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    4. + +
  4. + +

    stampede journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + +     +
    5. + +
  5. + +

    orange green journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a slim handbound book. + +     +
    6. + +
  6. + +

    baseball journal

    + +
      + +
    • book
      • + +
    + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + +     +
    7. + +
  7. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    8. + +
  8. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    9. + +
  9. + +

    spotted towhee

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A block print of a spotted towhee mid-leap. + +     +
    10. + +
  10. + +

    knit shrimp

    + +
      + +
    • knit
      • + +
    + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + +     +
    11. + +
  11. + +

    geese

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + +     +
    12. + +
  12. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    13. + +
  13. + +

    big pidge

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/9/index.html b/gallery/9/index.html new file mode 100644 index 0000000..8225341 --- /dev/null +++ b/gallery/9/index.html @@ -0,0 +1,1258 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    2. + +
  2. + +

    stellar's jay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a stellar's jay, a beautiful black and blue bird, about to take off from a branch + +     +
    3. + +
  3. + +

    hair

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print in black ink of belly hair. + +     +
    4. + +
  4. + +

    flicker

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + +     +
    5. + +
  5. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    6. + +
  6. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    7. + +
  7. + +

    lupine

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + +     +
    8. + +
  8. + +

    leather keychains

    + +
      + +
    • leather
      • + +
    + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + +     +
    9. + +
  9. + +

    killdeer

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a killdeer in black ink. + +     +
    10. + +
  10. + +

    junco

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia. + +     +
    11. + +
  11. + +

    handspun yarn in party mix and orange-gold

    + +
      + +
    • yarn
      • + +
    + 4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white. + +     +
    12. + +
  12. + +

    flatfish

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a simple flatfish design inked in sepia. + +     +
    13. + +
  13. + +

    chanterelle

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/gallery/index.html b/gallery/index.html new file mode 100644 index 0000000..b8960e2 --- /dev/null +++ b/gallery/index.html @@ -0,0 +1,1216 @@ + + + + + + + + +gallery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

gallery

+ + +

the gallery page is for finished art

+

(or browse by tags)

+ +
    + +
  1. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    2. + +
  2. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    3. + +
  3. + +

    ruby the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + +     +
    4. + +
  4. + +

    hand-dyed gold handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight + +     +
    5. + +
  5. + +

    spinner's dream handspun

    + +
      + +
    • yarn
      • + +
    + a skein of a lightly variegated grey yarn in about a sport or DK weight. + +     +
    6. + +
  6. + +

    rambouillet handspun

    + +
      + +
    • yarn
      • + +
    + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + +     +
    7. + +
  7. + +

    fire & ice handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight. + +     +
    8. + +
  8. + +

    dyeing fiber

    + +
      + +
    • yarn
      • + +
    + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + +     +
    9. + +
  9. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    10. + +
  10. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    11. + +
  11. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    12. + +
  12. + +

    petrichor handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue + +     +
    13. + +
  13. + +

    light grey jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of light grey handspun yarn + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/geese-trans-wrongs/index.html b/geese-trans-wrongs/index.html new file mode 100644 index 0000000..7369b91 --- /dev/null +++ b/geese-trans-wrongs/index.html @@ -0,0 +1,1707 @@ + + + + + + + + +geese/trans wrongs | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

geese/trans wrongs

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + + +

Combination of trans wrongs skull and the geese.

+

details

+

dimensions

+

6" x 4"

+

coloration

+

default: black

+

available as

+

patch, print, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    2. + +
  2. + +

    artisans cooperative cards

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink + +     +
    3. + +
  3. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/geese/index.html b/geese/index.html new file mode 100644 index 0000000..f0ebfb9 --- /dev/null +++ b/geese/index.html @@ -0,0 +1,1701 @@ + + + + + + + + +geese | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

geese

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + + +

Based on a fantastic picture by handmade ghost

+

details

+

dimensions

+

6" x 3"

+

coloration

+

default: black

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    hair

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print in black ink of belly hair. + +     +
    2. + +
  2. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    3. + +
  3. + +

    greeting quorbs

    + +
      + +
    • card
      • + +
    • print
      • + +
    + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/gender-as-a-proxy-variable/index.html b/gender-as-a-proxy-variable/index.html new file mode 100644 index 0000000..a7bda3d --- /dev/null +++ b/gender-as-a-proxy-variable/index.html @@ -0,0 +1,1872 @@ + + + + + + + + +gender as a proxy variable | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

gender as a proxy variable

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + + +

Get print copies.

+

The below material is a web page reproduction of my zine Gender as a Proxy Variable.

+
+

Authored by Lee Cattarin

+

August - December 2023 -> February 2024

+
+
+

I would argue that you almost never have to ask for gender…

+

If you’re collecting gender identity data to personalize user-facing copy, try asking for preferred* pronouns instead. If you’re asking because you want to make in-app content recommendations, try asking about the user’s content preferences. If you’re asking to generate a user avatar, let the user generate their own. Gender identity is a poor proxy variable — stick to asking for the information you actually want.

+
+

-- Nikki Stevens, quoted in “How to Make Your Software More Trans-Inclusive,” emphasis mine

+

*pro tip: just say "pronouns" and drop the "preferred"

+
+

So, what are you asking for when you ask for

+

Gender?

+
    +
  • pronouns?
    • +
  • title or prefix?
    • +
  • health needs?
    • +
  • clothing preferences?
    • +
  • bathroom use?
    • +
  • public profile data?
    • +
  • demographic data?
    • +
  • legal identification?
    • +
  • medical information?
    • +
+
+

Formatting note

+

(this section and its effects have been altered to be functional in this medium - in the print zine, checkboxes and radio buttons were used. But Markdown only has one type of list.)

+

Questions that require users pick a single answer will be followed with "(pick one)".

+

Questions that allow users to choose multiple answers will be followed with "(pick any)".

+

Write-in fields may have italicized suggestions in them.

+
+

...Pronouns

+

What pronouns should we use for you? (pick any)

+
    +
  • he/him/his
    • +
  • she/her/hers
    • +
  • they/them/theirs
    • +
  • other (write-in): ze/hir/hirs
    • +
+

Worried about parsing that free text field? Try:

+
    +
  • subjective: she
    • +
  • objective: her
    • +
  • possessive (adj): her
    • +
  • possessive (prn): hers
    • +
  • reflexive: herself
    • +
+

...Title or prefix

+

What title or prefix should we use for you? (pick one)

+
    +
  • Mr.
    • +
  • Mrs.
    • +
  • Ms.
    • +
  • Mx.
    • +
  • Rev.
    • +
  • Dr.
    • +
  • Hon.
    • +
+

(et cetera)

+
    +
  • no prefix
    • +
  • other (write-in):
    • +
+

...Health needs

+

Do you require private facilities for breastfeeding or other health and wellness needs? (pick one)

+
    +
  • yes
    • +
  • no
    • +
+

Provide a write-in space for specific needs, such as refrigeration or running water.

+

...Clothing preferences

+

Which style of shirt would you prefer? (pick one)

+
    +
  • straight cut
    • +
  • fitted (edit: a reader has suggested "curvy" or "flared" as alternatives)
    • +
+

...Bathroom use

+

Do you require any of the following restrooms? (pick any)

+
    +
  • all-gender
    • +
  • single-occupancy
    • +
  • wheelchair-accessible
    • +
  • other (write-in):
    • +
+

All restrooms should be provided with menstrual products.

+

...Public profile data

+

What is your gender? This information will be viewable on your profile by all logged-in users. (pick any)

+
    +
  • man
    • +
  • woman
    • +
  • nonbinary
    • +
  • other (write-in):
    • +
+

Make sure to note the visibility level!

+

...Demographic data

+

What is your gender? This information is collected for demographic analysis only. (pick one)

+
    +
  • man
    • +
  • woman
    • +
  • nonbinary
    • +
  • other (write-in):
    • +
+ +

What is your legal sex as marked on government-issued identification? (pick one)

+
    +
  • M
    • +
  • F
    • +
  • X
    • +
+

Explain where this information will be used. If you need something more specific than any legal identification, say so: "This is used for insurance purposes and must match your gender on insurance paperwork."

+

...Medical

+

What is your gender? (pick any)

+
    +
  • man
    • +
  • woman
    • +
  • nonbinary
    • +
  • other (write-in):
    • +
+

What sex were you assigned at birth? (pick one)

+
    +
  • male
    • +
  • female
    • +
  • other (write-in):
    • +
+

An organ inventory and/or surgical history is a useful tool.

+
+

But let’s talk more about that

+

Gender question

+

Is:

+
    +
  • man
    • +
  • woman
    • +
  • nonbinary
    • +
  • other (write-in):
    • +
+

enough?

+

Maybe not! Probably not, in fact! But what are our other options?

+
    +
  • Expansive lists can be overwhelming to users, fall quickly out of date, and are prone to significant localization issues.
    • +
  • Free text entry removes many of the downsides of expansive lists but introduces new problems with data storage and analysis.
    • +
+

Having a few primary options and a write-in, as shown above, is a good balance!

+
+

A little more on

+

Anti-patterns

+

Consider the following options:

+
    +
  • man
    • +
  • woman
    • +
  • trans man
    • +
  • trans woman
    • +
+

Aside from the lack of nonbinary gender choices, did you notice that?

+

These exclusive choices present “man” and “trans man” (and “woman” and “trans woman”) as separate genders, when what they’re most likely trying to convey is:

+
    +
  • cis man
    • +
  • cis woman
    • +
  • trans man
    • +
  • trans woman
    • +
+

Avoid treating “cis” as the unspoken default.

+

Other anti-patterns include:

+
    +
  • automatic detection of gender (just don’t)
    • +
  • immutable gender fields (make gender easily editable)
    • +
  • grouping all nonbinary or nonstandard genders under “other” (add common gender terms for the relevant culture; include write-in fields)
    • +
+

Patterns

+

Here’s some additional positive patterns that can be appended to many of the earlier examples:

+
    +
  • Make fields optional unless truly necessary, or include “decline to specify”
    • +
  • When questions can’t accommodate a free text field, include “gender not listed here” for those who have an answer but don’t see it reflected in the form
    • +
  • Allow for edits
    • +
  • Allow for the removal of old data
    • +
+

Sources

+

This zine draws from material I gathered for a longer blog post: leecat.art/gender-in-data

+

Linked in that blog post are numerous sources; the most heavily relied on here was from Drupal’s documentation and is found under the section headed “Do you need gender data?”

+

Author

+

Lee Cattarin is a transgender software developer and artist based out of Vashon, WA, USA. All hir creative work can be found at leecat.art

+

Get in touch with hir via any of the methods listed on leecat.art/contact

+

A small stamp depicting Lee's face next to a speech bubble in handwritten text that reads 'Thanks for reading!'. Below that, the word 'editors' in quotes, and stamps of a fluffy dog and 6 variously-patterned ducklings

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    2. + +
  2. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    3. + +
  3. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/gender-in-data-models/index.html b/gender-in-data-models/index.html new file mode 100644 index 0000000..021aedf --- /dev/null +++ b/gender-in-data-models/index.html @@ -0,0 +1,1915 @@ + + + + + + + + +gender in data models | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

gender in data models

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A light pink peony in full bloom, close up. + + Image unrelated to post. A light pink peony in full bloom, close up. + + + + + +

Context and problem

+

As transgender and nonbinary people gain visibility and legal identification expands gender fields to include nonbinary genders and/or "X" markers, data models that only support "male" and "female" (or "M"/"F") are no longer sufficient to align with individuals' legal records or personal identity. However, with the large range of terminology used by transgender and nonbinary people, tackling this problem can seem challenging and brings the potential to further harm or exclude already marginalized individuals.

+

Known limitations

+
    +
  • This is a work in progress
    • +
  • While I have relied on many articles and talks in collating this resource, as well as on my own experiences as a nonbinary trans person enmeshed in nonbinary and trans communities, it is still largely the work of one person at present and will not represent the views of all trans, nonbinary, or gender-expansive people
    • +
+

Where do we need help?

+

Proofreading and commentary from all readers!

+

If you're knowledgeable on this topic, additional information and viewpoints are tremendously useful.

+

If you're new, where do you have questions? What hasn't been explained enough? What do you leave this document still wondering about?

+

Scope

+

This document will look at existing and potential solutions to modeling gender in data for use by software systems, primarily via presenting and analyzing patterns and anti-patterns.

+

Out of scope

+
    +
  • The business case for building data models and software that is inclusive of all.
    • +
  • The validity of trans identities, or of any specific term or set of terms used by individuals in reference to their gender.
    • +
  • A detailed overview of trans people's experiences or understandings; a "Gender 101" or "Trans 101" document; a complete dictionary of terminology relating to the trans or gender diverse community.
    • +
+

Core definitions

+

In order to more easily discuss these topics, I will note here my working definitions for some terms below.

+
+

A note on language… Please do not assume that these definitions are fixed or can be broadly applied across cultures and countries. The language around gender has continued to change as the trans community is more able to connect, have in depth conversations, and define for ourselves how we use language. On an individual, person-to-person level, it's always preferable to mirror the language people use for themselves rather than prescriptively apply terms.

+
+
    +
  • Transgender (abbreviated trans; also trans*): anyone whose gender does not align with their sex assigned at birth. This is both an umbrella term and an individual identity. Used here, it is inclusive of but not limited to (and these identities may overlap): transgender women, transgender men, nonbinary people - including genderqueer, agender, or genderfluid people as well as many other labels - and anyone who is otherwise not cisgender.
    • +
  • Cisgender (abbreviated cis): anyone whose gender matches their sex assigned at birth. +
    +

    Language note: trans and cis are derived from Latin, meaning "on the other side of" and "on this side of" respectively.

    +
    +
    • +
  • Binary/Nonbinary: these terms are in reference to the idea of gender as a binary consisting only of man/male and woman/female, which is neither accurate nor effective in describing human experience.
    • +
  • Nonbinary (also non-binary; abbreviated NBi, NBy, NB [recommended to avoid as it can cause language collisions around NB used to mean non-Black], enby [informal]): an umbrella term or individual identity for anyone whose gender does not wholly and solely align with one binary gender.
    • +
+

Data on the transgender community

+

There's a dearth of data on trans individuals. That said, we do have some relevant sources that have given us broad insight into trans communities.

+
    +
  • U.S. Transgender Survey, the largest survey ever devoted to the lives and experiences of transgender people, with 27,715 respondents across the United States.
    • +
  • Gender Census, an annual survey that collects information about the language used by people whose genders are not adequately described, expressed or encompassed by the restrictive gender binary.
    • +
+

Both of these sources use ‘nonbinary’ as their usual spelling; I am mirroring that here.

+

Issues and considerations

+

Do you need gender data?

+

It's always worthwhile to stop and look at how relevant or necessary gender information is to your goals.

+
+

"'I would argue that you almost never have to ask for gender,' Stevens said.

+

"If you’re collecting gender identity data to personalize user-facing copy, try asking for preferred pronouns instead. If you’re asking because you want to make in-app content recommendations, try asking about the user’s content preferences. If you’re asking to generate a user avatar, let the user generate their own. Gender identity is a poor proxy variable — stick to asking for the information you actually want.

+
+

(Hunter, 2020)

+

Drupal's gender field includes the following guidance in its description:

+
+
    +
  1. Do you need to address a person with pronouns? Genders do not necessarily map easily onto the pronouns a person uses. If you need to associate pronouns with a person, ask for those pronouns directly.
    2. +
  2. Do you need to address a person with a title or prefix (such as Mr./Ms./Mx.)? Genders also do not necessarily correspond to a person's preferred title, and moreover would leave out honorifics related to profession, such as Dr., Rev., or Capt. If you need to associate titles with a person, ask for those titles directly.
    3. +
  3. Do you need to collect gender information for demographic data reasons? If you do, make sure you are able to accurately record a person's gender, rather than forcing them into choosing from limited options. If you need to use the data for recording trends, writing reports, or segmentation for advertising or other reasons, consider post-processing the data to group related genders depending on your specific use-case.
    4. +
  4. Do you need to know a person's health needs, clothing preferences or bathroom use? If you are organizing an event, for instance, you might want to know what sort of facilities to provide or what sorts of t-shirts to order. Genders, however, do not necessarily correspond to specific body types, body functions, health requirements (such as menstrual supplies) or reflect what types of facilities a person would feel safest using in a public environment. If you are collecting gender data for this purpose, ask the more precise questions specifically.
    5. +
  5. Do you want to publicly display a person's gender on a profile? This is often a choice made by social media and dating/relationship sites. If you do this, consider making the field optional altogether. If you are providing user avatars, remember that human bodies come in all sorts, and allow individuals to choose an avatar separately from collecting this data.
    6. +
  6. Do you need to know assigned gender for legal, medical or regulatory reasons? Current gender does not necessarily correspond to assigned sex at birth or legal gender marker, so be sure you are clear in what you are requesting of a person. It's particularly critical to be transparent about your privacy policy and the how this data will be used.
    7. +
+
+

(McCabe and Beach, 2019)

+

Safety and prevention of abuse

+
+

....if this information is displayed publicly there is potential for abuse by people who like to make discriminatory jokes about gender identity, and any such system would need to put steps in place to prevent such abuse.

+

...

+

Instead of putting the burden on a user to fully understand the risks of sharing their highly personal information, let’s put the burden on ourselves to treat that information right. If we have no strong reason to collect it, or can’t guarantee its safety, we shouldn’t collect it.

+
+

(Spicknall, 2019)

+

If you do collect gender data, inform the user what it is used for and who it will be shared with.

+

Anti-patterns

+ +

The availability of nonbinary gender options in legal systems varies by location. The ability to change one's gender marker (from one binary category to another or from binary to nonbinary) varies even more widely, with requirements ranging from simple voluntary declaration, to verification by medical professional(s) of varying treatments which vary in how accessible they are and whether they are actually desired by individuals for whom this is relevant, to only changing in response to proven "error," etc.

+

(Transgender Law Center, 2017) (Movement Advancement Project) (Knight and Ghosal, 2016)

+

If you are not specifically trying to refer to an individual’s legal identification, don’t tie gender to it.

+

Biological sex

+

This is variously defined to refer to sex assigned at birth, legal gender/sex markers, or current physical sex based on any number of characteristics, which may include

+
    +
  • chromosomes
    • +
  • gonads
    • +
  • genitalia
    • +
  • primary sex hormones
    • +
  • secondary sex characteristics
    • +
+

and more. This identifier may or may not be treated as binary and may or may not take into account an individual's medical history.

+

(Montañez, 2017)

+

Outside of healthcare, this is largely unnecessary. For healthcare, see Two- or multi- step approach and Organ inventory.

+

"Other" or similarly named categories

+

As a way to accurately represent gender diverse people, "other" is, quite literally, othering. "Prefer not to say" or similar wording can be an excellent option, but not if it is the only option outside the traditional gender binary that is available to users - in that case, it becomes no longer a preference but a requirement not to say.

+
+

"Researchers have also developed methods to respond to challenges involved in data collection about sexual and gender identities which are culturally specific and unique. For example, in 2011, the government of Nepal attempted the world’s first census in which respondents had the option of choosing 'Male,' 'Female,' or 'Third Gender.' The effort was not successful for a number of reasons, among which was that large proportions of the gender minority population did not identify with the term 'third gender.' Subsequent research determined that the use of culturally specific terms such as 'Methi' and 'Kothi' would have increased the effectiveness of the census effort."

+
+

(Park, 2016)

+

Expansive lists

+

While these can be appealing for the choice they afford users, they come with notable use and implementation considerations.

+
    +
  • Timeliness. This area of language moves quickly and terms are coming into and out of use fast. Larger sets of options require more work to stay up to date and include recent terminology, as well as prompting more questions about which terms, if any, are no longer used to the point they should be removed.
    • +
  • Localization. Hyper-specific terms are easy targets for localization issues, and a more detailed list requires more in-depth research to localize.
    • +
  • User overwhelm. A list with a large set of options, particularly if it's many unfamiliar words, may confuse users.
    • +
  • Exclusive choice. Mentioned briefly above, the more options a list of gender terms offers, the more likely two or more terms are to overlap. Unless offering a "check all that apply" system, this makes accurate choice more difficult for the user rather than easier.
    • +
+

Free text entry

+

This approach provides much of the benefits of an expansive list, and removes the drawbacks discussed above. However, it comes at the cost of making data storage and analysis more expensive, challenging, and time-consuming. It may additionally still contribute to user confusion for anyone who is uncertain where or how the information will be used or whether there are expected responses.

+

For smaller projects, however, this is still an option. Or you can offer this to a small subset of users who find that the available options don't fit - see Not listed here.

+

Assumptions that a single term will fully encompass gender, especially in a more exhaustive list of options

+

Especially when providing expansive lists or allowing write in fields, ensure that terms that are not mutually exclusive must be chosen as though they are. This is the reasoning behind guidance for a two-step approach, described in more detail in Two- or multi- step approach, which "measures assigned sex at birth and self-reported gender identity at the time of the survey" (Park, 2016)

+
+

"...some terms aren’t mutually exclusive, and framing them as such is offensive, Mons said: 'For example, if we list Man, Woman, Non-Binary, Trans Man and Trans Woman, does that separation imply that someone who is trans and identifies as a man is not a man?'"

+
+

(Gossett, 2020) emphasis mine

+

Automatic detection of gender

+

In addition to reinforcing binarism, this approaches tends to reinforce sexism as well, and can further reinforce other prejudices as they intersect with gender.

+
+

"Moreover, these works tend to codify (literally, to write into code) essentialist, stereotypical characterizations of male and female communication patterns and present them as universal, context-free, scientific truths."

+
+

(kanarinka, 2016)

+

For transgender individuals, automatic categorization as a gender they are not is often a frequent and painful occurrence. We should take care not to introduce unnecessary causes of harm into our systems, especially when they are less accurate and helpful than user self-identification.

+

Using gender as a proxy for pronouns

+

Gender isn’t one-to-one with pronouns (or terms of address). If you want to know how to refer to someone, ask pronouns separately.

+

Patterns and solutions

+

Decline to specify

+

Including "decline to specify" or a similar opt-out response is always a positive addition unless the information is actually necessary. However, as mentioned above, don't use this as a replacement for the inclusion of terms that actually match the identity of the individual. Opting out should be a choice, not forced due to lack of other options.

+

Not listed here

+

Including "gender not listed here" or a similar response provides an out for anyone who does not feel represented by the available options. You could follow this up with a free text entry field.

+

Allow for changes

+

Avoid treating gender as an immutable category - make sure users have the ability to edit it.

+

Two- or multi- step approach

+

As mentioned briefly above, a two-step approach separates gender and assigned sex at birth, allowing healthcare systems additional information about the patient. See WPATH guidelines on EMR and associated reference for more details. +This may also be expanded to a multi-step approach, with questions covering some/all of

+
    +
  • Gender
    • +
  • Sex assigned at birth
    • +
  • Legal gender/sex designation
    • +
  • Transgender status +
      +
    • This may additionally benefit from self-identification as "gender diverse, gender non-conforming, gender variant, or gender expansive" (Stevens) either in the same question or as an additional question
      • +
    +
    • +
  • Intersex status
    • +
+

…but only if the data is necessary.

+

Organ inventory

+
+

Provide a means to maintain an inventory of a patient's medical transition history and current anatomy. An anatomical inventory would allow providers to record into the chart (and/or update as needed) the organs each individual patient has at any given point in time; this inventory would then drive any individualized auto-population of history and physical exam templates. This inventory should be uncoupled from the patient's recorded gender identity, assigned sex, or preferred pronouns.

+

...

+

These procedures, however, also should also be un-coupled from any gender-coded template so that an individual coded as male who has had a hysterectomy, for example, could have that history documented. In addition, sex-specific organ procedures and diagnoses relating to these organs should be un-coupled, so that (as an example) a prostatic ultrasound may be ordered on a patient registered as female, or a cervical pap smear ordered on a patient registered as male. Such practices would allow enhanced decision support for transgender-specific care, such as medication interactions, organ- and sex-specific preventive health alerts, or accommodations for sex-specific laboratory normal value ranges.

+
+

(Deutsch, et. al, 2013)

+

Refer to the reference linked above for detailed examples of organ or surgical history inventories.

+

Additional reference (added Sep 2024): (Bourns, 2023)

+

Differentiate with ‘cis’ and ‘trans’

+

Avoid questions that contrast ‘male’ and ‘trans male’ or any parallel set of terms. Either contrast ‘cis male’ and ‘trans male,' or allow respondents to choose multiple responses.

+ +

These systems add additional requirements and restrictions. In cases like these, it may be helpful to have an additional field for legal gender/sex designation (usually set to F, M, or X) in order to allow for alignment with existing documentation without preventing self-identification on the part of the individual.

+

Healthcare systems in particular may benefit from Organ inventory and Two- or multi- step approach.

+

Examples in existing systems

+

WPATH guidelines on EMR

+
    +
  • WPATH: World Professional Association for Transgender Health (WPATH, 2023)
    • +
  • EMR: Electronic Medical Records
    • +
+
+

Preferred name, gender identity, and pronoun preference, as identified by patients, should be included as demographic variables (such as with ethnicity). These would be captured in readily amendable, optional fields that are separate from the patient’s state-listed name and sex or gender designation, which may continue to be used for billing purposes in circumstances when the patient has not yet obtained legal change of name and/or sex or gender designation. Note that some patients may identify as ‘genderqueer’ and prefer the use of neither pronoun. While lists of current common gender identities, sex options, and pronoun options are provided [in original document, see source], ideally field parameters would be easily amended to reflect changing paradigms and social trends within transgender communities.

+
+

(Deutsch, et. al, 2013)

+

Facebook

+
+

"In 2014, Facebook expanded their gender options from 2 to 58 for English speakers in the US and UK. The gender options they added were created in consultation with the LGBTQIA community and range from 'gender non-conforming' to 'two-spirit' to 'trans female'. The corporation later added the ability to identify as more than one gender and to input a custom gender. ... While these changes may appear to be progressive, Facebook’s databases still resolve custom and non-binary genders to Male and Female on the backend based on the binary gender that users select at sign-up where the custom option is not available. Here is how the Facebook Marketing API views gender: 1 = Male, 2 = Female. So while a user and her friends may see her presented as the gender she elects, she is a 1 = Male or 2 = Female to any advertisers looking to purchase her attention."

+
+

(kanarinka, 2016)

+

Drupal

+

Uses a list of genders developed by the Open Demographics project. (McCabe and Beach, 2019) (Stevens)

+

Salesforce Health Cloud

+

Includes Male, Female, Other, and Decline to Specify as options for a gender field, and the field can be null. (Salesforce)

+

Adobe XDM

+

Includes Male, Female, Not Specified, and Non-specific. Defaults to not specifed. (Adobe) (Adobe)

+

Epic Healthcare EMR

+

Uses three different fields: sex assigned at birth, legal sex and gender identity. (Landman, 2017)

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    an intro to git

    + +
      + +
    • software
      • + +
    + Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash. + +     +
    2. + +
  2. + +

    happy solstice 2025

    + +
      + +
    • highlight
      • + +
    + front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i'm standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with 'L + B' written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words 'happy solstice' in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words 'lee, brooke, kestrel, & the flock' in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel's head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i've added a dahlia to represent the stamp, and written 'you!' in the field that would normally hold the mailing address. + +     +
    3. + +
  3. + +

    recommendations & favorites

    + +
      + +
    • highlight
      • + +
    + Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/gender/index.html b/gender/index.html new file mode 100644 index 0000000..9e6a7ce --- /dev/null +++ b/gender/index.html @@ -0,0 +1,1707 @@ + + + + + + + + +gender? | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

gender?

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A page of handwritten notes with some loosely drawn charts, described further in the post. + + A page of handwritten notes with some loosely drawn charts, described further in the post. + + +

transcription

+

Headers and text in blockquotes are handwritten; plain text is image description.

+

Model 1: Binary

+

There are two dots spaced a bit apart, labeled 'Male' and 'Female'

+

Model 2: A spectrum, with male and female as the extremes

+

The same two dots from the previous diagram, now with a horizontal line connecting them.

+
+

Let's think about expanding this in two ways...

+
+

Following this, two arrows point downward to two columns titled Models 3a and 3b, separated by a squiggle.

+

Model 3a: Add an axis

+

The connected dots from Model 2. Now, a vertical axis rises midway between male and female, and its extreme is labeled 'agender.' Arrows helpfully indicate the directions of 'less gender' and 'more gender.' There is a dotted line between agender and male, suggesting a triangle shape.

+

Model 3b: Re-consider the endpoints

+

The connected dots from Model 2, but instead of the horizontal line ending at the points marked male and female, it continues off into seeming infinity.

+
+

These are just two points, not "extremes"

+
+

Model 4: "Color Wheel"

+

A grayscale circle simulating a color wheel, with a slice scaled up to examine. "Type" of gender is labeled as varying as the color wheel is circled, while "amount" of gendered is labeled as varying between the center and the edge of the circle.

+
+

If we wanted to "place" male and female here, they're probably regions, not discrete points.

+

Just as "sky blue" and "navy" are both blue, we have umbrella terms that contain or overlap other terms"

+
+

In correspondence with this text, the color wheel image has two areas circled in dotted lines, labeled 'male?' and 'female?'

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    2. + +
  2. + +

    queer book list

    + +
      + +
    • gender
      • + +
    + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + +     +
    3. + +
  3. + +

    in the news

    + +
      + +
    • gender
      • + +
    + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/girldick/index.html b/girldick/index.html new file mode 100644 index 0000000..3f9a56a --- /dev/null +++ b/girldick/index.html @@ -0,0 +1,1709 @@ + + + + + + + + +girldick | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

girldick

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + + +

To order this as a shirt, please fill out the order form. (Sep 2024: no longer taking orders via this method)

+

details

+

dimensions

+

3" x 8"

+

coloration

+

default: blue

+

available as

+

patch, print, greeting card, sticker, shirt, pin

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pins!

    + +
      + +
    • pin
      • + +
    + Two hard enamel pins in my trans rights and trans wrongs skulls designs. + +     +
    2. + +
  2. + +

    big pidge

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + +     +
    3. + +
  3. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/give-to-trans-orgs-and-people/index.html b/give-to-trans-orgs-and-people/index.html new file mode 100644 index 0000000..7e381fc --- /dev/null +++ b/give-to-trans-orgs-and-people/index.html @@ -0,0 +1,1749 @@ + + + + + + + + +give to trans orgs and people | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

give to trans orgs and people

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up. + + Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up. + + +

This is a collation of responses to a fediverse post I made.

+

For reference, I also have a list set up at /give that lists a number of great nonprofits.

+

Collections

+ +

Orgs

+ +

People

+

If you are listed here and would like to be removed, just get in touch with me.

+

Aldercone Studio

+ +

héctor

+ +

Luke Orion

+ +

Pixel

+ +

Taj

+ +

Credit

+

Thank you to these wonderful folks (and many more who chose to remain uncredited) for the links/orgs:

+ + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    2. + +
  2. + +

    happy biHRTday

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + +     +
    3. + +
  3. + +

    bottom growth (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/gradient-purse-strap/index.html b/gradient-purse-strap/index.html new file mode 100644 index 0000000..d53ef55 --- /dev/null +++ b/gradient-purse-strap/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +gradient purse strap | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

gradient purse strap

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches. + + a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches. + + +

40-something inches long, brass hardware, custom dyed.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    2. + +
  2. + +

    shrimp cat toy

    + +
      + +
    • leather
      • + +
    + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + +     +
    3. + +
  3. + +

    foldy wallet with thumb slide

    + +
      + +
    • leather
      • + +
    + A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/green-memo-pad/index.html b/green-memo-pad/index.html new file mode 100644 index 0000000..5bb9686 --- /dev/null +++ b/green-memo-pad/index.html @@ -0,0 +1,1692 @@ + + + + + + + + +green memo pad | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

green memo pad

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A three panel collage showcasing a small green memo pad. + + A three panel collage showcasing a small green memo pad. + + +

A green memo pad. The text block is held on by a piece of waxed thread around the spine, which allows it to be replaced if desired.

+

details

+

dimensions

+
    +
  • cover: 4 5/8" x 3 1/4"
    • +
  • pages: 4 1/2" x 3"
    • +
+

coloration

+
    +
  • cover: green
    • +
  • endpapers: blue fruits and vines w/ gold detailing, yellow w/ flecks
    • +
+

pages

+
    +
  • Strathmore Artagain in multiple colors, graph paper
    • +
  • 36 pages (24 Artagain, 12 graph paper)
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    orange journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small book with foldout pages and a bright orange cover. + +     +
    2. + +
  2. + +

    square watercolor pad

    + +
      + +
    • book
      • + +
    + A two panel collage showing a square book with a tan cover and blue and gold endpapers. + +     +
    3. + +
  3. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/greeting-loons/index.html b/greeting-loons/index.html new file mode 100644 index 0000000..bcf10dd --- /dev/null +++ b/greeting-loons/index.html @@ -0,0 +1,1688 @@ + + + + + + + + +greeting loons | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

greeting loons

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + + +

Original print greeting cards.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    tiny portraits

    + +
      + +
    • print
      • + +
    + A collage showing various small (around an inch) stamps that depict people or animals. + +     +
    2. + +
  2. + +

    tiny mushrooms

    + +
      + +
    • print
      • + +
    + 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's hat mycena in indigo. + +     +
    3. + +
  3. + +

    five of them

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/greeting-quorbs/index.html b/greeting-quorbs/index.html new file mode 100644 index 0000000..072e3a8 --- /dev/null +++ b/greeting-quorbs/index.html @@ -0,0 +1,1695 @@ + + + + + + + + +greeting quorbs | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

greeting quorbs

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + + +

Original print greeting cards.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    2. + +
  2. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    3. + +
  3. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/guestbook/index.html b/guestbook/index.html new file mode 100644 index 0000000..9e49cb2 --- /dev/null +++ b/guestbook/index.html @@ -0,0 +1,1091 @@ + + + + + + + + +guestbook | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + +

guestbook

+ +

guestbook entries are manually added and moderated :)

+

yes, you may sign again even if you've been here before - just no spamming please!

+

write

+

if the embed below is not working for you, you can open the guestbook form in a new tab or just contact me any way you want with your desired message

+ +

read

+

J'myle Koretz on :

+
+

It was delightful to meet you at the Vashon art walk a couple weekends back. Kestrel was awesome, and your [Brooke's] jackets were so cool!

+
+

Jack on :

+
+

All the things you make and do are so cool and I feel so lucky every time I get to see them (including the ones that now live in my home!)

+
+

hello on :

+
+

thanks for being gay and weird pal

+
+

Fén (Spirits) on :

+
+

Hi you make really good art and crafts and have been awesome to get to know ^^ Keep on keeping on~

+
+

Olive on :

+
+

Hi! You're cool :))

+
+

Fern (Rainbow) on :

+
+

I think you're awesome and this is really impressive 🥺

+
+

handmade ghost on :

+
+

Everything Lee makes is a gift to the world--just knowing ze made something new brings me joy and sends me scrambling to this site!

+
+

jay on :

+
+

EGG

+
+

pqqq on :

+
+

Hello from Fedi! Your site is absolutely wonderful, and I love that you're adding a guestbook, too!!

+
+

Morgan on :

+
+

You make good art and good takes on gender 💜

+
+

Lisa on :

+
+

Ask not for whom the snoot is booped. It is booped for weevils.

+
+

nathanlovestrees on :

+
+

honk!

+
+

✨pencilears✨ on :

+
+

Hello! I'm glad we're still doing guest books on websites.

+
+

brhfl on :

+
+

hey hi! just giving you some test data and also basking in the nostalgia of a guestbook :)

+
+

Eedlipherus C. Bigribs on :

+
+

Signing the guestbook so you have data to format on the page lyao.

+

And this is a second paragraph, because, honestly, this is more interesting than the QA I get paid to do, so I'll just make this bit long enough to wrap for a few lines, yep, maybe a little bit more, uh huh, that's right, eat your heart out, Lorem Ipsum.

+
+

jade on :

+
+

Hi Lee!

+
+

alex tax1a on :

+
+

Hi!! signing the guestbook, so you have at least one datum.

+
+ + + +
+ + + + + + + diff --git a/hair/index.html b/hair/index.html new file mode 100644 index 0000000..d24a866 --- /dev/null +++ b/hair/index.html @@ -0,0 +1,1704 @@ + + + + + + + + +hair | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

hair

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in black ink of belly hair. + + A print in black ink of belly hair. + + +

Hand carved stamp of some tummy hair, in celebration of testosterone.

+

details

+

dimensions

+

4" x 6"

+

coloration

+

default: black

+

available as

+

patch, print, greeting card??

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    loon

    + +
      + +
    • print
      • + +
    + A print of a loon rearing up with wings spread + +     +
    2. + +
  2. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    3. + +
  3. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/hand-dyed-gold-handspun/index.html b/hand-dyed-gold-handspun/index.html new file mode 100644 index 0000000..1129294 --- /dev/null +++ b/hand-dyed-gold-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +hand-dyed gold handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

hand-dyed gold handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight + + 3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight + + +

Fiber from Paradise Fibers. 70% merino/30% nylon. Hand-dyed by me.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    spinning plants

    + +
      + +
    • yarn
      • + +
    + 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) + +     +
    2. + +
  2. + +

    fire & ice handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight. + +     +
    3. + +
  3. + +

    light grey jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of light grey handspun yarn + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/handcombed-jacobs-handspun/index.html b/handcombed-jacobs-handspun/index.html new file mode 100644 index 0000000..17c2380 --- /dev/null +++ b/handcombed-jacobs-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +handcombed jacobs handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

handcombed jacobs handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + a skein of dark grey handspun yarn + + a skein of dark grey handspun yarn + + +

Fiber: Jacobs wool that I scoured and combed myself.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    light grey jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of light grey handspun yarn + +     +
    2. + +
  2. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    3. + +
  3. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/handedness-toggle/index.html b/handedness-toggle/index.html new file mode 100644 index 0000000..75b926c --- /dev/null +++ b/handedness-toggle/index.html @@ -0,0 +1,1904 @@ + + + + + + + + +handedness toggle | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

handedness toggle

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left. + + A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left. + + +

Recently, I got an iPad for art and immediately fell down the rabbit hole of Glitch and web development.

+

When creating the rescue Trans rescue site, I started with a right-aligned navbar. While developing and testing on my iPad, I got in the habit of hovering my hand over the top-right corner of the tablet, always ready to try the light/dark toggle or switch pages.

+

And then I thought about left-handed people - left handed tablet or touchscreen users in particular. Reaching across the screen repeatedly would start to be a real drag, wouldn't it?

+

Ok, let's make a toggle!

+

(Want to just see the outcome? Head on down the page to the summary.)

+

the button

+

First we'll need some HTML for our button. I added this to my menu:

+
<button id="alignment"
+		title="toggle left/right navbar alignment"
+		aria-label="toggle left/right navbar alignment"
+		class="menu-link">
+	<!-- autopopulated by nav.js -->
+</button>
+

It's important to note here that I added it to the beginning of the menu list. I want it to be the first item in the list so that it points over the left side of the screen with nothing obstructing it.

+

handling narrow screens

+

Let's quickly take a moment to ensure that the toggle only shows up on wider screens with a bit of CSS:

+
@media (max-width: 500px) {
+	#alignment {
+		display: none;
+	}
+}
+

Now users on phones won't have an unhelpful button taking screen space.

+ +

Now let's move to nav.js and define some consts for ease of use. We're going to use Font Awesome icons for this button, so we'll go grab their HTML for the left and right pointing hands.

+
const ALIGN = "alignment"
+const LEFT = "left"
+const RIGHT = "right"
+
+const LEFT_ICON = '<i class="fa-regular fa-hand-point-left" aria-hidden="true"></i>';
+const RIGHT_ICON = '<i class="fa-regular fa-hand-point-right" aria-hidden="true"></i>';
+

We'll use localStorage to store and retrieve alignment preferences:

+
let align = localStorage.getItem(ALIGN);
+

and we'll grab the button we defined in HTML:

+
let alignToggle = document.getElementById(ALIGN);
+

setting icons

+

Next, let's structure out some functions. We'll fill them in more as we figure out what we need.

+
function setAlignRight() {
+	// If we're aligned on the right, the toggle should point to the left
+	alignToggle.innerHTML = LEFT_ICON;
+}
+
+function setAlignLeft() {
+	// If we're aligned on the left, the toggle should point to the right
+	alignToggle.innerHTML = RIGHT_ICON;
+}
+
+// This function changes the alignment to the given value
+// It also runs at startup to set alignment
+function changeAlign(align) {
+	switch (align) {
+		case LEFT:
+			setAlignLeft();
+			break;
+		case null:
+			// If nothing is set, default to right alignment
+			align = RIGHT;
+		case RIGHT:
+			setAlignRight();
+			break;
+	}
+	// Set localStorage for next time
+	localStorage.setItem(ALIGN, align);
+}
+
+// Run at startup
+changeAlign();
+
+// This function handles the actual flip-flopping of the alignment value
+function toggleAlign() {
+	if (align === LEFT) align = RIGHT;
+	else align = LEFT;
+
+	changeAlign(align);
+}
+
+// Attach the toggle function to the alignToggle as a click listener
+alignToggle.addEventListener("click", toggleAlign);
+

So that gets us the basic functionality of changing the icon when the toggle is clicked. However, it does nothing for the navbar alignment. What do we need for that?

+

alignment

+

Well, that depends on your navbar CSS. For this, let's run through the simplest possible version: your navbar is a flexbox and all items are treated equally. Maybe your CSS looks sorta like this:

+
#navbar {
+	position: sticky;
+	top: 0 px;
+	width: 100%;
+	display: flex;
+	/* This is the line that matters to us */
+	/* we'll want to swap between flex-start and flex-end */
+	justify-content: flex-end;
+}
+

Let's add that justify-content setting to our JS (as well as a line to fetch the navbar by id):

+
let navbar = document.getElementById("navbar");
+
+function setAlignRight() {
+	alignToggle.innerHTML = LEFT_ICON;
+	navbar.style.justifyContent = "flex-end";
+	// If you have other necessary style changes, add them here
+}
+
+function setAlignLeft() {
+	alignToggle.innerHTML = RIGHT_ICON;
+	navbar.style.justifyContent = "flex-start";
+	// If you have other necessary style changes, add them here
+}
+

Now, the menu should re-orient itself when we interact with the toggle. However, you'll notice that the left-aligned menu shows up in the same order as the right aligned menu: handedness toggle first, then the rest of the menu.

+

(Forgive the lack of continuity with the header image.)

+

the navbar of this site in dark mode. from left to right, there's pink and blue icons of: a hand pointing right, images, file folder, user/person, opened mail, and a lightbulb.

+

moving the button

+

I don't want that; I want the handedness toggle to always point, unobstructed, to the side of the screen it moves things to. So let's move it around when we set alignment. It'll need to be the first item in the menu list for right-handed alignment, and the last item for left-handed. We can do that with prepend() and append().

+
function setAlignRight() {
+	alignToggle.innerHTML = LEFT_ICON;
+	navbar.style.justifyContent = "flex-end";
+	navbar.prepend(alignToggle);
+}
+
+function setAlignLeft() {
+	alignToggle.innerHTML = RIGHT_ICON;
+	navbar.style.justifyContent = "flex-start";
+	navbar.append(alignToggle);
+}
+

Cool! Now we have a menu that re-aligns itself and repositions the alignment button.

+

The same navbar, now with elements reordered. The hand pointing right now lands at the end of the menu. Incidentally, the theme button has also been swapped and is at the start of the menu but that's not relevant.

+

keyboard navigation

+

Oooh, but wait: keyboard navigation is broken.

+

When I tab over to the alignment button and hit Enter/space, it does what we expect, but it also loses keyboard focus. Because of that little prepend()/append() move, the element is removed from the DOM and re-added in a new location - now without focus. We'll need to add focus back to the alignToggle manually, so it's not lost.

+

We can do that with the .focus() function:

+
function toggleAlign() {
+	if (align === LEFT) align = RIGHT;
+	else align = LEFT;
+
+	changeAlign(align);
+
+	// Replace focus on the toggle that's been moved
+	alignToggle.focus();
+}
+

Ok, now focus is maintained... but it also shows up after a mouse click, not just a keyboard interaction. That's a little irritating. How do we fix that?

+

managing focus

+

toggleAlign() is an event handler, which means it can optionally take an event var. For "click" events, that event var includes a field detail which provides the click count. This can be used to disambiguate single vs double clicks, or it can be used to test for keyboard interaction, which creates zero clicks.

+

Let's add that in:

+
function toggleAlign(event) {
+	if (align === LEFT) align = RIGHT;
+	else align = LEFT;
+
+	changeAlign(align);
+
+	// Zero clicks means this was a keyboard interaction
+	// Replace focus on the toggle that's been moved
+	if (event.detail === 0) alignToggle.focus();
+}
+

Now we should only replace visible focus for keyboard interactions.

+

Navbar showing handedness toggle in focus, pointing right. It has a bright blue outline, pink background, and dark icon image.

+

thanks for reading

+

Want to see further changes? Found a bug with this implementation? Contact me!

+
+

summary

+

Here's the referenced HTML, CSS, and JS in full:

+

HTML

+
<button id="alignment"
+		title="toggle left/right navbar alignment"
+		aria-label="toggle left/right navbar alignment"
+		class="menu-link">
+	<!-- autopopulated by nav.js -->
+</button>
+

CSS

+
#navbar {
+	position: sticky;
+	top: 0 px;
+	width: 100%;
+	display: flex;
+	/* nav.js handles justify-content instead */
+	/* justify-content: flex-end; */
+}
+
+/* Remove the handedness toggle on narrow screens */
+@media (max-width: 500px) {
+	#alignment {
+		display: none;
+	}
+}
+

JS

+
const ALIGN = "alignment"
+const LEFT = "left"
+const RIGHT = "right"
+
+const LEFT_ICON = '<i class="fa-regular fa-hand-point-left" aria-hidden="true"></i>';
+const RIGHT_ICON = '<i class="fa-regular fa-hand-point-right" aria-hidden="true"></i>';
+
+let align = localStorage.getItem(ALIGN);
+let alignToggle = document.getElementById(ALIGN);
+
+function setAlignRight() {
+	alignToggle.innerHTML = LEFT_ICON;
+	navbar.style.justifyContent = "flex-end";
+	navbar.prepend(alignToggle);
+}
+
+function setAlignLeft() {
+	alignToggle.innerHTML = RIGHT_ICON;
+	navbar.style.justifyContent = "flex-start";
+	navbar.append(alignToggle);
+}
+
+function changeAlign(align) {
+	switch (align) {
+		case LEFT:
+			setAlignLeft();
+			break;
+		case null:
+			align = RIGHT;
+		case RIGHT:
+			setAlignRight();
+			break;
+	}
+	localStorage.setItem(ALIGN, align);
+}
+
+changeAlign();
+
+function toggleAlign(event) {
+	if (align === LEFT) align = RIGHT;
+	else align = LEFT;
+
+	changeAlign(align);
+
+	if (event.detail === 0) alignToggle.focus();
+}
+
+alignToggle.addEventListener("click", toggleAlign);
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    eleventy lessons

    + +
      + +
    • software
      • + +
    + Image unrelated to post. Close up on a pale green hellebore flower. + +     +
    2. + +
  2. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    3. + +
  3. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/handspun-yarn-in-party-mix-and-orange-gold/index.html b/handspun-yarn-in-party-mix-and-orange-gold/index.html new file mode 100644 index 0000000..d8609a3 --- /dev/null +++ b/handspun-yarn-in-party-mix-and-orange-gold/index.html @@ -0,0 +1,1697 @@ + + + + + + + + +handspun yarn in party mix and orange-gold | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

handspun yarn in party mix and orange-gold

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white. + + 4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white. + + +

4 skeins of handspun yarn.

+

details

+

dimensions

+
    +
  • left skeins: +
      +
    • 50g, 60yds
      • +
    • 60g, 80yds
      • +
    +
    • +
  • right skeins: +
      +
    • 72g, 124 yds
      • +
    • 76g, 136 yds
      • +
    +
    • +
+

coloration

+
    +
  • left skeins: multicolor mix of blue, orange, purple, pink, green, and gray
    • +
  • right skeins: gold, orange, and white
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    ruby the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + +     +
    2. + +
  2. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    3. + +
  3. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/happy-bihrtday/index.html b/happy-bihrtday/index.html new file mode 100644 index 0000000..1a533e5 --- /dev/null +++ b/happy-bihrtday/index.html @@ -0,0 +1,1696 @@ + + + + + + + + +happy biHRTday | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

happy biHRTday

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + + +

details

+

dimensions

+

3" x 5"

+

coloration

+

default: black and a random accent color

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    on pronouns

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder. + +     +
    2. + +
  2. + +

    five of them

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + +     +
    3. + +
  3. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/happy-solstice-2024/index.html b/happy-solstice-2024/index.html new file mode 100644 index 0000000..9932478 --- /dev/null +++ b/happy-solstice-2024/index.html @@ -0,0 +1,1617 @@ + + + + + + + + +happy solstice 2024 | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

happy solstice 2024

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + A digital card with front and back stitched together into one image. Front - a collage of photos - brooke with blue hair and kestrel wiggling in her lap; kestrel on his back with one back paw clutched in his mouth; lee sitting holding some custom art of kestrel, showing kestrel the pictures; lee looking intently through a long camera lens; brooke, back to the camera, swaggering across tidal flats in her hand-stitched jacket. over the photos, hand-lettering reads 'happy solstice!' in two shades of pink. Back - two photos - the duckies clustered around the camera; and kestrel leaping gracefully through shallow water with his tongue out in a blep. Overlaid text reads '~ Lee, Brooke, Kestrel, & the Flock' + + A digital card with front and back stitched together into one image. Front - a collage of photos - brooke with blue hair and kestrel wiggling in her lap; kestrel on his back with one back paw clutched in his mouth; lee sitting holding some custom art of kestrel, showing kestrel the pictures; lee looking intently through a long camera lens; brooke, back to the camera, swaggering across tidal flats in her hand-stitched jacket. over the photos, hand-lettering reads 'happy solstice!' in two shades of pink. Back - two photos - the duckies clustered around the camera; and kestrel leaping gracefully through shallow water with his tongue out in a blep. Overlaid text reads '~ Lee, Brooke, Kestrel, & the Flock' + + +

Hand-lettered digitally. Happy Solstice to you and yours.

+ +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/happy-solstice-2025/index.html b/happy-solstice-2025/index.html new file mode 100644 index 0000000..4182e2e --- /dev/null +++ b/happy-solstice-2025/index.html @@ -0,0 +1,1684 @@ + + + + + + + + +happy solstice 2025 | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

happy solstice 2025

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i'm standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with 'L + B' written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words 'happy solstice' in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words 'lee, brooke, kestrel, & the flock' in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel's head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i've added a dahlia to represent the stamp, and written 'you!' in the field that would normally hold the mailing address. + + front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i'm standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with 'L + B' written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words 'happy solstice' in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words 'lee, brooke, kestrel, & the flock' in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel's head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i've added a dahlia to represent the stamp, and written 'you!' in the field that would normally hold the mailing address. + + +

Happy Solstice to you and yours.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    2. + +
  2. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    3. + +
  3. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/heron/index.html b/heron/index.html new file mode 100644 index 0000000..cf4ee38 --- /dev/null +++ b/heron/index.html @@ -0,0 +1,1703 @@ + + + + + + + + +heron | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

heron

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + + +

Hand carved stamp of a great blue heron. Based on a photo from birdpixel.

+

details

+

dimensions

+

4" x 8"

+

coloration

+

default: black

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    printmaking paper notes

    + +
      + +
    • print
      • + +
    + Image unrelated to post. A very fluffed up killdeer stands on a rocky beach. + +     +
    2. + +
  2. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    3. + +
  3. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/hummingbird-become-ungovernable/index.html b/hummingbird-become-ungovernable/index.html new file mode 100644 index 0000000..edec9bf --- /dev/null +++ b/hummingbird-become-ungovernable/index.html @@ -0,0 +1,1699 @@ + + + + + + + + +hummingbird become ungovernable | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

hummingbird become ungovernable

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + + +

Rufous hummingbirds are remarkably aggressive.

+

details

+

dimensions

+

6" x 6"

+

coloration

+

default: black and orange

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    2. + +
  2. + +

    shirts!

    + +
      + +
    • shirt
      • + +
    + A row of shirts hanging in front of a window, with a variety of hand-printed designs. + +     +
    3. + +
  3. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/icelandic-lamb-handspun/index.html b/icelandic-lamb-handspun/index.html new file mode 100644 index 0000000..2449640 --- /dev/null +++ b/icelandic-lamb-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +icelandic lamb handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

icelandic lamb handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + a skein of black handspun yarn + + a skein of black handspun yarn + + +

Fiber: Icelandic Lamb from Skagit Woolen Works

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    fire & ice handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight. + +     +
    2. + +
  2. + +

    spinning plants

    + +
      + +
    • yarn
      • + +
    + 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) + +     +
    3. + +
  3. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/img/aaron-mask.jpg b/img/aaron-mask.jpg new file mode 100644 index 0000000..e3a000b Binary files /dev/null and b/img/aaron-mask.jpg differ diff --git a/img/acadia-coloring-journal.jpg b/img/acadia-coloring-journal.jpg new file mode 100644 index 0000000..d54f008 Binary files /dev/null and b/img/acadia-coloring-journal.jpg differ diff --git a/img/acadia-mitts.jpg b/img/acadia-mitts.jpg new file mode 100644 index 0000000..6db3c46 Binary files /dev/null and b/img/acadia-mitts.jpg differ diff --git a/img/aggregator-wireframes.jpg b/img/aggregator-wireframes.jpg new file mode 100644 index 0000000..945df7b Binary files /dev/null and b/img/aggregator-wireframes.jpg differ diff --git a/img/anarchy-autism-rainbow-print.jpg b/img/anarchy-autism-rainbow-print.jpg new file mode 100644 index 0000000..d6be5c4 Binary files /dev/null and b/img/anarchy-autism-rainbow-print.jpg differ diff --git a/img/angle-brackets-uwu.jpg b/img/angle-brackets-uwu.jpg new file mode 100644 index 0000000..8a18680 Binary files /dev/null and b/img/angle-brackets-uwu.jpg differ diff --git a/img/artisans-coop-cards.jpg b/img/artisans-coop-cards.jpg new file mode 100644 index 0000000..1369a40 Binary files /dev/null and b/img/artisans-coop-cards.jpg differ diff --git a/img/artisans-coop-shirt.jpg b/img/artisans-coop-shirt.jpg new file mode 100644 index 0000000..7b69e06 Binary files /dev/null and b/img/artisans-coop-shirt.jpg differ diff --git a/img/artists-conk-leatherworking.jpg b/img/artists-conk-leatherworking.jpg new file mode 100644 index 0000000..da4eef5 Binary files /dev/null and b/img/artists-conk-leatherworking.jpg differ diff --git a/img/azure-locations.jpg b/img/azure-locations.jpg new file mode 100644 index 0000000..8863bcb Binary files /dev/null and b/img/azure-locations.jpg differ diff --git a/img/bag-strap.jpg b/img/bag-strap.jpg new file mode 100644 index 0000000..f155c76 Binary files /dev/null and b/img/bag-strap.jpg differ diff --git a/img/baseball-journal.jpg b/img/baseball-journal.jpg new file mode 100644 index 0000000..f4d245a Binary files /dev/null and b/img/baseball-journal.jpg differ diff --git a/img/become-unbutterable.jpg b/img/become-unbutterable.jpg new file mode 100644 index 0000000..febf777 Binary files /dev/null and b/img/become-unbutterable.jpg differ diff --git a/img/bfl-silk-handspun.jpg b/img/bfl-silk-handspun.jpg new file mode 100644 index 0000000..5ae9110 Binary files /dev/null and b/img/bfl-silk-handspun.jpg differ diff --git a/img/big-pidge-print.jpg b/img/big-pidge-print.jpg new file mode 100644 index 0000000..1a593f7 Binary files /dev/null and b/img/big-pidge-print.jpg differ diff --git a/img/blue-brown-leather-journal.jpg b/img/blue-brown-leather-journal.jpg new file mode 100644 index 0000000..d4dbf23 Binary files /dev/null and b/img/blue-brown-leather-journal.jpg differ diff --git a/img/booby-card.jpg b/img/booby-card.jpg new file mode 100644 index 0000000..810afa3 Binary files /dev/null and b/img/booby-card.jpg differ diff --git a/img/bottom-growth-prints.jpg b/img/bottom-growth-prints.jpg new file mode 100644 index 0000000..f178e36 Binary files /dev/null and b/img/bottom-growth-prints.jpg differ diff --git a/img/bouquet.jpg b/img/bouquet.jpg new file mode 100644 index 0000000..90149fa Binary files /dev/null and b/img/bouquet.jpg differ diff --git a/img/bowtie.jpg b/img/bowtie.jpg new file mode 100644 index 0000000..d20c3de Binary files /dev/null and b/img/bowtie.jpg differ diff --git a/img/boypussy-shirt.jpg b/img/boypussy-shirt.jpg new file mode 100644 index 0000000..91cf806 Binary files /dev/null and b/img/boypussy-shirt.jpg differ diff --git a/img/brooke-cuffs.jpg b/img/brooke-cuffs.jpg new file mode 100644 index 0000000..c229b40 Binary files /dev/null and b/img/brooke-cuffs.jpg differ diff --git a/img/brooke-notebook.jpg b/img/brooke-notebook.jpg new file mode 100644 index 0000000..a48323c Binary files /dev/null and b/img/brooke-notebook.jpg differ diff --git a/img/brooke-scarf.jpg b/img/brooke-scarf.jpg new file mode 100644 index 0000000..9ea6d35 Binary files /dev/null and b/img/brooke-scarf.jpg differ diff --git a/img/brooke-socks.jpg b/img/brooke-socks.jpg new file mode 100644 index 0000000..fd53f4c Binary files /dev/null and b/img/brooke-socks.jpg differ diff --git a/img/brooke-suspenders.jpg b/img/brooke-suspenders.jpg new file mode 100644 index 0000000..33b8d76 Binary files /dev/null and b/img/brooke-suspenders.jpg differ diff --git a/img/brown-creeper-print.jpg b/img/brown-creeper-print.jpg new file mode 100644 index 0000000..d28f292 Binary files /dev/null and b/img/brown-creeper-print.jpg differ diff --git a/img/butch-hands.jpg b/img/butch-hands.jpg new file mode 100644 index 0000000..6a832bf Binary files /dev/null and b/img/butch-hands.jpg differ diff --git a/img/camelCase-print.jpg b/img/camelCase-print.jpg new file mode 100644 index 0000000..ba0e178 Binary files /dev/null and b/img/camelCase-print.jpg differ diff --git a/img/chanterelle-print.jpg b/img/chanterelle-print.jpg new file mode 100644 index 0000000..a90a514 Binary files /dev/null and b/img/chanterelle-print.jpg differ diff --git a/img/charlie-alpaca-handspun.jpg b/img/charlie-alpaca-handspun.jpg new file mode 100644 index 0000000..8df6e94 Binary files /dev/null and b/img/charlie-alpaca-handspun.jpg differ diff --git a/img/circle-bag.jpg b/img/circle-bag.jpg new file mode 100644 index 0000000..419de8b Binary files /dev/null and b/img/circle-bag.jpg differ diff --git a/img/clustered-brown-mushrooms.jpg b/img/clustered-brown-mushrooms.jpg new file mode 100644 index 0000000..bbfcaa5 Binary files /dev/null and b/img/clustered-brown-mushrooms.jpg differ diff --git a/img/coming-out-card-print.jpg b/img/coming-out-card-print.jpg new file mode 100644 index 0000000..0d9a288 Binary files /dev/null and b/img/coming-out-card-print.jpg differ diff --git a/img/congrats-on-the-gay.jpg b/img/congrats-on-the-gay.jpg new file mode 100644 index 0000000..21838e4 Binary files /dev/null and b/img/congrats-on-the-gay.jpg differ diff --git a/img/congrats-on-the.jpg b/img/congrats-on-the.jpg new file mode 100644 index 0000000..b976bf0 Binary files /dev/null and b/img/congrats-on-the.jpg differ diff --git a/img/coral-reef-handspun.jpg b/img/coral-reef-handspun.jpg new file mode 100644 index 0000000..6b6367b Binary files /dev/null and b/img/coral-reef-handspun.jpg differ diff --git a/img/cormorant.jpg b/img/cormorant.jpg new file mode 100644 index 0000000..4fdbd53 Binary files /dev/null and b/img/cormorant.jpg differ diff --git a/img/crinkly-mushrooms.jpg b/img/crinkly-mushrooms.jpg new file mode 100644 index 0000000..f80fb8d Binary files /dev/null and b/img/crinkly-mushrooms.jpg differ diff --git a/img/crow-print.jpg b/img/crow-print.jpg new file mode 100644 index 0000000..ba4af96 Binary files /dev/null and b/img/crow-print.jpg differ diff --git a/img/crow.jpg b/img/crow.jpg new file mode 100644 index 0000000..6e42df1 Binary files /dev/null and b/img/crow.jpg differ diff --git a/img/double-bill-pocket-bifold.jpg b/img/double-bill-pocket-bifold.jpg new file mode 100644 index 0000000..ff85234 Binary files /dev/null and b/img/double-bill-pocket-bifold.jpg differ diff --git a/img/dragon-mask.jpg b/img/dragon-mask.jpg new file mode 100644 index 0000000..54396fd Binary files /dev/null and b/img/dragon-mask.jpg differ diff --git a/img/duckies.png b/img/duckies.png new file mode 100644 index 0000000..9f271ec Binary files /dev/null and b/img/duckies.png differ diff --git a/img/dyed-fiber.jpg b/img/dyed-fiber.jpg new file mode 100644 index 0000000..88ab96e Binary files /dev/null and b/img/dyed-fiber.jpg differ diff --git a/img/eight-pocket-bifold.jpg b/img/eight-pocket-bifold.jpg new file mode 100644 index 0000000..105a190 Binary files /dev/null and b/img/eight-pocket-bifold.jpg differ diff --git a/img/euphorbia-print.jpg b/img/euphorbia-print.jpg new file mode 100644 index 0000000..73129b5 Binary files /dev/null and b/img/euphorbia-print.jpg differ diff --git a/img/fat-raccoon-print.jpg b/img/fat-raccoon-print.jpg new file mode 100644 index 0000000..cc95d05 Binary files /dev/null and b/img/fat-raccoon-print.jpg differ diff --git a/img/fedilearns.jpg b/img/fedilearns.jpg new file mode 100644 index 0000000..c129a01 Binary files /dev/null and b/img/fedilearns.jpg differ diff --git a/img/fedizinefest-2025.png b/img/fedizinefest-2025.png new file mode 100644 index 0000000..402a462 Binary files /dev/null and b/img/fedizinefest-2025.png differ diff --git a/img/fire-ice-handspun.jpg b/img/fire-ice-handspun.jpg new file mode 100644 index 0000000..c7029f7 Binary files /dev/null and b/img/fire-ice-handspun.jpg differ diff --git a/img/fishhook-keychain-nonbinary.jpg b/img/fishhook-keychain-nonbinary.jpg new file mode 100644 index 0000000..75ea886 Binary files /dev/null and b/img/fishhook-keychain-nonbinary.jpg differ diff --git a/img/five-of-them-print.jpg b/img/five-of-them-print.jpg new file mode 100644 index 0000000..fd1f7c3 Binary files /dev/null and b/img/five-of-them-print.jpg differ diff --git a/img/fix-your-hearts-print.jpg b/img/fix-your-hearts-print.jpg new file mode 100644 index 0000000..8260873 Binary files /dev/null and b/img/fix-your-hearts-print.jpg differ diff --git a/img/flatfish-print.jpg b/img/flatfish-print.jpg new file mode 100644 index 0000000..d24bce5 Binary files /dev/null and b/img/flatfish-print.jpg differ diff --git a/img/flicker-print.jpg b/img/flicker-print.jpg new file mode 100644 index 0000000..30832b8 Binary files /dev/null and b/img/flicker-print.jpg differ diff --git a/img/flocked-notebook.jpg b/img/flocked-notebook.jpg new file mode 100644 index 0000000..f23b319 Binary files /dev/null and b/img/flocked-notebook.jpg differ diff --git a/img/foldy-thumb-slide.jpg b/img/foldy-thumb-slide.jpg new file mode 100644 index 0000000..fd451e4 Binary files /dev/null and b/img/foldy-thumb-slide.jpg differ diff --git a/img/foldy-wallet.jpg b/img/foldy-wallet.jpg new file mode 100644 index 0000000..f3a9a07 Binary files /dev/null and b/img/foldy-wallet.jpg differ diff --git a/img/foxgloves-print.jpg b/img/foxgloves-print.jpg new file mode 100644 index 0000000..6f94394 Binary files /dev/null and b/img/foxgloves-print.jpg differ diff --git a/img/geese-print.jpg b/img/geese-print.jpg new file mode 100644 index 0000000..0dc6f33 Binary files /dev/null and b/img/geese-print.jpg differ diff --git a/img/gender-census.jpg b/img/gender-census.jpg new file mode 100644 index 0000000..ac18795 Binary files /dev/null and b/img/gender-census.jpg differ diff --git a/img/gender-notes.png b/img/gender-notes.png new file mode 100644 index 0000000..b20fb08 Binary files /dev/null and b/img/gender-notes.png differ diff --git a/img/gender-zine-cover.png b/img/gender-zine-cover.png new file mode 100644 index 0000000..016c0c7 Binary files /dev/null and b/img/gender-zine-cover.png differ diff --git a/img/gender-zine-stamps.png b/img/gender-zine-stamps.png new file mode 100644 index 0000000..f293391 Binary files /dev/null and b/img/gender-zine-stamps.png differ diff --git a/img/girldick-shirt.jpg b/img/girldick-shirt.jpg new file mode 100644 index 0000000..b0b8c48 Binary files /dev/null and b/img/girldick-shirt.jpg differ diff --git a/img/gold-handspun.jpg b/img/gold-handspun.jpg new file mode 100644 index 0000000..b9a1cb2 Binary files /dev/null and b/img/gold-handspun.jpg differ diff --git a/img/goldeneye-tail.jpg b/img/goldeneye-tail.jpg new file mode 100644 index 0000000..3baca80 Binary files /dev/null and b/img/goldeneye-tail.jpg differ diff --git a/img/gradient-purse-strap.jpg b/img/gradient-purse-strap.jpg new file mode 100644 index 0000000..95add14 Binary files /dev/null and b/img/gradient-purse-strap.jpg differ diff --git a/img/green-memo-pad.jpg b/img/green-memo-pad.jpg new file mode 100644 index 0000000..a65aa17 Binary files /dev/null and b/img/green-memo-pad.jpg differ diff --git a/img/greeting-loons.jpg b/img/greeting-loons.jpg new file mode 100644 index 0000000..c1d9c5b Binary files /dev/null and b/img/greeting-loons.jpg differ diff --git a/img/greeting-quorbs.jpg b/img/greeting-quorbs.jpg new file mode 100644 index 0000000..3f482e6 Binary files /dev/null and b/img/greeting-quorbs.jpg differ diff --git a/img/hair-print.jpg b/img/hair-print.jpg new file mode 100644 index 0000000..326af52 Binary files /dev/null and b/img/hair-print.jpg differ diff --git a/img/handcombed-jacobs.jpg b/img/handcombed-jacobs.jpg new file mode 100644 index 0000000..f3a2c07 Binary files /dev/null and b/img/handcombed-jacobs.jpg differ diff --git a/img/handedness-toggle-0.png b/img/handedness-toggle-0.png new file mode 100644 index 0000000..c683dd5 Binary files /dev/null and b/img/handedness-toggle-0.png differ diff --git a/img/handedness-toggle-1.png b/img/handedness-toggle-1.png new file mode 100644 index 0000000..08e80c3 Binary files /dev/null and b/img/handedness-toggle-1.png differ diff --git a/img/handedness-toggle-2.png b/img/handedness-toggle-2.png new file mode 100644 index 0000000..94c4b54 Binary files /dev/null and b/img/handedness-toggle-2.png differ diff --git a/img/handedness-toggle-3.png b/img/handedness-toggle-3.png new file mode 100644 index 0000000..29d95bd Binary files /dev/null and b/img/handedness-toggle-3.png differ diff --git a/img/handspun0.jpg b/img/handspun0.jpg new file mode 100644 index 0000000..c4b244b Binary files /dev/null and b/img/handspun0.jpg differ diff --git a/img/happy-bihrtday-card-print.jpg b/img/happy-bihrtday-card-print.jpg new file mode 100644 index 0000000..f0737ee Binary files /dev/null and b/img/happy-bihrtday-card-print.jpg differ diff --git a/img/hellebore.jpg b/img/hellebore.jpg new file mode 100644 index 0000000..ab21056 Binary files /dev/null and b/img/hellebore.jpg differ diff --git a/img/heron-print.jpg b/img/heron-print.jpg new file mode 100644 index 0000000..8c82a5f Binary files /dev/null and b/img/heron-print.jpg differ diff --git a/img/horsetail.jpg b/img/horsetail.jpg new file mode 100644 index 0000000..e25fa51 Binary files /dev/null and b/img/horsetail.jpg differ diff --git a/img/hummingbird-ungovernable-print.jpg b/img/hummingbird-ungovernable-print.jpg new file mode 100644 index 0000000..3bbe364 Binary files /dev/null and b/img/hummingbird-ungovernable-print.jpg differ diff --git a/img/icelandic-lamb.jpg b/img/icelandic-lamb.jpg new file mode 100644 index 0000000..8ca4491 Binary files /dev/null and b/img/icelandic-lamb.jpg differ diff --git a/img/iris-prints.jpg b/img/iris-prints.jpg new file mode 100644 index 0000000..f596b79 Binary files /dev/null and b/img/iris-prints.jpg differ diff --git a/img/junco-print.jpg b/img/junco-print.jpg new file mode 100644 index 0000000..ebe569d Binary files /dev/null and b/img/junco-print.jpg differ diff --git a/img/keffiyah-nets.jpg b/img/keffiyah-nets.jpg new file mode 100644 index 0000000..b33ef77 Binary files /dev/null and b/img/keffiyah-nets.jpg differ diff --git a/img/kestrel-zine.jpg b/img/kestrel-zine.jpg new file mode 100644 index 0000000..e22a359 Binary files /dev/null and b/img/kestrel-zine.jpg differ diff --git a/img/kestrel.png b/img/kestrel.png new file mode 100644 index 0000000..c3364c2 Binary files /dev/null and b/img/kestrel.png differ diff --git a/img/killdeer-print.jpg b/img/killdeer-print.jpg new file mode 100644 index 0000000..75d9363 Binary files /dev/null and b/img/killdeer-print.jpg differ diff --git a/img/killdeer.jpg b/img/killdeer.jpg new file mode 100644 index 0000000..1160e2b Binary files /dev/null and b/img/killdeer.jpg differ diff --git a/img/knife-sheaths.jpg b/img/knife-sheaths.jpg new file mode 100644 index 0000000..0d20fd0 Binary files /dev/null and b/img/knife-sheaths.jpg differ diff --git a/img/kniphofia-print.jpg b/img/kniphofia-print.jpg new file mode 100644 index 0000000..3f3a1da Binary files /dev/null and b/img/kniphofia-print.jpg differ diff --git a/img/knit-shrimp.jpg b/img/knit-shrimp.jpg new file mode 100644 index 0000000..a925a8b Binary files /dev/null and b/img/knit-shrimp.jpg differ diff --git a/img/koi-pond.jpg b/img/koi-pond.jpg new file mode 100644 index 0000000..daf850f Binary files /dev/null and b/img/koi-pond.jpg differ diff --git a/img/leaf-patches-oak.jpg b/img/leaf-patches-oak.jpg new file mode 100644 index 0000000..56eaeac Binary files /dev/null and b/img/leaf-patches-oak.jpg differ diff --git a/img/leather-chest-harness.jpg b/img/leather-chest-harness.jpg new file mode 100644 index 0000000..f9448f5 Binary files /dev/null and b/img/leather-chest-harness.jpg differ diff --git a/img/leather-harness-wip.jpg b/img/leather-harness-wip.jpg new file mode 100644 index 0000000..4369431 Binary files /dev/null and b/img/leather-harness-wip.jpg differ diff --git a/img/leather-keychains.jpg b/img/leather-keychains.jpg new file mode 100644 index 0000000..41c0189 Binary files /dev/null and b/img/leather-keychains.jpg differ diff --git a/img/leather-lighter-case.jpg b/img/leather-lighter-case.jpg new file mode 100644 index 0000000..544af1b Binary files /dev/null and b/img/leather-lighter-case.jpg differ diff --git a/img/leather-strap-journal.jpg b/img/leather-strap-journal.jpg new file mode 100644 index 0000000..f04ae21 Binary files /dev/null and b/img/leather-strap-journal.jpg differ diff --git a/img/leather-wrap-bracelets.jpg b/img/leather-wrap-bracelets.jpg new file mode 100644 index 0000000..63bb0c9 Binary files /dev/null and b/img/leather-wrap-bracelets.jpg differ diff --git a/img/light-grey-jacobs.jpg b/img/light-grey-jacobs.jpg new file mode 100644 index 0000000..ddc8537 Binary files /dev/null and b/img/light-grey-jacobs.jpg differ diff --git a/img/lined-notebook.jpg b/img/lined-notebook.jpg new file mode 100644 index 0000000..ca334a5 Binary files /dev/null and b/img/lined-notebook.jpg differ diff --git a/img/lined-shearling-collar.jpg b/img/lined-shearling-collar.jpg new file mode 100644 index 0000000..6e486b8 Binary files /dev/null and b/img/lined-shearling-collar.jpg differ diff --git a/img/little-critter-pouch.jpg b/img/little-critter-pouch.jpg new file mode 100644 index 0000000..85f2c56 Binary files /dev/null and b/img/little-critter-pouch.jpg differ diff --git a/img/lobstah.jpg b/img/lobstah.jpg new file mode 100644 index 0000000..1b4a707 Binary files /dev/null and b/img/lobstah.jpg differ diff --git a/img/long-stitch-journals.jpg b/img/long-stitch-journals.jpg new file mode 100644 index 0000000..45d7f4b Binary files /dev/null and b/img/long-stitch-journals.jpg differ diff --git a/img/long-zipper-bifold.jpg b/img/long-zipper-bifold.jpg new file mode 100644 index 0000000..972422a Binary files /dev/null and b/img/long-zipper-bifold.jpg differ diff --git a/img/loon-print.jpg b/img/loon-print.jpg new file mode 100644 index 0000000..1f1a8b5 Binary files /dev/null and b/img/loon-print.jpg differ diff --git a/img/loon.jpg b/img/loon.jpg new file mode 100644 index 0000000..3bfce12 Binary files /dev/null and b/img/loon.jpg differ diff --git a/img/luminescent-print.jpg b/img/luminescent-print.jpg new file mode 100644 index 0000000..c7b479d Binary files /dev/null and b/img/luminescent-print.jpg differ diff --git a/img/lupine-prints.jpg b/img/lupine-prints.jpg new file mode 100644 index 0000000..e28bbc9 Binary files /dev/null and b/img/lupine-prints.jpg differ diff --git a/img/makers-mark-keychain.jpg b/img/makers-mark-keychain.jpg new file mode 100644 index 0000000..5fd648c Binary files /dev/null and b/img/makers-mark-keychain.jpg differ diff --git a/img/metal-curl.jpg b/img/metal-curl.jpg new file mode 100644 index 0000000..7371b48 Binary files /dev/null and b/img/metal-curl.jpg differ diff --git a/img/mom-bag.jpg b/img/mom-bag.jpg new file mode 100644 index 0000000..41ac006 Binary files /dev/null and b/img/mom-bag.jpg differ diff --git a/img/moss-harness.jpg b/img/moss-harness.jpg new file mode 100644 index 0000000..6b72518 Binary files /dev/null and b/img/moss-harness.jpg differ diff --git a/img/mousie.jpg b/img/mousie.jpg new file mode 100644 index 0000000..730385d Binary files /dev/null and b/img/mousie.jpg differ diff --git a/img/mushroom-on-fence.jpg b/img/mushroom-on-fence.jpg new file mode 100644 index 0000000..f945f1c Binary files /dev/null and b/img/mushroom-on-fence.jpg differ diff --git a/img/mushrooms-and-moss.jpg b/img/mushrooms-and-moss.jpg new file mode 100644 index 0000000..a8385bd Binary files /dev/null and b/img/mushrooms-and-moss.jpg differ diff --git a/img/nine-pocket-bifold.jpg b/img/nine-pocket-bifold.jpg new file mode 100644 index 0000000..96e941c Binary files /dev/null and b/img/nine-pocket-bifold.jpg differ diff --git a/img/nonbinary-flag-print.jpg b/img/nonbinary-flag-print.jpg new file mode 100644 index 0000000..d61c6cc Binary files /dev/null and b/img/nonbinary-flag-print.jpg differ diff --git a/img/not-a-drill-print.jpg b/img/not-a-drill-print.jpg new file mode 100644 index 0000000..f0795a3 Binary files /dev/null and b/img/not-a-drill-print.jpg differ diff --git a/img/oblong-punch-alternative.jpg b/img/oblong-punch-alternative.jpg new file mode 100644 index 0000000..f53d6e8 Binary files /dev/null and b/img/oblong-punch-alternative.jpg differ diff --git a/img/on-the-shoulders.jpg b/img/on-the-shoulders.jpg new file mode 100644 index 0000000..51a80b7 Binary files /dev/null and b/img/on-the-shoulders.jpg differ diff --git a/img/orange-green-journal.jpg b/img/orange-green-journal.jpg new file mode 100644 index 0000000..771fd13 Binary files /dev/null and b/img/orange-green-journal.jpg differ diff --git a/img/orange-journal.jpg b/img/orange-journal.jpg new file mode 100644 index 0000000..27ce692 Binary files /dev/null and b/img/orange-journal.jpg differ diff --git a/img/oring-bracelet.jpg b/img/oring-bracelet.jpg new file mode 100644 index 0000000..2a98c26 Binary files /dev/null and b/img/oring-bracelet.jpg differ diff --git a/img/orion-handspun.jpg b/img/orion-handspun.jpg new file mode 100644 index 0000000..0565eab Binary files /dev/null and b/img/orion-handspun.jpg differ diff --git a/img/patchwork-wallet.jpg b/img/patchwork-wallet.jpg new file mode 100644 index 0000000..a006dd6 Binary files /dev/null and b/img/patchwork-wallet.jpg differ diff --git a/img/peony.jpg b/img/peony.jpg new file mode 100644 index 0000000..7b7bf71 Binary files /dev/null and b/img/peony.jpg differ diff --git a/img/petrichor-handspun.jpg b/img/petrichor-handspun.jpg new file mode 100644 index 0000000..1afe479 Binary files /dev/null and b/img/petrichor-handspun.jpg differ diff --git a/img/pinatex-ten-pocket-bifold.jpg b/img/pinatex-ten-pocket-bifold.jpg new file mode 100644 index 0000000..7b90107 Binary files /dev/null and b/img/pinatex-ten-pocket-bifold.jpg differ diff --git a/img/pink-socks.jpg b/img/pink-socks.jpg new file mode 100644 index 0000000..379688a Binary files /dev/null and b/img/pink-socks.jpg differ diff --git a/img/pink-yellow-flowers.jpg b/img/pink-yellow-flowers.jpg new file mode 100644 index 0000000..d819aea Binary files /dev/null and b/img/pink-yellow-flowers.jpg differ diff --git a/img/pixels-mushrooms.jpg b/img/pixels-mushrooms.jpg new file mode 100644 index 0000000..1952f4e Binary files /dev/null and b/img/pixels-mushrooms.jpg differ diff --git a/img/plant-handspun.jpg b/img/plant-handspun.jpg new file mode 100644 index 0000000..5d6e9ef Binary files /dev/null and b/img/plant-handspun.jpg differ diff --git a/img/pride-dice-bags.jpg b/img/pride-dice-bags.jpg new file mode 100644 index 0000000..2a975f8 Binary files /dev/null and b/img/pride-dice-bags.jpg differ diff --git a/img/printing-press.jpg b/img/printing-press.jpg new file mode 100644 index 0000000..08b2998 Binary files /dev/null and b/img/printing-press.jpg differ diff --git a/img/pronoun-patch-scroll.jpg b/img/pronoun-patch-scroll.jpg new file mode 100644 index 0000000..c7aabac Binary files /dev/null and b/img/pronoun-patch-scroll.jpg differ diff --git a/img/pronoun-patch.jpg b/img/pronoun-patch.jpg new file mode 100644 index 0000000..d57b5d4 Binary files /dev/null and b/img/pronoun-patch.jpg differ diff --git a/img/proud-dad-wallet.jpg b/img/proud-dad-wallet.jpg new file mode 100644 index 0000000..156bf59 Binary files /dev/null and b/img/proud-dad-wallet.jpg differ diff --git a/img/queer-print.jpg b/img/queer-print.jpg new file mode 100644 index 0000000..c04a560 Binary files /dev/null and b/img/queer-print.jpg differ diff --git a/img/quorbs-print.jpg b/img/quorbs-print.jpg new file mode 100644 index 0000000..8ce249a Binary files /dev/null and b/img/quorbs-print.jpg differ diff --git a/img/rachel-bracelets.jpg b/img/rachel-bracelets.jpg new file mode 100644 index 0000000..93afe07 Binary files /dev/null and b/img/rachel-bracelets.jpg differ diff --git a/img/rainbow-books.jpg b/img/rainbow-books.jpg new file mode 100644 index 0000000..2fcc2c8 Binary files /dev/null and b/img/rainbow-books.jpg differ diff --git a/img/rambouillet-handspun.jpg b/img/rambouillet-handspun.jpg new file mode 100644 index 0000000..948b604 Binary files /dev/null and b/img/rambouillet-handspun.jpg differ diff --git a/img/rockery.jpg b/img/rockery.jpg new file mode 100644 index 0000000..3777ee8 Binary files /dev/null and b/img/rockery.jpg differ diff --git a/img/rope-print-1.jpg b/img/rope-print-1.jpg new file mode 100644 index 0000000..c287793 Binary files /dev/null and b/img/rope-print-1.jpg differ diff --git a/img/ruby-alpaca-handspun.jpg b/img/ruby-alpaca-handspun.jpg new file mode 100644 index 0000000..2fc63c0 Binary files /dev/null and b/img/ruby-alpaca-handspun.jpg differ diff --git a/img/scrap-patches.jpg b/img/scrap-patches.jpg new file mode 100644 index 0000000..a31a6cf Binary files /dev/null and b/img/scrap-patches.jpg differ diff --git a/img/seedling-print.jpg b/img/seedling-print.jpg new file mode 100644 index 0000000..744608b Binary files /dev/null and b/img/seedling-print.jpg differ diff --git a/img/sheep.jpg b/img/sheep.jpg new file mode 100644 index 0000000..0971139 Binary files /dev/null and b/img/sheep.jpg differ diff --git a/img/shelf-mushrooms.jpg b/img/shelf-mushrooms.jpg new file mode 100644 index 0000000..a38923e Binary files /dev/null and b/img/shelf-mushrooms.jpg differ diff --git a/img/shirt-wip.jpg b/img/shirt-wip.jpg new file mode 100644 index 0000000..7505a39 Binary files /dev/null and b/img/shirt-wip.jpg differ diff --git a/img/shirts.jpg b/img/shirts.jpg new file mode 100644 index 0000000..fca61cd Binary files /dev/null and b/img/shirts.jpg differ diff --git a/img/shoelace-bag.jpg b/img/shoelace-bag.jpg new file mode 100644 index 0000000..5e2c809 Binary files /dev/null and b/img/shoelace-bag.jpg differ diff --git a/img/shrimp-knitting.jpg b/img/shrimp-knitting.jpg new file mode 100644 index 0000000..f63c486 Binary files /dev/null and b/img/shrimp-knitting.jpg differ diff --git a/img/shrimp-print.jpg b/img/shrimp-print.jpg new file mode 100644 index 0000000..1ae4a82 Binary files /dev/null and b/img/shrimp-print.jpg differ diff --git a/img/sideways-canvas.jpg b/img/sideways-canvas.jpg new file mode 100644 index 0000000..7f01c47 Binary files /dev/null and b/img/sideways-canvas.jpg differ diff --git a/img/slightly-weird-man-club-print.jpg b/img/slightly-weird-man-club-print.jpg new file mode 100644 index 0000000..99d453a Binary files /dev/null and b/img/slightly-weird-man-club-print.jpg differ diff --git a/img/snacking-seagull.jpg b/img/snacking-seagull.jpg new file mode 100644 index 0000000..651828f Binary files /dev/null and b/img/snacking-seagull.jpg differ diff --git a/img/snap-pouches.jpg b/img/snap-pouches.jpg new file mode 100644 index 0000000..a26e7a4 Binary files /dev/null and b/img/snap-pouches.jpg differ diff --git a/img/solstice-2024.png b/img/solstice-2024.png new file mode 100644 index 0000000..5df7ffe Binary files /dev/null and b/img/solstice-2024.png differ diff --git a/img/solstice-2025.jpg b/img/solstice-2025.jpg new file mode 100644 index 0000000..e8e81fe Binary files /dev/null and b/img/solstice-2025.jpg differ diff --git a/img/sora-collar.jpg b/img/sora-collar.jpg new file mode 100644 index 0000000..fe54764 Binary files /dev/null and b/img/sora-collar.jpg differ diff --git a/img/spinners-dream-handspun.jpg b/img/spinners-dream-handspun.jpg new file mode 100644 index 0000000..a167618 Binary files /dev/null and b/img/spinners-dream-handspun.jpg differ diff --git a/img/spoonfairies-provider.png b/img/spoonfairies-provider.png new file mode 100644 index 0000000..89d3ee9 Binary files /dev/null and b/img/spoonfairies-provider.png differ diff --git a/img/spotted-towhee-print.jpg b/img/spotted-towhee-print.jpg new file mode 100644 index 0000000..57b835d Binary files /dev/null and b/img/spotted-towhee-print.jpg differ diff --git a/img/square-watercolor-pad.jpg b/img/square-watercolor-pad.jpg new file mode 100644 index 0000000..9eb8896 Binary files /dev/null and b/img/square-watercolor-pad.jpg differ diff --git a/img/squarsh-prints.jpg b/img/squarsh-prints.jpg new file mode 100644 index 0000000..a29e02f Binary files /dev/null and b/img/squarsh-prints.jpg differ diff --git a/img/stampede-journal.jpg b/img/stampede-journal.jpg new file mode 100644 index 0000000..009952e Binary files /dev/null and b/img/stampede-journal.jpg differ diff --git a/img/starling.jpg b/img/starling.jpg new file mode 100644 index 0000000..fd9dd29 Binary files /dev/null and b/img/starling.jpg differ diff --git a/img/stellars-jay-print.jpg b/img/stellars-jay-print.jpg new file mode 100644 index 0000000..4ed76ee Binary files /dev/null and b/img/stellars-jay-print.jpg differ diff --git a/img/stephanie-collar.jpg b/img/stephanie-collar.jpg new file mode 100644 index 0000000..666183e Binary files /dev/null and b/img/stephanie-collar.jpg differ diff --git a/img/striped-journal.jpg b/img/striped-journal.jpg new file mode 100644 index 0000000..0f8856a Binary files /dev/null and b/img/striped-journal.jpg differ diff --git a/img/sunflower.jpg b/img/sunflower.jpg new file mode 100644 index 0000000..4b69cd7 Binary files /dev/null and b/img/sunflower.jpg differ diff --git a/img/swallowtail-on-snowdrops-print.jpg b/img/swallowtail-on-snowdrops-print.jpg new file mode 100644 index 0000000..257dfe4 Binary files /dev/null and b/img/swallowtail-on-snowdrops-print.jpg differ diff --git a/img/swoop-wallet.jpg b/img/swoop-wallet.jpg new file mode 100644 index 0000000..4adf100 Binary files /dev/null and b/img/swoop-wallet.jpg differ diff --git a/img/textures-unite.jpg b/img/textures-unite.jpg new file mode 100644 index 0000000..b910d7e Binary files /dev/null and b/img/textures-unite.jpg differ diff --git a/img/tiny-book.jpg b/img/tiny-book.jpg new file mode 100644 index 0000000..2ef7224 Binary files /dev/null and b/img/tiny-book.jpg differ diff --git a/img/tiny-portrait-stamps.jpg b/img/tiny-portrait-stamps.jpg new file mode 100644 index 0000000..799eaeb Binary files /dev/null and b/img/tiny-portrait-stamps.jpg differ diff --git a/img/trans-rights-and-wrongs-pins.jpg b/img/trans-rights-and-wrongs-pins.jpg new file mode 100644 index 0000000..15249f4 Binary files /dev/null and b/img/trans-rights-and-wrongs-pins.jpg differ diff --git a/img/trans-rights-print.jpg b/img/trans-rights-print.jpg new file mode 100644 index 0000000..1265c44 Binary files /dev/null and b/img/trans-rights-print.jpg differ diff --git a/img/trans-rights-stickers.jpg b/img/trans-rights-stickers.jpg new file mode 100644 index 0000000..b5953e0 Binary files /dev/null and b/img/trans-rights-stickers.jpg differ diff --git a/img/trans-the-world-print.jpg b/img/trans-the-world-print.jpg new file mode 100644 index 0000000..7c95897 Binary files /dev/null and b/img/trans-the-world-print.jpg differ diff --git a/img/trans-wrongs-geese-print.jpg b/img/trans-wrongs-geese-print.jpg new file mode 100644 index 0000000..fdfa0a0 Binary files /dev/null and b/img/trans-wrongs-geese-print.jpg differ diff --git a/img/trans-wrongs-print.jpg b/img/trans-wrongs-print.jpg new file mode 100644 index 0000000..bc334c8 Binary files /dev/null and b/img/trans-wrongs-print.jpg differ diff --git a/img/transfer-wip.jpg b/img/transfer-wip.jpg new file mode 100644 index 0000000..7e19fef Binary files /dev/null and b/img/transfer-wip.jpg differ diff --git a/img/triangle-pouch.jpg b/img/triangle-pouch.jpg new file mode 100644 index 0000000..e50928b Binary files /dev/null and b/img/triangle-pouch.jpg differ diff --git a/img/two-shrimp.jpg b/img/two-shrimp.jpg new file mode 100644 index 0000000..94829ab Binary files /dev/null and b/img/two-shrimp.jpg differ diff --git a/img/vertical-bifold.jpg b/img/vertical-bifold.jpg new file mode 100644 index 0000000..1054b4a Binary files /dev/null and b/img/vertical-bifold.jpg differ diff --git a/img/vertical-card-wallet.jpg b/img/vertical-card-wallet.jpg new file mode 100644 index 0000000..39e932e Binary files /dev/null and b/img/vertical-card-wallet.jpg differ diff --git a/img/vertical-zipper-card-wallet.jpg b/img/vertical-zipper-card-wallet.jpg new file mode 100644 index 0000000..bf69cf5 Binary files /dev/null and b/img/vertical-zipper-card-wallet.jpg differ diff --git a/img/vix-collar.jpg b/img/vix-collar.jpg new file mode 100644 index 0000000..c574ae3 Binary files /dev/null and b/img/vix-collar.jpg differ diff --git a/img/wax-seals.jpg b/img/wax-seals.jpg new file mode 100644 index 0000000..e62b656 Binary files /dev/null and b/img/wax-seals.jpg differ diff --git a/img/wood-ducks.jpg b/img/wood-ducks.jpg new file mode 100644 index 0000000..d2e39e5 Binary files /dev/null and b/img/wood-ducks.jpg differ diff --git a/img/zipper-bifold-green.jpg b/img/zipper-bifold-green.jpg new file mode 100644 index 0000000..f636558 Binary files /dev/null and b/img/zipper-bifold-green.jpg differ diff --git a/img/zipper-bifold.jpg b/img/zipper-bifold.jpg new file mode 100644 index 0000000..dec978d Binary files /dev/null and b/img/zipper-bifold.jpg differ diff --git a/in-the-news/index.html b/in-the-news/index.html new file mode 100644 index 0000000..b05f88d --- /dev/null +++ b/in-the-news/index.html @@ -0,0 +1,1692 @@ + + + + + + + + +in the news | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

in the news

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + + +

topic: Artisans Cooperative

+ +

topic: Trans/Queer

+ + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    luminescent (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a tattooed woman in bright highlighter yellow underwear. + +     +
    2. + +
  2. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    3. + +
  3. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..d994ce7 --- /dev/null +++ b/index.html @@ -0,0 +1,1212 @@ + + + + + + + + +home | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

home

+ +

(or browse by tags)

+ +
    + +
  1. + +

    fediLearns

    + +
      + +
    + the logo for fedilearns, which is a grey newspaper icon with the fediverse icon (a rainbow pentagon) superimposed. + +     +
    2. + +
  2. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    3. + +
  3. + +

    eleventy lessons

    + +
      + +
    • software
      • + +
    + Image unrelated to post. Close up on a pale green hellebore flower. + +     +
    4. + +
  4. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    5. + +
  5. + +

    screen reader optimizations

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A crow poses on driftwood against a whitish sky. + +     +
    6. + +
  6. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    7. + +
  7. + +

    ruby the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + +     +
    8. + +
  8. + +

    hand-dyed gold handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight + +     +
    9. + +
  9. + +

    spinner's dream handspun

    + +
      + +
    • yarn
      • + +
    + a skein of a lightly variegated grey yarn in about a sport or DK weight. + +     +
    10. + +
  10. + +

    rambouillet handspun

    + +
      + +
    • yarn
      • + +
    + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + +     +
    11. + +
  11. + +

    fire & ice handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight. + +     +
    12. + +
  12. + +

    dyeing fiber

    + +
      + +
    • yarn
      • + +
    + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + +     +
    13. + +
  13. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/intro-to-wireframing/index.html b/intro-to-wireframing/index.html new file mode 100644 index 0000000..558a484 --- /dev/null +++ b/intro-to-wireframing/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +intro to wireframing | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

intro to wireframing

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

learning figma! isn't it fun!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    2. + +
  2. + +

    moving images

    + +
      + +
    • software
      • + +
    + 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. + +     +
    3. + +
  3. + +

    my favorite git flag

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/iris/index.html b/iris/index.html new file mode 100644 index 0000000..880519c --- /dev/null +++ b/iris/index.html @@ -0,0 +1,1705 @@ + + + + + + + + +iris | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

iris

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + + +

A hand carved set of 4 stamps make up this iris print.

+

details

+

dimensions

+
    +
  • 5 x 7 inch print
    • +
  • 3.5 x 5 or 5 x 7 inch greeting card
    • +
+

coloration

+

default: varies. green stem and yellow leafy bits are standard, and iris petals are usually in a pink, purple, or orange with dark blue or purple detailing. other colors on request.

+

available as

+

print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    2. + +
  2. + +

    geese

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + +     +
    3. + +
  3. + +

    chanterelle

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/junco/index.html b/junco/index.html new file mode 100644 index 0000000..d18fade --- /dev/null +++ b/junco/index.html @@ -0,0 +1,1698 @@ + + + + + + + + +junco | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

junco

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia. + + A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia. + + +

Hand carved stamp based on a photo of a dark-eyed junco.

+

details

+

dimensions

+

about 4" square

+

coloration

+

default: black, gray, and sepia

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    hair

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print in black ink of belly hair. + +     +
    2. + +
  2. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    3. + +
  3. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/keffiyah-fishing-net-pattern/index.html b/keffiyah-fishing-net-pattern/index.html new file mode 100644 index 0000000..3cc33e8 --- /dev/null +++ b/keffiyah-fishing-net-pattern/index.html @@ -0,0 +1,1871 @@ + + + + + + + + +keffiyah fishing net pattern | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

keffiyah fishing net pattern

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + knit +
    • + +
+ +
+ + + + + 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. + + 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. + + +

give

+

this pattern is offered at no cost, but I highly encourage giving to Palestinian relief work.

+ +

abbreviations

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
abbrterm
MCmain color (light in swatch shown)
CCcontrast color (dark in swatch shown)
RSright side
WSwrong side
kknit
slslip
wyifwith yarn in front
ppurl
+

techniques

+

knit into a float

+

in this pattern, you will be creating floats on the front of the work, then picking them up and knitting into them 3 rows later. Do this as part of the stitch you are working, not instead of! You should have the same number of stitches afterwards.

+

when you pick up a float, you want it to sit in front of the worked stitch, and untwisted. To achieve this, I have been catching the float on my right needle by dipping the needle down and under the float, from the front to the back. From there, I work the stitch, then slip the float over the new stitch on my right needle.

+

knit flat

+

cast on

+

knit flat, the pattern repeat uses 6n + 1 stitches. In the swatch shown, I cast on 29 stitches - 2 on each side for selvedge, then 25 -- 6 * 4 + 1. To simplify things, I'll write the pattern for the swatch, selvedge and all - but please adapt as you see fit.

+

with MC, cast on 29 stitches.

+

establish the pattern

+
    +
  • row 0 (WS): with MC, knit to last stitch, sl1 wyif
    • +
  • row 1 (RS): +
      +
    • with MC, k2
      • +
    • [with CC, k1; with MC, k5] * 4, then with CC, k1
      • +
    • with MC, k1, sl1 wyif
      • +
    +
    • +
  • row 2 (WS): +
      +
    • with MC, k1, p1
      • +
    • [with CC, k1 and leave working yarn on RS; with MC, p5] * 4, then with CC, k1 and bring working yarn back to WS
      • +
    • with MC, p1, sl1 wyif
      • +
    +
    • +
+

pattern repeat

+
    +
  • row 3 (RS): with MC, knit to last stitch, sl1 wyif
    • +
  • row 4 (WS): with MC, k1, purl to last stitch, sl1 wyif
    • +
  • row 5 (RS): +
      +
    • with MC, k5
      • +
    • [with CC, k1 into the float from 3 rows below; with MC, k5] * 4
      • +
    • with MC, k4, sl1 wyif
      • +
    +
    • +
  • row 6 (RS): +
      +
    • with MC, k1, p4
      • +
    • [with CC, k1 and leave working yarn on RS; with MC, p5] * 4 -- on the last repeat, move working yarn back to WS before purling
      • +
    • with MC, p4, sl1 wyif
      • +
    +
    • +
  • rows 7-8: repeat rows 3-4
    • +
  • row 9 (RS): +
      +
    • with MC, k2
      • +
    • [with CC, k1 into the float from 3 rows below; with MC, k5] * 4, then with CC, k1
      • +
    • with MC, k1, sl1 wyif
      • +
    +
    • +
  • row 10 (WS): +
      +
    • with MC, k1, p1
      • +
    • [with CC, k1 and leave working yarn on RS; with MC, p5] * 4, then with CC, k1 and bring working yarn back to WS
      • +
    • with MC, p1, sl1 wyif
      • +
    +
    • +
+

close the pattern

+

end after rows 5 or 9 of the pattern repeat. replace row 6 or 10 with the following:

+
    +
  • row 6 alteration: +
      +
    • with MC, k1, p4
      • +
    • [with CC, k1; with MC, p5] * 4
      • +
    • with MC, p4, sl1 wyif
      • +
    +
    • +
  • row 10 alteration: +
      +
    • with MC, k1, p1
      • +
    • [with CC, k1; with MC, p5] * 4, then with CC, k1
      • +
    • with MC, p1, sl1 wyif
      • +
    +
    • +
+

to end my swatch, I did the following:

+
    +
  • row (RS): with MC, knit to last stitch, sl1 wyif
    • +
  • row (WS): with MC, k1, purl to last stitch, sl1 wyif
    • +
  • row (RS): with MC, bind off
    • +
+

knit in the round

+

cast on

+

with MC, cast on a multiple of 6 stitches. knit in plain stockinette until you are ready to start the pattern.

+

establish the pattern

+
    +
  • row 1: +
      +
    • [with CC, k1; with MC, k5] repeat to last 6 stitches
      • +
    • with CC, k1 and leave working yarn on RS; with MC, k5
      • +
    +
    • +
  • row 2: +
      +
    • [with CC, p1 and leave working yarn on RS; with MC, k5] repeat to last 6 stitches
      • +
    • with CC, p1 and move working yarn to WS; with MC, k5
      • +
    +
    • +
+

pattern repeat

+
    +
  • rows 3-4: with MC, knit all stitches
    • +
  • row 5: +
      +
    • with MC, k3
      • +
    • [with CC, k1 into the float from 3 rows below; with MC, k5] repeat to last 3 stitches
      • +
    • with CC, k1 and leave working yarn on RS; with MC, k2
      • +
    +
    • +
  • row 6: +
      +
    • with MC, k3
      • +
    • [with CC, p1 and leave working yarn on RS; with MC, k5] repeat to last 3 stitches
      • +
    • with CC, p1 and moving working yarn to WS; with MC, k2
      • +
    +
    • +
  • rows 7-8: repeat rows 3-4
    • +
  • row 9: +
      +
    • [with CC, k1 into the float from 3 rows below; with MC, k5] repeat to last 6 stitches
      • +
    • with CC, k1 into the float from 3 rows below and leave working yarn on RS; with MC, k5
      • +
    +
    • +
  • rows 10: +
      +
    • [with CC, p1 and leave working yarn on RS; with MC, k5] repeat to last 6 stitches
      • +
    • with CC, p1 and move working yarn to WS; with MC, k5
      • +
    +
    • +
+

close the pattern

+

end after rows 5 or 9 of the pattern repeat. replace row 6 or 10 with the following:

+
    +
  • row 6 alteration: +
      +
    • with MC, k3
      • +
    • [with CC, p1; with MC, k5] repeat to last 3 stitches
      • +
    • with CC, p1; with MC, k2
      • +
    +
    • +
  • row 10 alteration: [with CC, p1; with MC, k5] repeat for all stitches
    • +
+

with MC, knit in plain stockinette until you want to bind off, then bind off.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    acadia mitts

    + +
      + +
    • knit
      • + +
    + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + +     +
    2. + +
  2. + +

    sideways canvas shirt

    + +
      + +
    • knit
      • + +
    + someone'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's notable that the stitches are turned 90 degrees from a standard knit garment. + +     +
    3. + +
  3. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/kestrel-zine/index.html b/kestrel-zine/index.html new file mode 100644 index 0000000..4ee6673 --- /dev/null +++ b/kestrel-zine/index.html @@ -0,0 +1,1689 @@ + + + + + + + + +kestrel zine | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

kestrel zine

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + + + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    artisans cooperative shirts

    + +
      + +
    • shirt
      • + +
    • print
      • + +
    + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + +     +
    2. + +
  2. + +

    spotted towhee

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A block print of a spotted towhee mid-leap. + +     +
    3. + +
  3. + +

    brown creeper

    + +
      + +
    • print
      • + +
    + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/killdeer/index.html b/killdeer/index.html new file mode 100644 index 0000000..4af3d60 --- /dev/null +++ b/killdeer/index.html @@ -0,0 +1,1694 @@ + + + + + + + + +killdeer | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

killdeer

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a killdeer in black ink. + + A print of a killdeer in black ink. + + +

Hand carved stamp based on a photo of a killdeer.

+

details

+

dimensions

+

1.5" x 2"

+

coloration

+

default: black

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    tiny portraits

    + +
      + +
    • print
      • + +
    + A collage showing various small (around an inch) stamps that depict people or animals. + +     +
    2. + +
  2. + +

    artisans cooperative shirts

    + +
      + +
    • shirt
      • + +
    • print
      • + +
    + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + +     +
    3. + +
  3. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/kniphofia/index.html b/kniphofia/index.html new file mode 100644 index 0000000..61b56f1 --- /dev/null +++ b/kniphofia/index.html @@ -0,0 +1,1682 @@ + + + + + + + + +kniphofia | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

kniphofia

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a brightly colored flower in 4 layers of color + + A print of a brightly colored flower in 4 layers of color + + +

a reduction print. total print run of 33.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    2. + +
  2. + +

    tiny portraits

    + +
      + +
    • print
      • + +
    + A collage showing various small (around an inch) stamps that depict people or animals. + +     +
    3. + +
  3. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/knit-shrimp/index.html b/knit-shrimp/index.html new file mode 100644 index 0000000..f86a6c7 --- /dev/null +++ b/knit-shrimp/index.html @@ -0,0 +1,1681 @@ + + + + + + + + +knit shrimp | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

knit shrimp

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + knit +
    • + +
+ +
+ + + + + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + + +

Apparently I knit shrimp now. Not for sale, only a gift. Optionally stuffed with catnip in addition to stuffing.

+

details

+

dimensions

+

about hand-sized. depends on the yarn I use

+

coloration

+

default: pinkish

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    acadia mitts

    + +
      + +
    • knit
      • + +
    + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + +     +
    2. + +
  2. + +

    sideways canvas shirt

    + +
      + +
    • knit
      • + +
    + someone'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's notable that the stitches are turned 90 degrees from a standard knit garment. + +     +
    3. + +
  3. + +

    pink socks

    + +
      + +
    • knit
      • + +
    + Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/leaf-patches/index.html b/leaf-patches/index.html new file mode 100644 index 0000000..19d5115 --- /dev/null +++ b/leaf-patches/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +leaf patches | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

leaf patches

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Several oak-leaf-shaped leather patches with stitching holes punched around the edges. + + Several oak-leaf-shaped leather patches with stitching holes punched around the edges. + + +

Also available in maple and serrated-edge leaves

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    2. + +
  2. + +

    moss harness

    + +
      + +
    • leather
      • + +
    + A nylon webbing harness in bright teal laid out on a desk. + +     +
    3. + +
  3. + +

    aaron's mask

    + +
      + +
    • leather
      • + +
    + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/leather-chest-harness/index.html b/leather-chest-harness/index.html new file mode 100644 index 0000000..d0b6c9f --- /dev/null +++ b/leather-chest-harness/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +leather chest harness | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

leather chest harness

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + + +

Fully designed and created by me. Talk to me about designing your harness next!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    patchwork wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + +     +
    2. + +
  2. + +

    aaron's mask

    + +
      + +
    • leather
      • + +
    + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + +     +
    3. + +
  3. + +

    vix collar

    + +
      + +
    • leather
      • + +
    + A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/leather-keychains/index.html b/leather-keychains/index.html new file mode 100644 index 0000000..457da5c --- /dev/null +++ b/leather-keychains/index.html @@ -0,0 +1,1684 @@ + + + + + + + + +leather keychains | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

leather keychains

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + + +

Hand-stitched leather keychains made from scrap leather.

+

details

+

dimensions

+

1-4"

+

coloration

+
    +
  • undyed leather
    • +
  • stitching in dark teal, light teal, or red
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    3. + +
  3. + +

    leather chest harness

    + +
      + +
    • leather
      • + +
    + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/leather-lighter-case/index.html b/leather-lighter-case/index.html new file mode 100644 index 0000000..512d91d --- /dev/null +++ b/leather-lighter-case/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +leather lighter case | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

leather lighter case

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A bic lighter wrapped in leather and hand-stitched up one side. + + A bic lighter wrapped in leather and hand-stitched up one side. + + +

wet molded and hand-stitched

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    foldy wallet

    + +
      + +
    • leather
      • + +
    + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + +     +
    2. + +
  2. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    3. + +
  3. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/leather-long-stitch-journals/index.html b/leather-long-stitch-journals/index.html new file mode 100644 index 0000000..d080fc5 --- /dev/null +++ b/leather-long-stitch-journals/index.html @@ -0,0 +1,1681 @@ + + + + + + + + +leather long-stitch journals | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

leather long-stitch journals

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + + +

Variety of leather-bound journals. See the shop listing for paper and size details.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    snap pouch

    + +
      + +
    • leather
      • + +
    + 4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather. + +     +
    2. + +
  2. + +

    circle bag

    + +
      + +
    • leather
      • + +
    + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + +     +
    3. + +
  3. + +

    striped journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a journal with a striped cover. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/leather-strap-journal/index.html b/leather-strap-journal/index.html new file mode 100644 index 0000000..b177f2e --- /dev/null +++ b/leather-strap-journal/index.html @@ -0,0 +1,1688 @@ + + + + + + + + +leather strap journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

leather strap journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A 3-part collage showing a blue journal with leather straps woven into the covers. + + A 3-part collage showing a blue journal with leather straps woven into the covers. + + +

The pages are sewn onto leather straps which are then woven into the cover.

+

details

+

dimensions

+

4" x 6" ?

+

coloration

+
    +
  • cover: bright medium blue, inside light pink
    • +
  • paper: bright white, lined
    • +
+

pages

+

lined 60 lb

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    2. + +
  2. + +

    orange green journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a slim handbound book. + +     +
    3. + +
  3. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/leatherworking-favorites/index.html b/leatherworking-favorites/index.html new file mode 100644 index 0000000..039c575 --- /dev/null +++ b/leatherworking-favorites/index.html @@ -0,0 +1,1804 @@ + + + + + + + + +leatherworking favorites | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

leatherworking favorites

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + + +

practices

+
    +
  • cardboard templates have been really handy for the spacing of rivets and such. I use cereal boxes since they are not corrugated.
    • +
+

tools

+

If I have linked a tool, I really like that specific tool and find it stands out. Otherwise, idk, I've used precisely one edge beveler, I have no idea how it compares.

+
    +
  • (need to have) some kind of scratch awl for marking
    • +
  • (need to have) cutproof mat
    • +
  • (need to have basically whenever you are using a mallet) "poundo board" or cutting board (this is just an example, I got mine elsewhere) - importantly, this is distinct from your cutproof mat. you can use this in place of your cutproof mat but it tends to pick up a lot of punctures which can leave indents in your leather with pressure - so I only use mine for mallet-ing and otherwise use my cutproof mat
    • +
  • (nice to have) pattern plastic - but like I said above you can use non-corrugated cardboard
    • +
  • (nice to have) acrylic leather thickness gauge - but you can also just use a ruler or calipers, or learn to gauge by eye/feel
    • +
+

cutting

+
    +
  • (need to have) metal cork-backed ruler (cork backing will keep it from slip-sliding around)
    • +
  • (nice to have, but any sharp blade will do) ergo kiwi knife
    • +
  • (nice to have for harnesses, belts) strap cutter
    • +
  • (nice to have for small objects with a lot of layers at the seams, like wallets) skiving knife of some kind. there's a lot of different types out there. I have a CS Osborne leather knife and I don't love it, but idk if that's just because I am still learning how to skive. +
      +
    • you're supposed to skive on a fucken rock so as not to absolutely wreck your cutproof mat. I haven't got my rock yet but I haven't ruined my mat yet either.
      • +
    • ok so I got a skiving knife from Weaver and it definitely beats out the CS Osborne leather knife
      • +
    +
    • +
+

edging and burnishing

+
    +
  • (nice to have) edge beveler
    • +
  • (need to have) sandpaper in maybe two grits. I have 100 and 600 sitting around right now
    • +
  • (need to have) some small pieces of heavy canvas
    • +
  • (nice to have) tokonole!!! +
      +
    • tokonole can even burnish chrome tan leather and flesh side of veg tan
      • +
    +
    • +
  • (nice to have) wooden edge burnishing tool but tbh I find myself just using canvas instead of my burnishing tool +
      +
    • you can also use wooden tool handles, if you have for example an edge beveler with a wooden handle sitting around
      • +
    +
    • +
  • (nice to have/need to have if you don't get tokonole) beeswax
    • +
  • (nice to have) micro spatula - I bought this for bookbinding but I find it useful for applying tokonole or doing other odd lil jobs
    • +
+

punching

+
    +
  • (need to have) a mallet or something for hitting things. yes there are $100 mauls you can buy. idk a shitty mallet is working fine for me so far +
      +
    • alright i splurged on a maul and it was worth it. dammit.
      • +
    +
    • +
  • (nice to have) japanese push drill and bits
    • +
  • if you don't want to go in on a $50 push drill, start with just some simple single-hole punches or a rotary punch. rotary punches are pretty heavily recommended since they come with a range of punch sizes; I avoid them like the plague because I have small shitty hands and I think those would pair poorly with a rotary punch.
    • +
  • if you're going to be attaching buckles, you'll need oblong holes for the buckle tongue. two options: +
      +
    • punch a standard hole at each end of your eventual oblong, then using a ruler and sharp small blade cut between those holes to create your oblong +A small piece of leather showing the steps to creating an oblong hole. First there is just a straight 1-inch line drawn by scratch awl. Holes are punched at both ends of that line. Two cuts are made coming from the right-side hole inwards (shown by arrows), about halfway. Similar cuts are then made from the left-hand hole inwards to meet them.
      • +
    • get an oblong punch. shaped punches are expensive as shit but if you're doing more than a few buckles this is worth it.
      • +
    +
    • +
  • another shaped punch: the english point strap end punch. I don't own this yet but am heavily considering it if I am going to make more harnesses (and I am). you don't specifically need english point - there's other strap end styles - but having a strap end punch in the size of your choosing is useful for harnesses, belts, anything with a lot of straps. +
      +
    • with strap end punches, you can use a larger punch on a smaller strap (for an imperfect result, tbf) but not vice versa
      • +
    • there are also strap end acrylic templates out there on several retailers sites - I have a tandy one
      • +
    +
    • +
+

riveting, snapping, etc

+
    +
  • for any given size/brand of rivets, you can usually buy a setter and anvil for maybe $25 together +
      +
    • also I have one extra of both of those specific linked items, so if you're short on cash lmk and I will ship em to ya - since I have switched over to the next option
      • +
    +
    • +
  • however, if you think you might get really into leatherworking, or if you think you will be getting multiple sizes of rivets, attaching snaps, attaching other types of rivet-style clasps, whatever, I would highly recommend this setter post and base and a rivet setter die or whichever setter die you need for your specific thing +
      +
    • these dies also work with larger presses and make it much more possible to transition from a hand press to a full press without having to re-buy all your dies
      • +
    • according to Corter Leather at the very least (I don't really have the experience to make a full comparison) this system is much more reliable for well-balanced, well-rounded rivets, snaps, etc
      • +
    +
    • +
+

stitching

+
    +
  • (nice to have) wing divider for drawing stitching lines
    • +
  • (need to have) stitching chisels! if you want to save some money, you mostly need the 6-tooth and the 2-tooth - 6 for straightaways, 2 for curves. I occasionally use my 4-tooth and very occasionally use my 1-tooth (except for zippers. if you wanna do zippers get a 1-tooth). +
      +
    • my stitching chisels are 4mm spacing. I picked this pretty arbitrarily :)
      • +
    • technically you could just buy a diamond awl or a 1-tooth chisel and poke each hole individually and that would be cheaper but oh my god love yourself
      • +
    +
    • +
  • (nice to have, any needles will do but oh my god these are pretty hashtag worth) cs osborne harness needles, blunt tip
    • +
  • (need to have) thread - I am using Ritza 25 Tiger Thread (currently I have the 1.0mm size. I find it a little large and will probably size down when I order other colors - update, sized down to .8 and even have some .6 - much preferable) and have also used MeiSi Superfine Linen Thread but polyester threads are easier to seal off with a lighter
    • +
  • (nice to have) some kind of silicone needle puller (I don't actually have this one, I was having trouble finding what I have - little pink finger covers that are all grippy) for gripping needles. or just use the back of a mousepad? or something?
    • +
+

tool care

+
    +
  • (need to have for certain blades such as skiving knife) jeweler's rouge for stropping +
      +
    • I am not an expert here so I am not making firm recommendations. I got mine from Springfield Leather
      • +
    +
    • +
+

tooling

+
    +
  • (need to have) swivel knife
    • +
  • (need to have) a beveler. I have a smooth beveler at the moment, but am waiting on a checked beveler in the mail as I think I will like that look better
    • +
  • (need to have) as mentioned previously, mallet or maul
    • +
  • (nice to have) literally any other stamps i guess
    • +
  • (nice to have) templates! it really helps to start out with some designs made for swivel knife. I got a few (both free and paid) from dadhands
    • +
+

zippers

+
    +
  • okay so I bought them because they are pretty but these rainbow zippers actually make it so much easier because you can differentiate each tooth from the next!!!
    • +
  • (nice to have) tape such as ted's tape
    • +
+

resources

+ +

retailers

+ + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    vertical zipper card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + +     +
    2. + +
  2. + +

    sora's collar

    + +
      + +
    • leather
      • + +
    + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + +     +
    3. + +
  3. + +

    vertical bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/light-grey-jacobs-handspun/index.html b/light-grey-jacobs-handspun/index.html new file mode 100644 index 0000000..e344081 --- /dev/null +++ b/light-grey-jacobs-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +light grey jacobs handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

light grey jacobs handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + a skein of light grey handspun yarn + + a skein of light grey handspun yarn + + +

Fiber: Jacobs (light grey) from Skagit Woolen Works

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    dyeing fiber

    + +
      + +
    • yarn
      • + +
    + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + +     +
    2. + +
  2. + +

    handspun yarn in party mix and orange-gold

    + +
      + +
    • yarn
      • + +
    + 4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white. + +     +
    3. + +
  3. + +

    handcombed jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of dark grey handspun yarn + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/lined-notebook/index.html b/lined-notebook/index.html new file mode 100644 index 0000000..fe5948a --- /dev/null +++ b/lined-notebook/index.html @@ -0,0 +1,1691 @@ + + + + + + + + +lined notebook | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

lined notebook

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + + +

A hardcover book with lined pages.

+

details

+

dimensions

+

~ 4" x 6"

+

coloration

+
    +
  • cover: dark blue with one light pink corner
    • +
  • endpapers: shifting layers of green, blue, red, tan, and white, each with unique patterns in gold foil.
    • +
+

pages

+
    +
  • 60 lb lined paper
    • +
  • 100 pages
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    stampede journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + +     +
    2. + +
  2. + +

    blue and brown leather journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a blue and brown leather-covered journal. + +     +
    3. + +
  3. + +

    brooke's notebook

    + +
      + +
    • book
      • + +
    • highlight
      • + +
    + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/little-critter-pouch/index.html b/little-critter-pouch/index.html new file mode 100644 index 0000000..1053844 --- /dev/null +++ b/little-critter-pouch/index.html @@ -0,0 +1,1681 @@ + + + + + + + + +little critter pouch | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

little critter pouch

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap. + + A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap. + + +

he's just a lil guy

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    bowtie

    + +
      + +
    • leather
      • + +
    + A black leather bow tie with black stitching. + +     +
    2. + +
  2. + +

    moss harness

    + +
      + +
    • leather
      • + +
    + A nylon webbing harness in bright teal laid out on a desk. + +     +
    3. + +
  3. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/lobstah/index.html b/lobstah/index.html new file mode 100644 index 0000000..8a82c09 --- /dev/null +++ b/lobstah/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +lobstah | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

lobstah

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Two red leather lobster ornaments, about 4-5 in long each. + + Two red leather lobster ornaments, about 4-5 in long each. + + +

From a pattern by Buckleguy.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's collar

    + +
      + +
    • leather
      • + +
    + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + +     +
    2. + +
  2. + +

    aaron's mask

    + +
      + +
    • leather
      • + +
    + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + +     +
    3. + +
  3. + +

    shrimp cat toy

    + +
      + +
    • leather
      • + +
    + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/long-zipper-bifold/index.html b/long-zipper-bifold/index.html new file mode 100644 index 0000000..d506b72 --- /dev/null +++ b/long-zipper-bifold/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +long zipper bifold | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

long zipper bifold

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing an orange leather wallet with a long zipper running the length of the outside. + + A collage showing an orange leather wallet with a long zipper running the length of the outside. + + +

Full grain leather, handstitched. Great fidget.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    bag strap

    + +
      + +
    • leather
      • + +
    + A nylon webbing shoulder strap in bright teal with clips on each end. + +     +
    2. + +
  2. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    3. + +
  3. + +

    sora's collar

    + +
      + +
    • leather
      • + +
    + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/loon/index.html b/loon/index.html new file mode 100644 index 0000000..5f7601b --- /dev/null +++ b/loon/index.html @@ -0,0 +1,1685 @@ + + + + + + + + +loon | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

loon

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a loon rearing up with wings spread + + A print of a loon rearing up with wings spread + + + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    flatfish

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a simple flatfish design inked in sepia. + +     +
    2. + +
  2. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    3. + +
  3. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/luminescent/index.html b/luminescent/index.html new file mode 100644 index 0000000..6d022e6 --- /dev/null +++ b/luminescent/index.html @@ -0,0 +1,1683 @@ + + + + + + + + +luminescent | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

luminescent

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a tattooed woman in bright highlighter yellow underwear. + + A print of a tattooed woman in bright highlighter yellow underwear. + + +

a reduction print. total print run of 8 test prints and 18 final prints.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    2. + +
  2. + +

    congrats on the autism/adhd

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + +     +
    3. + +
  3. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/lupine/index.html b/lupine/index.html new file mode 100644 index 0000000..9f80b97 --- /dev/null +++ b/lupine/index.html @@ -0,0 +1,1703 @@ + + + + + + + + +lupine | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

lupine

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + + +

Hand carved stamp based on a photo of lupines.

+

details

+

dimensions

+

6" x 5.5"

+

coloration

+

default: green leaves, blue/purple/pink blossoms

+

available as

+

print, greeting card, patch, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    2. + +
  2. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    3. + +
  3. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/makers-mark-keychain/index.html b/makers-mark-keychain/index.html new file mode 100644 index 0000000..62f6c5c --- /dev/null +++ b/makers-mark-keychain/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +maker&#39;s mark keychain | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

maker's mark keychain

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + + +

i have a lil maker's mark stamp now!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    x-acto knife sheath

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    leather keychains

    + +
      + +
    • leather
      • + +
    + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + +     +
    3. + +
  3. + +

    fishhook pride keychains

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/mom-bag/index.html b/mom-bag/index.html new file mode 100644 index 0000000..6a298a9 --- /dev/null +++ b/mom-bag/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +mom bag | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

mom bag

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp. + + A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp. + + +

Designed for my mum.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    2. + +
  2. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    3. + +
  3. + +

    double bill pocket bifold

    + +
      + +
    • leather
      • + +
    + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/moss-harness/index.html b/moss-harness/index.html new file mode 100644 index 0000000..5d82b8f --- /dev/null +++ b/moss-harness/index.html @@ -0,0 +1,1681 @@ + + + + + + + + +moss harness | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

moss harness

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A nylon webbing harness in bright teal laid out on a desk. + + A nylon webbing harness in bright teal laid out on a desk. + + +

bulldog harness with matte nickel fittings

+

yeah i know this is in the leather tag and it isn't really leather. get at me.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    2. + +
  2. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    3. + +
  3. + +

    sora's collar

    + +
      + +
    • leather
      • + +
    + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/mousie/index.html b/mousie/index.html new file mode 100644 index 0000000..1dbd354 --- /dev/null +++ b/mousie/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +mousie | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

mousie

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + + A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + + +

Filled with catnip and polyfill.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    mom bag

    + +
      + +
    • leather
      • + +
    + A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp. + +     +
    2. + +
  2. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    3. + +
  3. + +

    double bill pocket bifold

    + +
      + +
    • leather
      • + +
    + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/moving-images/index.html b/moving-images/index.html new file mode 100644 index 0000000..b189d71 --- /dev/null +++ b/moving-images/index.html @@ -0,0 +1,1748 @@ + + + + + + + + +moving images | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

moving images

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

problem statement

+

today I decided to finally clean up the assets/img directory for this site. Since 2022, when I started this project, I've just been adding images directly to that directory with no further segmentation - messy of me, I know! It's gotten unwieldy and I'm starting to get worried about generic names leading to duplicates at some point, particularly for the non-gallery images where I have a tendency to use lots of mushroom images.

+

so it's time to move them into year-based folders. Let's talk about how I did that. bash away!

+

(want to skip right to the completed script?)

+

find

+

let's start with the basics: a list of posts. find gets us everything under a specific directory - in this case, the _posts directory. We can filter out the directories a few different ways, but I piped the find output through a basic grep looking for .md in the filename.

+
for FILE in $(find _posts | grep .md)
+do
+    # TBD
+done
+

grep

+

grep can also help us get image names with the regex "name:.+jpg|png". I add name: to the regex because there are very occasionally images that aren't the featured image for the post, and those don't fit the pattern of name: <img>. Since there's so few of those, I ended up handling them manually.

+

to make grep work with regex, it needs the -E flag.

+
# gives us
+#     name: <img>
+# note the 4 spaces at the beginning of the line
+IMAGE_LINE=$(cat $FILE | grep -E "name:.+jpg|png$")
+

cut

+

that output gets us the full line of text that includes the image filename. Let's trim out what we actually want.

+

below, -d sets a delimiter, and -f chooses what field we want to return. Because there's 4 spaces before name, our field index is actually pretty high - cut is creating 4 empty strings.

+
IMAGE=$(echo $IMAGE_LINE | cut -d ' ' -f 6 -)
+

or, for brevity:

+
IMAGE=$(cat $FILE | grep -E "name:.+jpg|png$" | cut -d ' ' -f 6 -)
+

with cut, we can also get the year of the post:

+
YEAR=$(echo $FILE | cut -d '/' -f 2 -)
+

sed

+

there's two major things we need to do with the information we've gathered:

+
    +
  1. replace the image filename in-place in the post's markdown file
    2. +
  2. move the image file from its original location into a new directory
    3. +
+

we can do replacement with sed, where our pattern should be something like this: s/$IMAGE/$YEAR\/&\ (the & subs in the found string - in this case $IMAGE). We could also use comma separators if we don't want to escape the slash, like s,$IMAGE,$YEAR/&, - I did this for ease of reading.

+

by default, sed prints to standard output, so we'll tell it to edit in-place instead with -i. Here's our full sed command:

+
sed "s,$IMAGE,$YEAR/&," -i $FILE
+

mving and shaking

+

(my mom thinks I'm funny.)

+

now we'll handle moving the image file from its original location into a new directory. let's create our image paths, source and destination:

+
IMG_DIR=assets/img
+NEW_IMAGE=$IMG_DIR/$YEAR/$IMAGE
+IMAGE=$IMG_DIR/$IMAGE
+

trying to mv the images will immediately cause problems, because the year directories don't exist yet. A simple check gets us past that:

+
if [ ! -d $IMG_DIR/$YEAR ]
+then
+    mkdir $IMG_DIR/$YEAR
+fi
+

finally, we can mv the image:

+
mv $IMAGE $NEW_IMAGE
+

result

+

here's our final script:

+
for FILE in $(find _posts | grep .md)
+do
+    # parse image and year info
+    IMAGE=$(cat $FILE | grep -E "name:.+jpg|png$" | cut -d ' ' -f 6 -)
+    YEAR=$(echo $FILE | cut -d '/' -f 2 -)
+
+    # replace in-place in file
+    sed "s,$IMAGE,$YEAR/&," -i $FILE
+
+    # path creation
+    IMG_DIR=assets/img
+    NEW_IMAGE=$IMG_DIR/$YEAR/$IMAGE
+    IMAGE=$IMG_DIR/$IMAGE
+
+    # create dir for year if it doesn't exist
+    if [ ! -d $IMG_DIR/$YEAR ]
+    then
+        mkdir $IMG_DIR/$YEAR
+    fi
+
+    # move image
+    mv $IMAGE $NEW_IMAGE
+done
+

questions? errors? ping me!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    my favorite git flag

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk. + +     +
    2. + +
  2. + +

    redirections

    + +
      + +
    • software
      • + +
    + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + +     +
    3. + +
  3. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/my-favorite-git-flag/index.html b/my-favorite-git-flag/index.html new file mode 100644 index 0000000..4db94da --- /dev/null +++ b/my-favorite-git-flag/index.html @@ -0,0 +1,1699 @@ + + + + + + + + +my favorite git flag | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

my favorite git flag

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk. + + Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk. + + +

do you have a favorite git flag? I do. let's talk about git add -p.

+

the p stands for partial

+

okay, it totally doesn't. it's short for --patch. but 'partial' is my mental trick because it makes a little more sense to me, and it might help you remember it too.

+

also, TIL: this command is a shortcut to the patch subcommand of the --interactive flag - a flag I have never in my life used. wild the things you learn when you read the documentation.

+

the primary purpose

+

a classic scenario: you've realized your uncommitted work doesn't just encapsulate one change, and it's not so easily split as to be separable per-file. git add -p instead lets you choose to stage changes chunk-by-chunk, or, as git terms it, hunk-by-hunk.

+

hunks

+

...are not perfect. you can split hunks, but only so much, and there's going to be cases where your changes are so mixed in as to be inseparable.

+

a secondary purpose

+

I use -p almost every time I use git add, not because I know I will need to split up my work, but to review what changes I made.

+

a tertiary purpose

+

the output from git add -p highlights extraneous trailing spaces!

+

how it works

+

every hunk -p shows you comes with the following single-character choices:

+

y and n

+

yes and no respectively. either add the hunk, or don't.

+

q

+

quit. exit the whole -p process.

+

a and d

+

I rarely use these two. that said, I try to remember these two as all and done. stage all of the hunks in the current file, or be done with the current file.

+

s

+

only shows up sometimes, because it lets you split the current hunk. if unsplittable, you won't see this option.

+

e

+

edit. read the documentation for manually editing if curious because I don't use this and can't advise on it.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    an intro to git

    + +
      + +
    • software
      • + +
    + Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash. + +     +
    2. + +
  2. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    3. + +
  3. + +

    domain and site setup

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/networks-of-trans-care/index.html b/networks-of-trans-care/index.html new file mode 100644 index 0000000..ee6d06c --- /dev/null +++ b/networks-of-trans-care/index.html @@ -0,0 +1,1701 @@ + + + + + + + + +networks of trans care | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    2. + +
  2. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    3. + +
  3. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/nine-pocket-bifold/index.html b/nine-pocket-bifold/index.html new file mode 100644 index 0000000..e06c4d3 --- /dev/null +++ b/nine-pocket-bifold/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +nine pocket bifold | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

nine pocket bifold

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

my first wallet design. made of a variety of discount leather with various imperfections. fully hand-stitched.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    triangle pouch

    + +
      + +
    • leather
      • + +
    + 5 small triangular pouches made of leather in two sizes and various colors. + +     +
    2. + +
  2. + +

    leather keychains

    + +
      + +
    • leather
      • + +
    + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + +     +
    3. + +
  3. + +

    foldy wallet

    + +
      + +
    • leather
      • + +
    + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/no-politics-wip/index.html b/no-politics-wip/index.html new file mode 100644 index 0000000..35408eb --- /dev/null +++ b/no-politics-wip/index.html @@ -0,0 +1,1666 @@ + + + + + + + + +no politics (wip) | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

no politics (wip)

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + Picture unrelated to post. A small orange mushroom grows from the center of a fence post. + + Picture unrelated to post. A small orange mushroom grows from the center of a fence post. + + +

This piece is unfinished and is presented in only partial form.

+

Prelude

+

5 or so years ago, I’m in a Facebook group. Rather than my usual lefty fare, it was more all-over-the-map; it was focused on socializing, support, and advice for younger employees at my current employer.

+

Every once and a while, discussion would turn to something like:

+
+

I’m facing sexism at work…

+
+

or any relevant comment about any -ism you can imagine. Unfortunately, there was no shortage of reply guys ready to diminish, second guess, disbelieve, and more. And as a “nonpartisan” space, it of course had a “no politics” rule!

+

You can probably see what’s coming a mile away.

+
+

Politics

+
+

the total complex of relations between people living in society

+
+

is how Merriam-Webster defines politics. It is not the only definition, and it is not the first definition, but it’s nicely non-circular and doesn’t get us bogged down in what is and isn’t government policy.

+

That might be a more expansive definition than what you’re used to. Let’s take a detour.

+

The Personal is Political

+

The idea that “the personal is political” has been around since second-wave feminism, 1960s at least. For example, here’s the Combahee River Collective Statement referencing it in 1977, having already worked to further and expound on it:

+
+

A political contribution which we feel we have already made is the expansion of the feminist principle that the personal is political.

+
+

— Combahee River Collective Statement

+

“The personal is political” and associated political movement is pushback against an insistence on individualizing systemic issues. Crenshaw frames it as a “process of recognizing as social and systemic what was formerly perceived as isolated and individual” (Mapping the Margins: Intersectionality, Identity Politics, and Violence against Women of Color by Kimberlé Crenshaw) and it’s vital in our current understanding of things like sexual assault and domestic violence as — forgive me for repeating the word yet again — systemic issues.

+

What does “no politics” gain us?

+

But why might people institute a “no politics” rule?

+

Easier moderation

+

A frequent argument that gets made is that “we just don’t have the resources to moderate that.” Regardless of whether it’s right, this is what’s effective and what we have the bandwidth for.

+

As a frequent moderator, I see the appeal in this. Political discussions can be tense, with high emotions and hard stances. After all, the personal is political - someone may not be speaking of some theoretical risk but to a concrete fear that hangs over their head daily. Members will get invested, and feelings will be hurt.

+

Create a welcoming, “neutral” environment

+

Especially in environments where you want to welcome a large and diverse group of people, the aim should be to make the membership and prospective membership comfortable (possibly while also warding off trolls who want to argue).

+

For some, "the law isn't about shaping society, it's about who gets punished" (I Hate Mondays by Innuendo Studios). Politics are a method of assigning blame. "No politics" means no one is to blame.

+

Interlude

+

6 or so months ago, I'm in a Discord server. Rule 1 states that no politics or religion are allowed. Interestingly, it also states that "insults, racism, sexism, homophobia, transphobia, and all other discriminatory speech" are not permitted.

+

How do we better achieve our goals?

+

Easier moderation

+

Create a welcoming environment

+
+

sections

+
    +
  • what ethical goals does a no politics rule attempt to achieve
    • +
  • how are those goals not met by no politics rules (not met/actively betrayed/only achievable for a subset of users)
    • +
  • how can we better meet those goals?
    • +
+

notes

+
    +
  • there are ways to limit when and where this discussion is acceptable: create a news/politics channel, encourage spoilering/threading/using appropriate platform tools, encourage a culture that values cws and respects requests for them and more broadly respects people's boundaries
    • +
  • there are ways to limit how "no politics" gets deployed: make specific rules against shutting down people talking about their lived experience, avoid backseat modding becoming the norm
    • +
  • there are ways to limit your definition of "politics" so that you can more carefully delineate what you are trying to avoid, though I would be wary of this route - the fact is that a No Politics rule, no matter how well reasoned, may read as a red flag for a marginalized person
    • +
+

Politics of Political

+ +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/nonbinary-flag/index.html b/nonbinary-flag/index.html new file mode 100644 index 0000000..5e86944 --- /dev/null +++ b/nonbinary-flag/index.html @@ -0,0 +1,1701 @@ + + + + + + + + +nonbinary flag | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

nonbinary flag

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + + +

Happy pride!

+

details

+

dimensions

+

3" x 2.5"

+

coloration

+

default: yellow, purple, and black

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender?

    + +
      + +
    • gender
      • + +
    + A page of handwritten notes with some loosely drawn charts, described further in the post. + +     +
    2. + +
  2. + +

    in the news

    + +
      + +
    • gender
      • + +
    + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + +     +
    3. + +
  3. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/not-a-drill/index.html b/not-a-drill/index.html new file mode 100644 index 0000000..6dd59ac --- /dev/null +++ b/not-a-drill/index.html @@ -0,0 +1,1695 @@ + + + + + + + + +not a drill | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

not a drill

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + + +

Idea by Cassandra.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    artisans cooperative shirts

    + +
      + +
    • shirt
      • + +
    • print
      • + +
    + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + +     +
    2. + +
  2. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    3. + +
  3. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/o-ring-bracelet/index.html b/o-ring-bracelet/index.html new file mode 100644 index 0000000..735116d --- /dev/null +++ b/o-ring-bracelet/index.html @@ -0,0 +1,1681 @@ + + + + + + + + +o-ring bracelet | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    vertical bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + +     +
    2. + +
  2. + +

    swoop wallet

    + +
      + +
    • leather
      • + +
    + A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue. + +     +
    3. + +
  3. + +

    gradient purse strap

    + +
      + +
    • leather
      • + +
    + a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/on-pronouns/index.html b/on-pronouns/index.html new file mode 100644 index 0000000..fd67d9a --- /dev/null +++ b/on-pronouns/index.html @@ -0,0 +1,1929 @@ + + + + + + + + +on pronouns | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

on pronouns

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder. + + Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder. + + +

Created in cooperation with Julia Pinedo.

+

Adapted from a workplace session on pronouns and gender identity.

+

What are pronouns?

+

and for that matter, what's gender?

+

Pronouns

+
    +
  • Words used in place of nouns
    • +
  • English has 1st (I, we), 2nd (you), and 3rd (he, she, they, it) person pronouns +
      +
    • When we talk about pronouns in the context of gender identity, we’re referring to 3rd person pronouns – words you use to talk about someone to another person
      • +
    • It is still always correct to use you/yours (2nd person) pronouns
      • +
    +
    • +
+

Ok, what's gender?

+
    +
  • In English as well as some other languages, pronouns are gendered +
      +
    • Other languages may have more or fewer grammatical genders
      • +
    • Other cultures, particularly non-Western ones, may have more social genders
      • +
    +
    • +
  • One way we classify humans
    • +
  • Ostensibly related to biology, but mostly tied into gendered social norms
    • +
  • Everyone's got it!
    • +
+
+

Gender is derived from the Latin work genus, meaning “kind” or “type.” Gender is the social organization of bodies into different categories of people. In the contemporary United States, this sorting into categories is based on sex, but historically and cross-culturally there have been many different social systems of organizing people into genders.

+
+

– Transgender History: the Roots of Today’s Revolution, Susan Stryker (she/her)

+
+

Gender literally means “kind” or “type” or “classification” – it’s related to words like genre and general – and has no necessary connection to real-world biology.

+
+

– What’s Your Pronoun: Beyond He & She, Dennis Baron (he/him)

+

Gender terms

+
    +
  • Cisgender: someone who is the gender assigned to them at birth
    • +
  • Transgender: someone who is a gender other than, or in addition to, the gender assigned to them at birth
    • +
  • Nonbinary: an umbrella term or individual identity for anyone whose gender does not wholly and solely align with one binary gender +
      +
    • Genderfluid and agender are two common nonbinary identities
      • +
    +
    • +
  • Two-spirit: an umbrella term for Indigenous people who fulfill traditional third-gender roles
    • +
+

A brief foray into history

+

this is all new, right? ...right?

+

Alternate pronouns aren't new

+
+

...Francis Brewster coined E, es, and em in 1841, and Charles Crozat Converse announced thon and thons in 1884...

+
+
+

...ze appears in 1864, introduced by someone known only by the initials J.W.L., and hir first popped up a century ago, invented, or at least introduced to readers in California, by the editor of the Sacramento Bee on August 14, 1920.

+
+

– What’s Your Pronoun: Beyond He & She, Dennis Baron (he/him)

+
    +
  • Even singular "they" which is seen as new has been in use since the 1300s - and predates singular "you"
    • +
+

Fuss over pronouns isn't new

+
+

In 1916, when Jeanette Rankin, of Montana, became the first woman elected to the US House of Representatives, the Minneapolis Star Tribune ran this headline challenging the grammatical rule that says the masculine pronoun [he] can refer to women: “Can ‘She’ Be ‘He’, a Congressman, and Be Woman?” Pronouns aren’t just a part of speech. Pronouns are political.

+
+

– What’s Your Pronoun: Beyond He & She, Dennis Baron (he/him)

+

Trans and nonbinary people aren't new

+
+

In 1841, Francis Brewster took time from his medical practice to write a grammar in which he labeled his new pronouns “masculor feminine.” Masculofeminina is Latin for “man-woman, or hermaphrodite*,” and Brewster’s use of this unusual term is the first hint at nonbinary gender in a grammar book.

+
+

– What’s Your Pronoun: Beyond He & She, Dennis Baron (he/him)

+
    +
  • Magnus Hirschfeld (1868 – 1935) was a German physician and sexologist credited with coining the term transvestite to describe people we would today likely consider transgender
    • +
  • Hirschfeld’s Institute for Sexual Research, opened in 1919 in Berlin, performed the first modern gender affirmation surgeries in 1930
    • +
+

History repeats itself

+
    +
  • Hirschfeld’s Institute was an early target of Nazi book burnings
    • +
+
+

Men seemed eager to blame women for the pronoun problem. If finding a new pronoun was the job of the women’s movement, then singular they was the fault of the women’s movement.

+
+

– What’s Your Pronoun: Beyond He & She, Dennis Baron (he/him)

+

Prescriptivism and descriptivism

+
    +
  • Prescriptivism handles language from a top-down standpoint: it is defined by an authority, and we use it as defined
    • +
  • Descriptivism recognizes that we build our own language, and that authorities (like dictionaries) are just documenting its use
    • +
  • Language is built by and for us, to serve our needs
    • +
  • It has evolved to get to where we are now, and will continue to evolve +
      +
    • thou used to be a singular you, which was plural-only
      • +
    +
    • +
  • Corporate environments are great examples of constantly shifting language – especially around our acronyms
    • +
+
+

Calling words “invented” makes them sound artificial. But word coining is a natural process, one that’s essential for any language to survive.

+
+

– What’s Your Pronoun: Beyond He & She, Dennis Baron (he/him)

+

Why it matters

+
+

…the use of appropriate pronouns has a positive impact on mental health, and the use of inappropriate pronouns can form part of a general pattern of harassment and abuse.

+
+

– What’s Your Pronoun: Beyond He & She, Dennis Baron (he/him)

+
    +
  • Misgendering is generally part of a larger pattern
    • +
  • Even if misgendering isn’t coming from a place of ill intent, consistent misgendering builds up to be very detrimental
    • +
  • Referring to people correctly shows respect and understanding - just like learning to pronounce an unfamiliar name
    • +
  • Nonbinary is not a monolith. No gender (experience, expression) is a monolith
    • +
  • Pronouns are just one small part of a much larger picture
    • +
+

Pronoun interactions

+

...and how do I help?

+

Introductions

+
    +
  • Introduce yourself with pronouns to set norms
    • +
  • Encourage, but don’t force, others to do the same
    • +
  • Don’t single out the visibly trans person!
    • +
+

Corrections

+

Correcting yourself

+
    +
  • Repeat what you were saying with the correct pronoun
    • +
  • Respond with “thank you” to others’ corrections
    • +
  • Move on! Don’t make a big deal of it
    • +
+

Correcting others

+
    +
  • Gently interject with the proper pronoun
    • +
  • Talk to the speaker afterwards about their mistake – no shaming!
    • +
  • Check in with the person who was misgendered
    • +
+

Digital tools

+
    +
  • Set your pronouns in Teams
    • +
  • Add pronouns to your email signature
    • +
+

PRACTICE!

+
    +
  • Deliberately think or speak about a specific person using the correct pronouns
    • +
  • Use practice passages such as Alice in Wonderland Texts - Gender Neutral Pronoun Blog
    • +
  • Correcting others is actually great practice – it helps you be more aware of pronouns in speech
    • +
  • The key to success will be repetition and reinforcement
    • +
  • Mistakes are normal, and this does take effort
    • +
+
+

It is not unusual for speakers of English to find it difficult to switch pronouns about a person, because we (English-speakers) don’t have that many pronouns, historically, and we tend not to introduce new ones quite as often as we introduce, say, nouns.

+
+

– pronouns 101: introduction to your loved one’s new pronouns, Kirby Conrod (they/them)

+

More scenarios

+

beyond just "they"

+

What if you don't know someone's pronouns?

+
    +
  • Use they/them/theirs - this is language you already use! e.g. "Someone left their phone here" +
      +
    • Note that if you know someone doesn't use they/them, this is misgendering - "they" is not always neutral
      • +
    +
    • +
  • Use the person’s name
    • +
+

Multiple pronouns

+
    +
  • Some people use multiple sets of pronouns
    • +
  • For some, there’s a preference; others like all offered sets equally +
      +
    • Ask if you aren’t certain!
      • +
    +
    • +
  • Using both/all sets offered at varying times can make the person feel seen +
      +
    • Don’t feel you need to alternate within one sentence or context – this can be confusing for you and others
      • +
    +
    • +
  • For some, using a more normative and a less normative pronoun can be a first step in coming out +
      +
    • It's often an attempt at authentically revealing a previously-hidden part of themself
      • +
    +
    • +
  • Ignoring a less normative set of pronouns in favor of the "easier" set can feel like ignoring part of that person
    • +
+

Neopronouns

+
    +
  • Some people use pronouns other than he, she, they, or it
    • +
  • Because these pronouns are newer to the English language, they are termed “neopronouns”
    • +
  • Examples: +
      +
    • Ze/hir/hirs or ze/zir/zirs
      • +
    • Xe/xem/xyrs (or various other spellings)
      • +
    • Ey/em/eirs
      • +
    +
    • +
+

While I can't speak for all neopronoun users, here are some of my personal reasons for using ze/hir in addition to he/him:

+
    +
  1. Reflect my own gendered identity. Personally, my experiences when others have used they/them for me have been negative. Especially early in transition and in times where I aligned more strongly with being a man, it often felt like a way for folks to avoid gendering me. Because of this, I still have a deep dislike towards being referred to with those pronouns. Ze/hir or other neopronouns reflect a strongly gendered nonbinary identity to me.
    2. +
  2. Connect with queer history. My particular preference for ze/hir comes from Leslie Feinberg's use of these pronouns. I understand myself as in community with other queer/trans people and my pronoun usage reflects that.
    3. +
  3. Encourage learning, curiosity, and willingness to play. I notice often that cisgender (non-trans) folks are so afraid of making mistakes that it hinders learning and growth. I want to encourage folks to try new things around me, and to be playful with language rather than afraid. I think our ability to adapt language to our needs is beautiful and powerful, and I want to encourage that.
    4. +
  4. Pave the way for more vulnerable queer people to express themselves. As someone in a position of relative privilege, it is far easier for me to publicly use neopronouns than it may be for other queer/trans folks who find they align with neos. If someone has already seen me using neos, they are less likely to push back on the next person they see doing so - even if that means I am the one to deal with that pushback.
    5. +
  5. Be more visible as a trans person. This ties back to (1). While some trans people prefer to fly under the radar so to speak and be read as a cis person of their gender, there is no cis version of "nonbinary". For me, being understood by others as a binary cis man feels stifling and incorrect. Neopronouns are one way to make my transness more visible as someone who is otherwise not always read as queer. And, as in (4), that visibility helps pave the way for others :)
    6. +
+

Any/all pronouns

+
    +
  • Some people accept any pronouns for various reasons
    • +
  • This is not an opportunity to ask them which ones they "really prefer"
    • +
+

Resources

+

Books

+ +

Articles

+ +

Other resources

+
    +
  • Gender Census catalogs the words nonbinary people use for themselves
    • +
  • Pronouns.page has resources on pronouns and gender-neutral language in multiple languages
    • +
  • GENDER REVEAL is a podcast with a different trans guest each episode – an excellent look into the diversity of trans experiences
    • +
  • Parlare by franny, an app that teaches gender-neutral pronoun use
    • +
+

* asides

+

hermaphrodite

+

not currently considered polite by some; do not use it for others unless they use it for themselves

+

transsexual

+

not currently considered polite by some; do not use it for others unless they use it for themselves

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    2. + +
  2. + +

    queer book list

    + +
      + +
    • gender
      • + +
    + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + +     +
    3. + +
  3. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/on-the-shoulders-of-giants/index.html b/on-the-shoulders-of-giants/index.html new file mode 100644 index 0000000..02df5d0 --- /dev/null +++ b/on-the-shoulders-of-giants/index.html @@ -0,0 +1,1685 @@ + + + + + + + + +on the shoulders of giants | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

on the shoulders of giants

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + + +

Riso printed!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pink socks

    + +
      + +
    • knit
      • + +
    + Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks. + +     +
    2. + +
  2. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    3. + +
  3. + +

    brooke's socks

    + +
      + +
    • knit
      • + +
    + Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/on-the-ubiquity-of-enby/index.html b/on-the-ubiquity-of-enby/index.html new file mode 100644 index 0000000..c128f64 --- /dev/null +++ b/on-the-ubiquity-of-enby/index.html @@ -0,0 +1,1696 @@ + + + + + + + + +on the ubiquity of &#39;enby&#39; | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

on the ubiquity of 'enby'

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads 'Gender Census 2023 Worldwide Report' + + A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads 'Gender Census 2023 Worldwide Report' + + +

(originally posted on fedi)

+
+

update: in gender census' 2025 report the numbers continue to be very similar, sitting at about 62% and 30% respectively.

+
+

update: in 2024, ~60% of respondents use "nonbinary." ~29% use "enby."

+
+

according to gender census, which surveys "people whose genders are not adequately described, expressed or encompassed by the restrictive gender binary":

+
    +
  • ~64% of respondents use the term "nonbinary"
    • +
  • ~32% of respondents use the term "enby"
    • +
+

source: gender census - identity words (this was a "choose all that apply" question, not "either/or")

+

we don't know the overlap - it could be that half of nonbinary people also use enby, or that bunches of people use enby who don't call themselves nonbinary

+

either way, there's a big chunk of nonbinary folks who don't call themselves enbies - at least half of us

+

if you're talking about the entire community or the gender category: please consider just saying nonbinary

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    2. + +
  2. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    3. + +
  3. + +

    gender?

    + +
      + +
    • gender
      • + +
    + A page of handwritten notes with some loosely drawn charts, described further in the post. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/orange-green-journal/index.html b/orange-green-journal/index.html new file mode 100644 index 0000000..ac99c68 --- /dev/null +++ b/orange-green-journal/index.html @@ -0,0 +1,1686 @@ + + + + + + + + +orange green journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

orange green journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A 4-part collage of a slim handbound book. + + A 4-part collage of a slim handbound book. + + +

details

+

dimensions

+

idk 6" x 4" ish?

+

coloration

+
    +
  • cover: orange with brown leather spine
    • +
  • endpaper: varied greens
    • +
  • pages: half cream, half white
    • +
+

pages

+

good for fountain pens

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    striped journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a journal with a striped cover. + +     +
    2. + +
  2. + +

    orange journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small book with foldout pages and a bright orange cover. + +     +
    3. + +
  3. + +

    square watercolor pad

    + +
      + +
    • book
      • + +
    + A two panel collage showing a square book with a tan cover and blue and gold endpapers. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/orange-journal/index.html b/orange-journal/index.html new file mode 100644 index 0000000..825777e --- /dev/null +++ b/orange-journal/index.html @@ -0,0 +1,1692 @@ + + + + + + + + +orange journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

orange journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A three panel collage showcasing a small book with foldout pages and a bright orange cover. + + A three panel collage showcasing a small book with foldout pages and a bright orange cover. + + +

A small highlighter-orange journal with blank fold-out pages and floral coloring pages, including flocked pages, from BLOOM by Alli Koch.

+

details

+

dimensions

+
    +
  • cover: 4 3/4" x 3 1/2"
    • +
  • pages: 4 1/2" x ~ 3 3/8"
    • +
+

coloration

+
    +
  • cover: highlighter orange with a dark green vertical stripe on the front cover
    • +
  • endpapers: green with gold flowers (front), red/orange/white leaves and flowers (back)
    • +
+

pages

+
    +
  • Fabriano cards, BLOOM coloring pages
    • +
  • 32 pages (16 blank, 16 coloring pages)
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    blue and brown leather journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a blue and brown leather-covered journal. + +     +
    2. + +
  2. + +

    lined notebook

    + +
      + +
    • book
      • + +
    + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + +     +
    3. + +
  3. + +

    green memo pad

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small green memo pad. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/orion-handspun/index.html b/orion-handspun/index.html new file mode 100644 index 0000000..38998ce --- /dev/null +++ b/orion-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +orion handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

orion handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + + +

Fiber: Merino/silk 70/30 from Jakira Farms in colorway Orion

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    petrichor handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue + +     +
    2. + +
  2. + +

    hand-dyed gold handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight + +     +
    3. + +
  3. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/palette/index.html b/palette/index.html new file mode 100644 index 0000000..7b3948c --- /dev/null +++ b/palette/index.html @@ -0,0 +1,1058 @@ + + + + + + + + +palette | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + +

palette

+ + + +

#2e303e

+

#3c3f52

+

#ebeeef

+

#dbe1e3

+

#18737b

+

#25b0bc

+

#94195d

+

#ee9fcb

+ + + +
+ + + + + + + diff --git a/patchwork-wallet/index.html b/patchwork-wallet/index.html new file mode 100644 index 0000000..1cfb073 --- /dev/null +++ b/patchwork-wallet/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +patchwork wallet | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

patchwork wallet

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + + +

inspired by this YouTube video

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    nine pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    3. + +
  3. + +

    rachel's bracelets

    + +
      + +
    • leather
      • + +
    + Two pink leather bracelets with stainless steel hardware and aqua stitching. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/petrichor-handspun/index.html b/petrichor-handspun/index.html new file mode 100644 index 0000000..5c879c3 --- /dev/null +++ b/petrichor-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +petrichor handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

petrichor handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue + + 3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue + + +

Fiber: Malabrigo Nube in colorway petrichor

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    2. + +
  2. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    3. + +
  3. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/pinatex-wallet-with-zipper/index.html b/pinatex-wallet-with-zipper/index.html new file mode 100644 index 0000000..f2b32f6 --- /dev/null +++ b/pinatex-wallet-with-zipper/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +piñatex wallet with zipper | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

piñatex wallet with zipper

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

piñatex is a leather alternative made from pineapple leaf waste!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    lobstah

    + +
      + +
    • leather
      • + +
    + Two red leather lobster ornaments, about 4-5 in long each. + +     +
    2. + +
  2. + +

    o-ring bracelet

    + +
      + +
    • leather
      • + +
    + A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps. + +     +
    3. + +
  3. + +

    patchwork wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/pink-socks/index.html b/pink-socks/index.html new file mode 100644 index 0000000..861f589 --- /dev/null +++ b/pink-socks/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +pink socks | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

pink socks

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + knit +
    • + +
+ +
+ + + + + Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks. + + Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks. + + +

My first pair of socks, knit with Seattle Sky Dyeworks Temporum yarn in colorway Salmon Run.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    2. + +
  2. + +

    knit shrimp

    + +
      + +
    • knit
      • + +
    + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + +     +
    3. + +
  3. + +

    brooke's scarf

    + +
      + +
    • knit
      • + +
    + A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/pins/index.html b/pins/index.html new file mode 100644 index 0000000..66c07ee --- /dev/null +++ b/pins/index.html @@ -0,0 +1,1699 @@ + + + + + + + + +pins! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

pins!

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + pin +
    • + +
+ +
+ + + + + Two hard enamel pins in my trans rights and trans wrongs skulls designs. + + Two hard enamel pins in my trans rights and trans wrongs skulls designs. + + +

we got PINS yahoo!

+

hard enamel, rubber backings

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    2. + +
  2. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    3. + +
  3. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/pride-dice-bags/index.html b/pride-dice-bags/index.html new file mode 100644 index 0000000..9acba4e --- /dev/null +++ b/pride-dice-bags/index.html @@ -0,0 +1,1705 @@ + + + + + + + + +pride dice bags | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

pride dice bags

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + + +

Knitted dice bags in pride flag patterns.

+

Available flags at current:

+
    +
  • bisexual
    • +
  • lesbian
    • +
  • nonbinary
    • +
  • transgender
    • +
  • genderqueer
    • +
  • genderfluid
    • +
  • pansexual
    • +
  • 6-stripe rainbow
    • +
+

I also have several varieties of rainbow gradient yarn which will produce varying results.

+

For any flag not on the list, please do still message - I'm happy to get the colors missing to do it! For example I would only need a gray for asexual, so it's easy to add :)

+

details

+

dimensions

+

usually sized to hold 1-3 dice sets, but I can aim for a specific size on request.

+

coloration

+

Based on flag chosen

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    2. + +
  2. + +

    knit shrimp

    + +
      + +
    • knit
      • + +
    + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + +     +
    3. + +
  3. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/printing-press-notes/index.html b/printing-press-notes/index.html new file mode 100644 index 0000000..a06b429 --- /dev/null +++ b/printing-press-notes/index.html @@ -0,0 +1,1641 @@ + + + + + + + + +printing press notes | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

printing press notes

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + An open Speedball Model B printing press, which uses a lever handle to put even pressure on a 6 by 8 inch top plate. + + An open Speedball Model B printing press, which uses a lever handle to put even pressure on a 6 by 8 inch top plate. + + +

specs

+

Speedball Model B printing press. Goes for ~$100 - I got it through Blick

+

usage

+
    +
  1. cut or tear paper to fit the press - the usable pressing surface is slightly smaller than 6" x 8", with a bit of margin space that won't be effectively pressed
    2. +
  2. lay paper right side up (if relevant)
    3. +
  3. ink printing block
    4. +
  4. lay block ink-down on paper
    5. +
  5. ensure paper & block are positioned under the top plate of the press
    6. +
  6. close press and put pressure on. I have been putting my upper body weight on it
    7. +
  7. open press and remove block
    8. +
+

tips for multi-layer prints

+

I've accomplished multi-layer prints in two ways thus far:

+
    +
  1. cut or tear paper so as to be only slightly larger than the stamp. use paper borders to align stamps
    2. +
  2. use washi tape to attach paper to a carpenter's square such that the stamps will be centered when lined up with the carpenter's square. This requires that the stamp AND carpenter's square fit under the press
    3. +
+

other notes

+
    +
  • as mentioned, the working area is slightly smaller than the stated 6" x 8" area
    • +
  • corners of the press are cut metal and can be slightly sharp. I put some washi tape on the corners to help avoid scratching myself
    • +
  • placing the block ink down on the paper, as opposed to placing the paper on top of an inked block, does appear to be more effective
    • +
  • compared to using a brayer, this dramatically improves consistency and ink evenness for each print! I highly recommend it if only to cut down on misprints or mistakes
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/printmaking-paper-notes/index.html b/printmaking-paper-notes/index.html new file mode 100644 index 0000000..9b67d33 --- /dev/null +++ b/printmaking-paper-notes/index.html @@ -0,0 +1,1737 @@ + + + + + + + + +printmaking paper notes | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

printmaking paper notes

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A very fluffed up killdeer stands on a rocky beach. + + Image unrelated to post. A very fluffed up killdeer stands on a rocky beach. + + +

Cataloguing paper I have worked with and any notes.

+

Blick

+

Japanese paper 10 sheet assortment

+ +

Okawara

+
    +
  • My favorite of this assortment and the one I will likely re-order singly.
    • +
+

Kitakata

+
    +
  • Too yellow-toned for my liking
    • +
+

Kinwashi

+
    +
  • More fragile than I want
    • +
+

Rives

+

Lightweight Rives Printmaking Paper, Cream

+
    +
  • Tears really nicely
    • +
  • I like the lightweight paper
    • +
  • i like both cream and cream-white
    • +
+

Somerset

+
    +
  • I used 250 gsm, velvet finish
    • +
  • Heavier than I am looking for
    • +
  • Tears well
    • +
+

Hahnemühle Ingres

+

Hahnemühle Ingres Paper

+
    +
  • comes in a lot of colors
    • +
  • tears well
    • +
  • good textured surface
    • +
  • really like this one
    • +
+

Arches Cover

+
    +
  • thicker than I want
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    2. + +
  2. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    3. + +
  3. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/pronoun-patches/index.html b/pronoun-patches/index.html new file mode 100644 index 0000000..86bdee4 --- /dev/null +++ b/pronoun-patches/index.html @@ -0,0 +1,1711 @@ + + + + + + + + +pronoun patches | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

pronoun patches

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + + +

Hand carved modular stamps for when you want a chatty skeleton to yell your pronouns.

+

Available pronouns at current:

+
    +
  • ae/aer
    • +
  • ey/em
    • +
  • he/him
    • +
  • it/its
    • +
  • she/her
    • +
  • they/them
    • +
  • ve/ver
    • +
  • xe/xem
    • +
  • ze/hir
    • +
  • ze/zir
    • +
+

If you use pronouns that aren't in this list, let me know and I will work on adding them.

+

details

+

dimensions

+

roughly 3" x 1.5"

+

coloration

+

default: random

+

available as

+

patch

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    geese

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + +     +
    2. + +
  2. + +

    give to trans orgs and people

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up. + +     +
    3. + +
  3. + +

    networks of trans care

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/proud-dad-wallet/index.html b/proud-dad-wallet/index.html new file mode 100644 index 0000000..b62cc3b --- /dev/null +++ b/proud-dad-wallet/index.html @@ -0,0 +1,1681 @@ + + + + + + + + +proud dad wallet | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

proud dad wallet

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A brown leather wallet with a subtle trans flag stitching across the top. + + A brown leather wallet with a subtle trans flag stitching across the top. + + +

Designed for my dad.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    2. + +
  2. + +

    gender?

    + +
      + +
    • gender
      • + +
    + A page of handwritten notes with some loosely drawn charts, described further in the post. + +     +
    3. + +
  3. + +

    o-ring bracelet

    + +
      + +
    • leather
      • + +
    + A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/queer-book-list/index.html b/queer-book-list/index.html new file mode 100644 index 0000000..cb7256d --- /dev/null +++ b/queer-book-list/index.html @@ -0,0 +1,1674 @@ + + + + + + + + +queer book list | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

queer book list

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + + +

an incomplete list of books by/for/about queer folks. check it out and add your favorites.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    2. + +
  2. + +

    in the news

    + +
      + +
    • gender
      • + +
    + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + +     +
    3. + +
  3. + +

    on the ubiquity of 'enby'

    + +
      + +
    • gender
      • + +
    + A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads 'Gender Census 2023 Worldwide Report' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/queer/index.html b/queer/index.html new file mode 100644 index 0000000..cf7258f --- /dev/null +++ b/queer/index.html @@ -0,0 +1,1710 @@ + + + + + + + + +queer | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

queer

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + + +

details

+

dimensions

+

2" x 4" ?

+

coloration

+

default: black

+

available as

+

patch, print, greeting card, sticker, pin

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    on pronouns

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder. + +     +
    2. + +
  2. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    3. + +
  3. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/quorbs/index.html b/quorbs/index.html new file mode 100644 index 0000000..b34df06 --- /dev/null +++ b/quorbs/index.html @@ -0,0 +1,1687 @@ + + + + + + + + +quorbs | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

quorbs

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + + +

Based on a beautiful photograph by Jessamyn

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    bottom growth (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + +     +
    2. + +
  2. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    3. + +
  3. + +

    block printing transfer method

    + +
      + +
    • print
      • + +
    + A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/rachels-bracelets/index.html b/rachels-bracelets/index.html new file mode 100644 index 0000000..5c8470b --- /dev/null +++ b/rachels-bracelets/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +rachel&#39;s bracelets | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

rachel's bracelets

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Two pink leather bracelets with stainless steel hardware and aqua stitching. + + Two pink leather bracelets with stainless steel hardware and aqua stitching. + + +

Custom dyed. Stainless steel hardware.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    swoop wallet

    + +
      + +
    • leather
      • + +
    + A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue. + +     +
    3. + +
  3. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/rambouillet-handspun/index.html b/rambouillet-handspun/index.html new file mode 100644 index 0000000..ba18e3b --- /dev/null +++ b/rambouillet-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +rambouillet handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

rambouillet handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + + +

Fiber from Woolgatherings. 100% rambouillet. Hand-dyed!

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    handcombed jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of dark grey handspun yarn + +     +
    2. + +
  2. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    3. + +
  3. + +

    ruby the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/recommendations-and-favorites/index.html b/recommendations-and-favorites/index.html new file mode 100644 index 0000000..7804e0c --- /dev/null +++ b/recommendations-and-favorites/index.html @@ -0,0 +1,1718 @@ + + + + + + + + +recommendations &amp; favorites | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

recommendations & favorites

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible. + + Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible. + + +

Articles

+ +

Books

+ +

Comedy

+ +

Comics

+ +

Short fiction

+ +

Social media threads

+ +

Videos

+ + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    dragon mask

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + 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. + +     +
    2. + +
  2. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    3. + +
  3. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/redirections/index.html b/redirections/index.html new file mode 100644 index 0000000..4ab986f --- /dev/null +++ b/redirections/index.html @@ -0,0 +1,1731 @@ + + + + + + + + +redirections | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

redirections

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + + +

baseline

+
cat tempest.md
+
You do look, my son, in a moved sort,
+As if you were dismay'd: be cheerful, sir.
+Our revels now are ended. These our actors,
+As I foretold you, were all spirits and
+Are melted into air, into thin air:
+And, like the baseless fabric of this vision,
+The cloud-capp'd towers, the gorgeous palaces,
+The solemn temples, the great globe itself,
+Ye all which it inherit, shall dissolve
+And, like this insubstantial pageant faded,
+Leave not a rack behind. We are such stuff
+As dreams are made on, and our little life
+Is rounded with a sleep.
+

direct

+

grep takes a file or files as an argument.

+
grep "'d" tempest.md
+
As if you were dismay'd: be cheerful, sir.
+The cloud-capp'd towers, the gorgeous palaces,
+

redirect

+

If there's no files, or if - is passed as an argument, grep reads from standard input. < reads a file into standard input (this is shorthand for 0<, 0 being the file descriptor of stdin).

+
grep "'d" < tempest.md
+# or
+grep "'d" - < tempest.md
+
As if you were dismay'd: be cheerful, sir.
+The cloud-capp'd towers, the gorgeous palaces,
+

re-redirect

+

<(command) creates a file descriptor for the output of command.

+
grep "'d" - < <(cat tempest.md)
+
As if you were dismay'd: be cheerful, sir.
+The cloud-capp'd towers, the gorgeous palaces,
+

(In this case, you could substitute cat tempest.md | grep "'d" - but <(command) is handy for cases where commands don't take stdin, or need to take in multiple files (such as comm).

+

re-re-redirect

+

cat can also take stdin when given - or no arguments.

+
grep "'d" < <(cat < tempest.md)
+# or
+grep "'d" < <(cat - < tempest.md)
+
As if you were dismay'd: be cheerful, sir.
+The cloud-capp'd towers, the gorgeous palaces,
+

conclusion

+

it's <s all the way down.

+
+

postscript: heredoc

+
grep "'d" << tempest.md
+heredoc> oh are we interactive now
+heredoc> what am i 'doing' anyway
+heredoc> tempest.md
+
what am i 'doing' anyway
+

(<< starts an ephemeral document or heredoc. The first argument given is the delimiter, and is more commonly EOF (end of file).)

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    2. + +
  2. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    3. + +
  3. + +

    eleventy lessons

    + +
      + +
    • software
      • + +
    + Image unrelated to post. Close up on a pale green hellebore flower. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/reference/1/index.html b/reference/1/index.html new file mode 100644 index 0000000..74733e4 --- /dev/null +++ b/reference/1/index.html @@ -0,0 +1,1220 @@ + + + + + + + + +reference | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

reference

+ + +

the reference page is for informational posts

+

(or browse by tags)

+ +
    + +
  1. + +

    art shows and events

    + +
      + +
    + Image unrelated to post. A cluster of small, four-petaled flowers, varying in color between a purpley-pink and yellow. + +     +
    2. + +
  2. + +

    redirections

    + +
      + +
    • software
      • + +
    + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + +     +
    3. + +
  3. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    4. + +
  4. + +

    networks of trans care

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk. + +     +
    5. + +
  5. + +

    give to trans orgs and people

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up. + +     +
    6. + +
  6. + +

    fountain pen-friendly stationery

    + +
      + +
    • stationery
      • + +
    + Two envelopes with wax seals. The top envelope is cream with a copper-and-white swirled seal depicting a yelling possum holding mail. The bottom envelope is marbled blue, black, and gold, with a white-and-blue swirled seal depicting an octopus holding a fountain pen. + +     +
    7. + +
  7. + +

    fediZineFest 2025

    + +
      + +
    • zine
      • + +
    + A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025. + +     +
    8. + +
  8. + +

    on the ubiquity of 'enby'

    + +
      + +
    • gender
      • + +
    + A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads 'Gender Census 2023 Worldwide Report' + +     +
    9. + +
  9. + +

    handedness toggle

    + +
      + +
    • software
      • + +
    + A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left. + +     +
    10. + +
  10. + +

    rescue Trans Rescue

    + +
      + +
    + “Picture unrelated to post. A male and female wood duck in summer ‘eclipse’ plumage have a little tiff while standing on a log. to the right, the male has his neck extended and beak open; on the left, the female has a wing extended upwards.“ + +     +
    11. + +
  11. + +

    no politics (wip)

    + +
      + +
    + Picture unrelated to post. A small orange mushroom grows from the center of a fence post. + +     +
    12. + +
  12. + +

    fd signifier & oppositional sexism

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field. + +     +
    13. + +
  13. + +

    gender as a proxy variable

    + +
      + +
    • gender
      • + +
    • zine
      • + +
    + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/reference/2/index.html b/reference/2/index.html new file mode 100644 index 0000000..2b2ab46 --- /dev/null +++ b/reference/2/index.html @@ -0,0 +1,1180 @@ + + + + + + + + +reference | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

reference

+ + +

the reference page is for informational posts

+

(or browse by tags)

+ +
    + +
  1. + +

    printmaking paper notes

    + +
      + +
    • print
      • + +
    + Image unrelated to post. A very fluffed up killdeer stands on a rocky beach. + +     +
    2. + +
  2. + +

    on pronouns

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder. + +     +
    3. + +
  3. + +

    domain and site setup

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass. + +     +
    4. + +
  4. + +

    in the news

    + +
      + +
    • gender
      • + +
    + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + +     +
    5. + +
  5. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    6. + +
  6. + +

    backend accessibility

    + +
      + +
    • software
      • + +
    + A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font. + +     +
    7. + +
  7. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    8. + +
  8. + +

    recommendations & favorites

    + +
      + +
    • highlight
      • + +
    + Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible. + +     +
    9. + +
  9. + +

    gender?

    + +
      + +
    • gender
      • + +
    + A page of handwritten notes with some loosely drawn charts, described further in the post. + +     +
    10. + +
  10. + +

    queer book list

    + +
      + +
    • gender
      • + +
    + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + +     +
    11. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/reference/index.html b/reference/index.html new file mode 100644 index 0000000..a73df2d --- /dev/null +++ b/reference/index.html @@ -0,0 +1,1216 @@ + + + + + + + + +reference | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

reference

+ + +

the reference page is for informational posts

+

(or browse by tags)

+ +
    + +
  1. + +

    fediLearns

    + +
      + +
    + the logo for fedilearns, which is a grey newspaper icon with the fediverse icon (a rainbow pentagon) superimposed. + +     +
    2. + +
  2. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    3. + +
  3. + +

    eleventy lessons

    + +
      + +
    • software
      • + +
    + Image unrelated to post. Close up on a pale green hellebore flower. + +     +
    4. + +
  4. + +

    screen reader optimizations

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A crow poses on driftwood against a whitish sky. + +     +
    5. + +
  5. + +

    spinning plants

    + +
      + +
    • yarn
      • + +
    + 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) + +     +
    6. + +
  6. + +

    comparing text editors

    + +
      + +
    • software
      • + +
    + 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. + +     +
    7. + +
  7. + +

    an intro to git

    + +
      + +
    • software
      • + +
    + Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash. + +     +
    8. + +
  8. + +

    moving images

    + +
      + +
    • software
      • + +
    + 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. + +     +
    9. + +
  9. + +

    stationery exchange

    + +
      + +
    • stationery
      • + +
    + Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms. + +     +
    10. + +
  10. + +

    siblinghood of the traveling greeting card

    + +
      + +
    • stationery
      • + +
    + Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background. + +     +
    11. + +
  11. + +

    my favorite git flag

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk. + +     +
    12. + +
  12. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    13. + +
  13. + +

    keffiyah fishing net pattern

    + +
      + +
    • knit
      • + +
    + 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. + +     +
    14. + +
+ + + + + + + + + + + +
+ + + + + + + diff --git a/rescue-trans-rescue/index.html b/rescue-trans-rescue/index.html new file mode 100644 index 0000000..c0cb686 --- /dev/null +++ b/rescue-trans-rescue/index.html @@ -0,0 +1,1620 @@ + + + + + + + + +rescue Trans Rescue | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/resume/index.html b/resume/index.html new file mode 100644 index 0000000..4e6735d --- /dev/null +++ b/resume/index.html @@ -0,0 +1,1122 @@ + + + + + + + + +resume | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +
+

Lee Cattarin

+ +

+ he/him or ze/hir • Vashon, WA 98070 +
+ lee.cattarin@gmail.com + • this very website • linkedin.com/in/lee-cattarin +

+ +

Platforms Engineer

+ +

+ Design-oriented platforms/infrastructure engineer with a well-rounded + background in algorithms, UI/UX, observabilty, databases, and accessibility. + Consistent customer focus with strong communication skills and a passion for + sharing knowledge. +

+ +
+ +

Toolkit

+ +
    +
  • Git, bash, and the terminal
    • +
  • Containers and Kubernetes
    • +
  • Terraform, Bicep, and infrastructure deployment
    • +
  • GitHub Actions and other pipelines
    • +
  • HTML, CSS, and Javascript
    • +
  • Languages like Go, C, and Python
    • +
  • Accessibility knowledge and thoughtful design
    • +
+ +
+ +

Experience

+ +
+
+

Freelance Web Developer

+

– Present

+
+ +

+ Creates and maintains websites for clients based off their concepts and + ideas. +

+ +
    +
  • + My Liberation Work Has Been Damn Ableist: A Landworker Memoir + (maze-pants.codeberg.page): + a web-friendly version of Maze's ~70 page zine, built as a single-page + static site. +
    + ...a pleasure to work with. Ze pays close attention to detail, and + truly cares about making his creations accessible, including aspects + that I didn’t even know to ask for. As a bonus ze is extremely quick + and responsive! +
    +
    • +
  • + Gryphon's Roost (gryphonsroost.xyz): + a major redesign and port of Gryphon's Wix site to an Eleventy and + TinaCMS blog. +
    I really appreciate your willingness/ability + to meet me where I was at as far as communication and such was. I + feel a lot more comfortable asking clarifying questions than I have + with others.
    +
    • +
  • + Mari Hsu (marihsu.com): + a redesign of Mari's existing site and full port from pure HTML/CSS to + Eleventy-based blog. +
    + Having participated in a few tangible projects that Lee has run online + I have admired hir clean, effective, and attractive websites for a + while. When Lee announced ze was taking on more work, I jumped at the + chance to have someone else rebuild my old handcoded one. My new + website from Lee is fantastic! Super easy to customize and update on + my own, which is what I have wanted for a long time. Ze was easy to + work with, very communicative about details of the process, and well + aligned with what I wanted from my site. I would not hesitate to + recommend Lee to anyone, at any technical comfort level, who wants a + nice website. +
    +
    • +
  • + Spoonfairies (spoonfairies.help): + an Eleventy-based website for a just-launching project, designed and + built from the ground up. +
    + ...the site dev of my dreams -- ze brought my vision from a + PowerPoint to a webpage with clarity and a focus on accessibility + that made me feel real hope for the future. I am grateful for his + thought partnership and ongoing site support! +
    +
    • +
  • + Beall Greenhouses (beall-greenhouses.com): + a website for the Beall Greenhouses artist studios and markets, + originally pure HTML/CSS/JS before porting to Eleventy for longevity + and ease of maintenance. +
    + ...an absolute delight to work with. His communication is efficient + and timely, and his considerations in design are impeccable. When I + asked him if he could do this project, he came in on a level that I + had not anticipated. His contributions to my event have been + immeasurable. It’s exciting to continue to work with him, as we are + constantly finding new ways to upgrade our interface with the public. + The possibilities that he brings to the table are astounding. +
    +
    • +
+
+ +
+ +
+ +
+

Microsoft, Redmond, WA

+

–

+
+ +

Software Development Engineer I & II

+ +

+ Worked on green- and brown-field projects with customers, solving emerging + problems in infrastructure, devOps, and LLM/human interaction. Wrote + reports on product feedback to relay to product teams and improved + documentation. +

+ +
    +
  • Contributed UI/UX, algorithm, and database design to a new + human-in-the-loop approach to LLM form automation, ensuring both that + content was effectively reviewed and that auditing was smooth.
    • +
  • Deployed and configured Kubernetes for many scenarios, handling + monitoring and observability, scaling, traffic routing, security and + policy, Windows container support, and more.
    • +
  • Maintained team working agreements to ensure team unity and + consistency. Shaped team processes and documentation to improve clarity + and speed up onboarding.
    • +
  • Improved Azure and open source documentation with new, updated, and + corrected information.
    • +
  • Coached multiple learning-oriented hackathons to ensure broader + community understanding and adoption of Azure services.
    • +
  • Presented to groups of 10–100 on backend accessibility and queer/trans + education.
    • +
+
+ +
+ +
+ +
+

Riverside Refuge Studio, Vashon, WA

+

– Present

+
+ +

Co-owner and artist

+ +

+ Maintains website, storefront, and inventory for a diverse set of artistic + goods. Communicates with a range of customers, both digitally and + in-person. +

+ +
    +
  • Designs and creates art/crafts in a variety of mediums ranging from + visual to functional.
    • +
  • Presents work in art shows in and around Seattle.
    • +
  • Runs booths or studio space at art fairs and markets.
    • +
+
+ +
+ +
+ +
+

Rensselaer Polytechnic Institute, Troy, NY

+

–

+
+ +

Undergraduate Programming Mentor

+ +

+ Helped students debug and develop in Python and learn core programming + concepts. Created daily quiz material and graded exams. +

+
+ +
+ +
+
+

Microsoft, Redmond, WA

+

–

+
+ +

Software Development Engineering Intern

+

+ Developed a chatbot add-on for the Azure Android application. +

+
+ +
+ +

Projects

+ +
+
+

FediLearns (fedilearns.fyi)

+

– Present +

+
+ +

Designs, develops, and maintains website for learning and skill-sharing + listings for the fediverse (Mastodon). Manages all data and incoming + listing requests.

+
+ +
+ +
+
+

Siblinghood of the Traveling Greeting Card (siblinghood.quest)

+

– Present +

+
+ +

Designs, develops, and maintains website. Manages communication and + logistics for a ~40 person global community building project.

+
+ +
+ +
+
+

leecat.art (you are here!) (leecat.art)

+

– Present

+
+ +

Designs, develops, maintains, and creates all content.

+
+ +
+ +
+
+

FediZineFest (fedizinefest.fyi)

+

–

+
+ +

Created and ran a global event for zine artists on the fediverse + for two years. Coordinated website, physical material shipping and + logistics, payment, and marketing for a 40–50 person project.

+
+ +
+ +
+
+

Rescue Trans Rescue (rescue-trans-rescue.quest)

+

+
+ +

Created a digital art exhibit and sale to raise money for charity. + Coordinated ~30 artists to contribute physical and digital work as well as + a collaborative sticker sheet. Raised ~2.3k for Trans Rescue.

+
+ +
+ +

Education

+ +

+ Bachelor of Science — Computer Science +
+ Rensselaer Polytechnic Institute, Troy, NY +

+
+ +
+ + + + + + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..2bc3201 --- /dev/null +++ b/robots.txt @@ -0,0 +1,151 @@ +# Sourced from https://codeberg.org/superseriousbusiness/gotosocial/ + +# AI scrapers and the like. +# https://github.com/ai-robots-txt/ai.robots.txt/ +User-agent: AddSearchBot +User-agent: AI2Bot +User-agent: AI2Bot-DeepResearchEval +User-agent: Ai2Bot-Dolma +User-agent: aiHitBot +User-agent: amazon-kendra +User-agent: Amazonbot +User-agent: AmazonBuyForMe +User-agent: Andibot +User-agent: Anomura +User-agent: anthropic-ai +User-agent: Applebot +User-agent: Applebot-Extended +User-agent: atlassian-bot +User-agent: Awario +User-agent: bedrockbot +User-agent: bigsur.ai +User-agent: Bravebot +User-agent: Brightbot 1.0 +User-agent: BuddyBot +User-agent: Bytespider +User-agent: CCBot +User-agent: Channel3Bot +User-agent: ChatGLM-Spider +User-agent: ChatGPT Agent +User-agent: ChatGPT-User +User-agent: Claude-SearchBot +User-agent: Claude-User +User-agent: Claude-Web +User-agent: ClaudeBot +User-agent: Cloudflare-AutoRAG +User-agent: CloudVertexBot +User-agent: cohere-ai +User-agent: cohere-training-data-crawler +User-agent: Cotoyogi +User-agent: Crawl4AI +User-agent: Crawlspace +User-agent: Datenbank Crawler +User-agent: DeepSeekBot +User-agent: Devin +User-agent: Diffbot +User-agent: DuckAssistBot +User-agent: Echobot Bot +User-agent: EchoboxBot +User-agent: FacebookBot +User-agent: facebookexternalhit +User-agent: Factset_spyderbot +User-agent: FirecrawlAgent +User-agent: FriendlyCrawler +User-agent: Gemini-Deep-Research +User-agent: Google-CloudVertexBot +User-agent: Google-Extended +User-agent: Google-Firebase +User-agent: Google-NotebookLM +User-agent: GoogleAgent-Mariner +User-agent: GoogleOther +User-agent: GoogleOther-Image +User-agent: GoogleOther-Video +User-agent: GPTBot +User-agent: iAskBot +User-agent: iaskspider +User-agent: iaskspider/2.0 +User-agent: IbouBot +User-agent: ICC-Crawler +User-agent: ImagesiftBot +User-agent: imageSpider +User-agent: img2dataset +User-agent: ISSCyberRiskCrawler +User-agent: Kangaroo Bot +User-agent: KlaviyoAIBot +User-agent: KunatoCrawler +User-agent: laion-huggingface-processor +User-agent: LAIONDownloader +User-agent: LCC +User-agent: LinerBot +User-agent: Linguee Bot +User-agent: LinkupBot +User-agent: Manus-User +User-agent: meta-externalagent +User-agent: Meta-ExternalAgent +User-agent: meta-externalfetcher +User-agent: Meta-ExternalFetcher +User-agent: meta-webindexer +User-agent: MistralAI-User +User-agent: MistralAI-User/1.0 +User-agent: MyCentralAIScraperBot +User-agent: netEstate Imprint Crawler +User-agent: NotebookLM +User-agent: NovaAct +User-agent: OAI-SearchBot +User-agent: omgili +User-agent: omgilibot +User-agent: OpenAI +User-agent: Operator +User-agent: PanguBot +User-agent: Panscient +User-agent: panscient.com +User-agent: Perplexity-User +User-agent: PerplexityBot +User-agent: PetalBot +User-agent: PhindBot +User-agent: Poggio-Citations +User-agent: Poseidon Research Crawler +User-agent: QualifiedBot +User-agent: QuillBot +User-agent: quillbot.com +User-agent: SBIntuitionsBot +User-agent: Scrapy +User-agent: SemrushBot-OCOB +User-agent: SemrushBot-SWA +User-agent: ShapBot +User-agent: Sidetrade indexer bot +User-agent: Spider +User-agent: TerraCotta +User-agent: Thinkbot +User-agent: TikTokSpider +User-agent: Timpibot +User-agent: TwinAgent +User-agent: VelenPublicWebCrawler +User-agent: WARDBot +User-agent: Webzio-Extended +User-agent: webzio-extended +User-agent: wpbot +User-agent: WRTNBot +User-agent: YaK +User-agent: YandexAdditional +User-agent: YandexAdditionalBot +User-agent: YouBot +User-agent: ZanistaBot +Disallow: / + +# Marketing/SEO "intelligence" data scrapers +User-agent: AwarioRssBot +User-agent: AwarioSmartBot +User-agent: DataForSeoBot +User-agent: magpie-crawler +User-agent: Meltwater +User-agent: peer39_crawler +User-agent: peer39_crawler/1.0 +User-agent: PiplBot +User-agent: scoop.it +User-agent: Seekr +Disallow: / + +# Rules for everything else +User-agent: * +Crawl-delay: 500 diff --git a/rope-one/index.html b/rope-one/index.html new file mode 100644 index 0000000..0b84c63 --- /dev/null +++ b/rope-one/index.html @@ -0,0 +1,1696 @@ + + + + + + + + +rope (one) | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

rope (one)

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a nude trans woman in an asymmetrical rope harness. + + A print of a nude trans woman in an asymmetrical rope harness. + + +

first in a series, probably.

+

details

+

dimensions

+

5" x 7.5"

+

coloration

+

default: black

+

available as

+

patch, print

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    2. + +
  2. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    3. + +
  3. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/ruby-the-alpaca-handspun/index.html b/ruby-the-alpaca-handspun/index.html new file mode 100644 index 0000000..32f25b3 --- /dev/null +++ b/ruby-the-alpaca-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +ruby the alpaca handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

ruby the alpaca handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + + +

Fiber from Circle R Ranch. 100% alpaca, from Ruby the alpaca.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    2. + +
  2. + +

    dyeing fiber

    + +
      + +
    • yarn
      • + +
    + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + +     +
    3. + +
  3. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/scrap-patches/index.html b/scrap-patches/index.html new file mode 100644 index 0000000..6d0d769 --- /dev/null +++ b/scrap-patches/index.html @@ -0,0 +1,1651 @@ + + + + + + + + +scrap patches | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

scrap patches

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    2. + +
+ +
+ + + + +
+ + + + + + + diff --git a/screen-reader-optimizations/index.html b/screen-reader-optimizations/index.html new file mode 100644 index 0000000..e0a8391 --- /dev/null +++ b/screen-reader-optimizations/index.html @@ -0,0 +1,1728 @@ + + + + + + + + +screen reader optimizations | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

screen reader optimizations

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A crow poses on driftwood against a whitish sky. + + Image unrelated to post. A crow poses on driftwood against a whitish sky. + + +

context

+

recently, I've been working on a website for a project called spoonfairies. On the providers page, we list a series of names along with their pronouns, location, and services offered. Visually, it looks like this:

+

A provider listing from spoonfairies. On the top row of text, it shows the provider's name in large purple text, then their pronouns in slightly opaque white and slightly smaller font, then aligned on the right, a map pin emoji and their general location in standard size white text. On the second row of text, it lists a few services the provider offers, comma separated.

+

pronouns

+

at first, all three pieces of information in the top row had no extra styling - it was just a line of text with the same color and size throughout. The location bit also didn't exist yet, so we're going to briefly ignore it. Screenreader testing (with NVDA, specifically) informed me that, when reading through a long list of providers, parentheses become very irritating. Imagine hearing the following:

+
+

Lorem Ipsum left parentheses she slash her right parentheses web accessiblity webdev. Dolor Sit left parentheses they slash them right parentheses housecleaning. Amet Consectetur left parentheses he slash him right parentheses webdev spreadsheets software.

+
+

...ad nauseam. Kinda irritating.

+

the fix

+

put the pronouns in a span that provides special styling, and use ::before and ::after to apply parentheses.

+
<a href="/providers/lorem-ipsum">
+    Lorem Ipsum
+    <span class="pronouns">she/her</span>
+</a>
+
.pronouns::before {
+    content: "(" / "";
+}
+.pronouns::after {
+    content: ")" / "";
+}
+

the slash is the magic there. The string before the slash indicates the visual content, and the string after the slash is the alternative text content. I went happily on my way.

+

plus, this is neat - now I can style the pronouns separately. Let's make them the standard text color rather than the link color, and a bit smaller, and a smidge opaque... nice.

+

location

+

ooh, time to implement locations! I did my same ol' trick.

+
<a href="/providers/lorem-ipsum">
+    Lorem Ipsum
+    <span class="pronouns">she/her</span>
+    <span class="location">Tacoma</span>
+</a>
+
.location::before {
+    content: "📍" / "is based out of";
+}
+

I even added actual alternative text rather than an empty string to provide some context. Pronouns, I figured, could exist without much context, as it's pretty common for them to follow directly after names in introductions, but location isn't as much of a given.

+

again, style em up nice, more of a standard text look, right-aligned. Cool.

+

a bigger problem than parentheses

+

...then I did some screen reader testing. Which I should have done directly after the pronouns bit. Turns out, I wasn't thrilled with what the <span>s did.

+

at least with fairly default settings in NVDA, the <span>s broke up the way the link was read out. Suddenly, I was getting:

+
+

visited link Lorem Ipsum visited link she slash her visited link Tacoma

+
+

this is all one link, mind you. The <a> tag isn't broken into three links. But the <span>s apparently break up the screen reader output anyway (in NVDA, that's a continual caveat).

+

ooookay... what next?

+

total overhaul

+

I moved away from my content approach entirely (well, I kept it around as a failsafe, but it's not running the show now). Instead, I switched over to an aria-label for the whole link.

+
<a href="/providers/lorem-ipsum"
+    aria-label="Lorem Ipsum she/her is based out of Tacoma">
+    Lorem Ipsum
+    <span class="pronouns">she/her</span>
+    <span class="location">Tacoma</span>
+</a>
+

(technically, all this is templated to hell and back. I would hope that's obvious given I'm talking about lists of these entries.)

+

now, after more screen reader testing, it reads out smoothly. The aria-label precludes the actual link text and cleanly says what needs to be said, with nothing breaking up the text and the whole thing easily recognized as one link. And I've got my fancy styling. Sweet.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    intro to wireframing

    + +
      + +
    • software
      • + +
    + 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. + +     +
    2. + +
  2. + +

    moving images

    + +
      + +
    • software
      • + +
    + 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. + +     +
    3. + +
  3. + +

    handedness toggle

    + +
      + +
    • software
      • + +
    + A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/seedling/index.html b/seedling/index.html new file mode 100644 index 0000000..d9a3786 --- /dev/null +++ b/seedling/index.html @@ -0,0 +1,1698 @@ + + + + + + + + +seedling | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

seedling

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + + +

Hand carved stamp of seedlings to celebrate new life.

+

details

+

dimensions

+

1.5" x 4"

+

coloration

+

default: sepia dirt, 2-tone green seedlings

+

available as

+

patch, print, greeting card

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    2. + +
  2. + +

    killdeer

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a killdeer in black ink. + +     +
    3. + +
  3. + +

    swallowtail on snowdrops

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/shirt-making-notes/index.html b/shirt-making-notes/index.html new file mode 100644 index 0000000..a23607c --- /dev/null +++ b/shirt-making-notes/index.html @@ -0,0 +1,1659 @@ + + + + + + + + +shirt making notes | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

shirt making notes

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
+ + + + + A shirt laid out on my desk after being printed with my jay and flicker prints. There are ink pads and other tools scattered around. + + A shirt laid out on my desk after being printed with my jay and flicker prints. There are ink pads and other tools scattered around. + + +

materials

+
    +
  • bella & canvas tee shirts (light tones, standard fabrics - no fleece, suede, ribbing, etc)
    • +
  • cutproof mat (optional, can be subbed out for any firm surface to slide into the shirt)
    • +
  • water-soluble pencil for fabric marking (optional)
    • +
  • (edit 18 Sep 2023) versaFine ink pads
    • +
  • speedball fabric print ink
    • +
  • inkwell
    • +
  • brayer
    • +
+

steps

+
    +
  1. iron front of shirt lightly to remove any wrinkles
    2. +
  2. lay shirt out on table. I put a cutproof mat inside the shirt to prevent any ink from going through and give myself a firm surface to work on
    3. +
  3. for a multi-layer design:
    4. +
  4. line up an un-inked stamp, face up
    5. +
  5. with water soluble pencil, outline 1 corner and mark out at least one other alignment spot. I found I could make marks about an inch long and get decent alignment just from that, rather than outlining the whole stamp (which ime gets similar alignment)
    6. +
  6. alternately you can use a carpenters square or similar tool to line up the stamps - just make sure not to move it!!
    7. +
  7. ink stamp thoroughly (lay stamp faceup and daub with ink pads)
    8. +
  8. lay stamp into position (for multi-layer design, align with existing marks)
    9. +
  9. press across the stamp with the brayer, being careful not to move the stamp
    10. +
  10. lift up in a clean motion; I generally lift a corner and check that things are looking good before lifting fully off
    11. +
  11. hang or drape until ready to iron
    12. +
+
    +
  • do not stack the shirts, even if the ink seems dry! it will transfer to other shirts
    • +
  • do not let the shirts sit in any way that the design is in contact with other fabric
    • +
+
    +
  1. press with iron on the highest appropriate heat setting
    2. +
+
    +
  • avoid moving the iron a lot as this can smudge ink
    • +
  • my rule of thumb has been to press until the image is uniformly hot to the touch
    • +
  • I am going to try next time to use parchment paper to avoid any ink smudginess (Edit: meh, I don't really recommend it. Just hold the iron still at first.)
    • +
+
    +
  1. dab some water on the water-soluble pencil and rub gently to erase
    2. +
+

other notes

+
    +
  • clean hands. clean hands. very important.
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + diff --git a/shirts/index.html b/shirts/index.html new file mode 100644 index 0000000..b335347 --- /dev/null +++ b/shirts/index.html @@ -0,0 +1,1690 @@ + + + + + + + + +shirts! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

shirts!

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A row of shirts hanging in front of a window, with a variety of hand-printed designs. + + A row of shirts hanging in front of a window, with a variety of hand-printed designs. + + +

hand-printed designs on bella & canvas shirts. To order, fill out this form (Sep 2024: no longer taking orders via this method). Or just message me.

+

See the shirt tag to view available designs.

+
+

Note: Shirt orders are done in rounds so I can take advantage of free shipping. This means if there's no demand, your shirt may wait a while. If you'd really like to get around this, I'll just ask that you cover the additional shipping.

+
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    2. + +
  2. + +

    not a drill

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + +     +
    3. + +
  3. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/shrimp-cat-toy/index.html b/shrimp-cat-toy/index.html new file mode 100644 index 0000000..50b669a --- /dev/null +++ b/shrimp-cat-toy/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +shrimp cat toy | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

shrimp cat toy

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + + +

Stuffed with catnip, of course.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    leatherworking favorites

    + +
      + +
    • leather
      • + +
    + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + +     +
    2. + +
  2. + +

    fishhook pride keychains

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + +     +
    3. + +
  3. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/shrimp/index.html b/shrimp/index.html new file mode 100644 index 0000000..ab6bffb --- /dev/null +++ b/shrimp/index.html @@ -0,0 +1,1710 @@ + + + + + + + + +shrimp | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

shrimp

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a small shrimp with slender little leggies in orange ink. + + A print of a small shrimp with slender little leggies in orange ink. + + +

a shrimp. eir name is Gomez.

+

details

+

dimensions

+

idk 3" x 2" ?

+

coloration

+

default: orange

+

available as

+

patch, print, greeting card, sticker, pin

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    2. + +
  2. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    3. + +
  3. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/siblinghood-of-the-traveling-greeting-card/index.html b/siblinghood-of-the-traveling-greeting-card/index.html new file mode 100644 index 0000000..dbb5329 --- /dev/null +++ b/siblinghood-of-the-traveling-greeting-card/index.html @@ -0,0 +1,1724 @@ + + + + + + + + +siblinghood of the traveling greeting card | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

siblinghood of the traveling greeting card

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background. + + Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background. + + +

welcome to the siblinghood of the traveling greeting card. it now has a home at siblinghood.quest.

+

originated on the fediverse - see the #siblinghoodOfTheTravelingGreetingCard hashtag - with original idea thanks to noctiluca@scholar.social

+

table of contents

+ +

objective

+

send a greeting card around the world. maybe more than one. we'll see.

+

outline

+

from a group of participants, a random list will be formed. every person is given the address of the next person in the list (the last person receives the first person's address). first person picks a greeting card, signs it, and sends it to their designated recipient; that person receives, signs, sends on, etc.

+

this continues on to the last person, who finally signs and sends back to the first, closing the loop and ending the adventure. the first person gets to keep the card they originally sent out.

+

if we want to, this can be easily re-run - add folks who want to be added, drop folks who want to be dropped, scramble the list, and start again.

+

timeline

+

accepting new applications for this first round until December 15th, 2025. After the 15th, you may still put in for future rounds, but be aware future rounds are not confirmed yet and will not be confirmed for at least 6 months most likely.

+

your marching orders (recipient address, order in loop) will arrive by email no later than January 1st, 2026.

+

participants

+

any number, but in the case of signups reaching 26 or greater people, the cohort will be split. Why 26? I'd like this to not run significantly longer than a year, and I'm very loosely estimating that each person will add 2 weeks to the timeline.

+

update: we closed signups at 32 participants and will be running two loops! Don't worry, that doesn't change what you as participants do.

+

on randomization

+

I will edit the list as needed to accommodate any mailing restrictions. I will also re-roll if I am placed first on the list.

+

card guidelines

+

4x6 inches/10x15 centimeters minimum size recommended so there is space for everyone to sign. please nothing wildly vulgar, I guess?

+

you are allowed to include stickers or similar flat items for future recipients if you so desire. Please ensure your package meets weight guidelines for flat mail (in the US, forever/international stamped mail must be under 1oz; outside of the US please look into local guidelines - if you're struggling to be sure let me know and I'll do my best to help).

+

address privacy

+

the only people who will see your address are:

+
    +
  • me
    • +
  • the person who is sending directly to you
    • +
  • if you put a return address (which I really would recommend), your recipient
    • +
+

what I'll need from participants

+

signing the card

+

Sign in any way you find meaningful. Please don't hog the card space - remember that as many as ~2 dozen people will be signing it!

+

IMPORTANT! Only put a name, nickname, doodle, fedi handle, etc. on the card that you are comfortable having displayed publicly. In any posts that I make, it will not be directly connected to you. However, as this likely has a small cohort, please be aware that how you sign could be tied back to your fedi account.

+

mailing it back out

+

This will require a fresh envelope and stamp(s) as needed for postage.

+

status checks

+

this is, at the end of the day, pretty flexible, but what I would really, really like is:

+
    +
  • 2 emails, one on receipt and one on re-sending. This allows me to check in on progress and ensure the card doesn't get too stalled, or lost.
    • +
  • more optionally, but fun for seeing how things are going: a picture of the card (not the envelope!)
    • +
+

what I'll send participants

+

guidelines

+

all guidelines (which you can always find here!) will be repeated over email so you have a local copy. They may additionally be ported over to a standalone site if we find we want somewhere not-on-this-website for pictures and travel deets (don't worry, no addresses. Nothing more specific than country or state).

+

recipient and loop order assignment

+

each participant will be sent the name and address of the next person in the loop. They will also be sent their place in the loop, numbered from 0.

+

reminders

+

I'll be doing my level best to track the card's movement, so as it is sent around (assuming I get check-ins from y'all! please help me out here!) I will send out reminders to folks to either check their mail or make sure the card gets sent out again. Some folks have specifically asked for this support and I don't want to let them down, so more communication is always better.

+

I want in!

+

read all that? too long, didn't bother? either way.

+

sign up for the siblinghood of the traveling greeting card

+

(if airtable is for any reason inaccessible to you, please reach out directly)

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    fountain pen-friendly stationery

    + +
      + +
    • stationery
      • + +
    + Two envelopes with wax seals. The top envelope is cream with a copper-and-white swirled seal depicting a yelling possum holding mail. The bottom envelope is marbled blue, black, and gold, with a white-and-blue swirled seal depicting an octopus holding a fountain pen. + +     +
    2. + +
+ +
+ + + + +
+ + + + + + + diff --git a/sideways-canvas-shirt/index.html b/sideways-canvas-shirt/index.html new file mode 100644 index 0000000..28f853d --- /dev/null +++ b/sideways-canvas-shirt/index.html @@ -0,0 +1,1679 @@ + + + + + + + + +sideways canvas shirt | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    2. + +
  2. + +

    knit shrimp

    + +
      + +
    • knit
      • + +
    + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + +     +
    3. + +
  3. + +

    keffiyah fishing net pattern

    + +
      + +
    • knit
      • + +
    + 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. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..1575ed7 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,1637 @@ + + + + + + + + https://leecat.art/queer-book-list/ + 2022-10-29 + + + + + + + https://leecat.art/become-unbutterable/ + 2022-10-31 + + + + + + + https://leecat.art/congrats-on-the-autism-adhd/ + 2022-10-31 + + + + + + + https://leecat.art/pronoun-patches/ + 2022-10-31 + + + + + + + https://leecat.art/acadia-coloring-journal/ + 2022-11-04 + + + + + + + https://leecat.art/blue-and-brown-leather-journal/ + 2022-11-04 + + + + + + + https://leecat.art/green-memo-pad/ + 2022-11-04 + + + + + + + https://leecat.art/striped-journal/ + 2022-11-05 + + + + + + + https://leecat.art/orange-journal/ + 2022-11-06 + + + + + + + https://leecat.art/tiny-books/ + 2022-11-15 + + + + + + + https://leecat.art/square-watercolor-pad/ + 2022-11-16 + + + + + + + https://leecat.art/pride-dice-bags/ + 2022-11-18 + + + + + + + https://leecat.art/gender/ + 2022-11-19 + + + + + + + https://leecat.art/brookes-socks/ + 2022-11-21 + + + + + + + https://leecat.art/pink-socks/ + 2022-11-21 + + + + + + + https://leecat.art/recommendations-and-favorites/ + 2022-11-22 + + + + + + + https://leecat.art/brookes-notebook/ + 2022-12-16 + + + + + + + https://leecat.art/flocked-notebook/ + 2022-12-16 + + + + + + + https://leecat.art/lined-notebook/ + 2022-12-16 + + + + + + + https://leecat.art/congrats-on-the-gay/ + 2023-02-01 + + + + + + + https://leecat.art/iris/ + 2023-02-04 + + + + + + + https://leecat.art/butch-hands-pattern/ + 2023-02-13 + + + + + + + https://leecat.art/chanterelle/ + 2023-04-16 + + + + + + + https://leecat.art/flatfish/ + 2023-04-16 + + + + + + + https://leecat.art/handspun-yarn-in-party-mix-and-orange-gold/ + 2023-04-16 + + + + + + + https://leecat.art/junco/ + 2023-04-16 + + + + + + + https://leecat.art/killdeer/ + 2023-04-16 + + + + + + + https://leecat.art/leather-keychains/ + 2023-04-16 + + + + + + + https://leecat.art/lupine/ + 2023-04-16 + + + + + + + https://leecat.art/seedling/ + 2023-04-16 + + + + + + + https://leecat.art/heron/ + 2023-04-20 + + + + + + + https://leecat.art/flicker/ + 2023-05-04 + + + + + + + https://leecat.art/hair/ + 2023-05-04 + + + + + + + https://leecat.art/block-printing-transfer-method/ + 2023-05-11 + + + + + + + https://leecat.art/backend-accessibility/ + 2023-05-12 + + + + + + + https://leecat.art/stellars-jay/ + 2023-05-13 + + + + + + + https://leecat.art/trans-rights-skull/ + 2023-05-13 + + + + + + + https://leecat.art/shirt-making-notes/ + 2023-05-30 + + + + + + + https://leecat.art/big-pidge/ + 2023-06-08 + + + + + + + https://leecat.art/fat-raccoon/ + 2023-06-08 + + + + + + + https://leecat.art/geese/ + 2023-06-08 + + + + + + + https://leecat.art/knit-shrimp/ + 2023-06-08 + + + + + + + https://leecat.art/spotted-towhee/ + 2023-06-08 + + + + + + + https://leecat.art/geese-trans-wrongs/ + 2023-06-08 + + + + + + + https://leecat.art/trans-wrongs-skull/ + 2023-06-08 + + + + + + + https://leecat.art/baseball-journal/ + 2023-06-09 + + + + + + + https://leecat.art/orange-green-journal/ + 2023-06-09 + + + + + + + https://leecat.art/stampede-journal/ + 2023-06-09 + + + + + + + https://leecat.art/printing-press-notes/ + 2023-06-15 + + + + + + + https://leecat.art/hummingbird-become-ungovernable/ + 2023-06-19 + + + + + + + https://leecat.art/leather-strap-journal/ + 2023-06-19 + + + + + + + https://leecat.art/swallowtail-on-snowdrops/ + 2023-06-19 + + + + + + + https://leecat.art/five-of-them/ + 2023-06-22 + + + + + + + https://leecat.art/gender-in-data-models/ + 2023-06-22 + + + + + + + https://leecat.art/nonbinary-flag/ + 2023-06-23 + + + + + + + https://leecat.art/shirts/ + 2023-06-23 + + + + + + + https://leecat.art/stickers/ + 2023-06-23 + + + + + + + https://leecat.art/artisans-cooperative-cards/ + 2023-06-28 + + + + + + + https://leecat.art/foxgloves/ + 2023-06-30 + + + + + + + https://leecat.art/happy-bihrtday/ + 2023-07-02 + + + + + + + https://leecat.art/coming-out/ + 2023-07-04 + + + + + + + https://leecat.art/queer/ + 2023-07-04 + + + + + + + https://leecat.art/boypussy/ + 2023-08-19 + + + + + + + https://leecat.art/girldick/ + 2023-08-19 + + + + + + + https://leecat.art/in-the-news/ + 2023-08-20 + + + + + + + https://leecat.art/shrimp/ + 2023-09-20 + + + + + + + https://leecat.art/artisans-cooperative-shirts/ + 2023-09-22 + + + + + + + https://leecat.art/rope-one/ + 2023-09-22 + + + + + + + https://leecat.art/ecommerce-options/ + 2023-09-30 + + + + + + + https://leecat.art/anarchy-autism/ + 2023-10-04 + + + + + + + https://leecat.art/leatherworking-favorites/ + 2023-10-08 + + + + + + + https://leecat.art/leather-chest-harness/ + 2023-10-12 + + + + + + + https://leecat.art/leather-lighter-case/ + 2023-10-12 + + + + + + + https://leecat.art/nine-pocket-bifold/ + 2023-10-14 + + + + + + + https://leecat.art/double-bill-pocket-bifold/ + 2023-10-17 + + + + + + + https://leecat.art/eight-pocket-bifold/ + 2023-10-17 + + + + + + + https://leecat.art/vertical-bifold/ + 2023-11-03 + + + + + + + https://leecat.art/vertical-card-wallet/ + 2023-11-03 + + + + + + + https://leecat.art/vertical-zipper-card-wallet/ + 2023-11-03 + + + + + + + https://leecat.art/zipper-bifold/ + 2023-11-03 + + + + + + + https://leecat.art/little-critter-pouch/ + 2023-11-04 + + + + + + + https://leecat.art/x-acto-knife-sheath/ + 2023-11-04 + + + + + + + https://leecat.art/domain-and-site-setup/ + 2023-11-07 + + + + + + + https://leecat.art/artists-conk/ + 2023-12-02 + + + + + + + https://leecat.art/bag-strap/ + 2023-12-02 + + + + + + + https://leecat.art/brookes-collar/ + 2023-12-02 + + + + + + + https://leecat.art/makers-mark-keychain/ + 2023-12-02 + + + + + + + https://leecat.art/moss-harness/ + 2023-12-02 + + + + + + + https://leecat.art/pinatex-wallet-with-zipper/ + 2023-12-02 + + + + + + + https://leecat.art/tiny-mushrooms/ + 2023-12-02 + + + + + + + https://leecat.art/stephanie-collar/ + 2023-12-02 + + + + + + + https://leecat.art/on-pronouns/ + 2023-12-22 + + + + + + + https://leecat.art/circle-bag/ + 2023-12-31 + + + + + + + https://leecat.art/fishhook-pride-keychains/ + 2023-12-31 + + + + + + + https://leecat.art/tooled-leather-patches/ + 2023-12-31 + + + + + + + https://leecat.art/long-zipper-bifold/ + 2023-12-31 + + + + + + + https://leecat.art/mousie/ + 2023-12-31 + + + + + + + https://leecat.art/pins/ + 2023-12-31 + + + + + + + https://leecat.art/slightly-weird-man-club/ + 2023-12-31 + + + + + + + https://leecat.art/trans-the-world/ + 2023-12-31 + + + + + + + https://leecat.art/vix-collar/ + 2023-12-31 + + + + + + + https://leecat.art/zipper-bifold-green/ + 2023-12-31 + + + + + + + https://leecat.art/gradient-purse-strap/ + 2024-01-07 + + + + + + + https://leecat.art/mom-bag/ + 2024-01-07 + + + + + + + https://leecat.art/patchwork-wallet/ + 2024-01-07 + + + + + + + https://leecat.art/proud-dad-wallet/ + 2024-01-07 + + + + + + + https://leecat.art/foldy-wallet/ + 2024-01-12 + + + + + + + https://leecat.art/sunflower/ + 2024-01-12 + + + + + + + https://leecat.art/aarons-mask/ + 2024-01-16 + + + + + + + https://leecat.art/brookes-cuff-bracelets/ + 2024-01-16 + + + + + + + https://leecat.art/foldy-wallet-with-thumb-slide/ + 2024-01-16 + + + + + + + https://leecat.art/shrimp-cat-toy/ + 2024-01-16 + + + + + + + https://leecat.art/soras-collar/ + 2024-01-17 + + + + + + + https://leecat.art/bottom-growth/ + 2024-01-23 + + + + + + + https://leecat.art/printmaking-paper-notes/ + 2024-01-23 + + + + + + + https://leecat.art/rachels-bracelets/ + 2024-01-23 + + + + + + + https://leecat.art/squarsh/ + 2024-01-23 + + + + + + + https://leecat.art/swoop-wallet/ + 2024-01-23 + + + + + + + https://leecat.art/bowtie/ + 2024-02-03 + + + + + + + https://leecat.art/leaf-patches/ + 2024-02-03 + + + + + + + https://leecat.art/o-ring-bracelet/ + 2024-02-03 + + + + + + + https://leecat.art/gender-as-a-proxy-variable/ + 2024-02-28 + + + + + + + https://leecat.art/snap-pouch/ + 2024-02-29 + + + + + + + https://leecat.art/tiny-portraits/ + 2024-03-02 + + + + + + + https://leecat.art/triangle-pouch/ + 2024-03-18 + + + + + + + https://leecat.art/fd-signifier-and-oppositional-sexism/ + 2024-03-23 + + + + + + + https://leecat.art/kniphofia/ + 2024-07-11 + + + + + + + https://leecat.art/luminescent/ + 2024-07-11 + + + + + + + https://leecat.art/booby-congrats-on-the-top-surgery/ + 2024-07-17 + + + + + + + https://leecat.art/no-politics-wip/ + 2024-08-08 + + + + + + + https://leecat.art/rescue-trans-rescue/ + 2024-08-10 + + + + + + + https://leecat.art/handedness-toggle/ + 2024-09-01 + + + + + + + https://leecat.art/on-the-ubiquity-of-enby/ + 2024-09-06 + + + + + + + https://leecat.art/euphorbia/ + 2024-12-17 + + + + + + + https://leecat.art/fedizinefest-2025/ + 2024-12-17 + + + + + + + https://leecat.art/greeting-quorbs/ + 2024-12-17 + + + + + + + https://leecat.art/lobstah/ + 2024-12-17 + + + + + + + https://leecat.art/leather-long-stitch-journals/ + 2024-12-17 + + + + + + + https://leecat.art/not-a-drill/ + 2024-12-17 + + + + + + + https://leecat.art/quorbs/ + 2024-12-17 + + + + + + + https://leecat.art/brown-creeper/ + 2024-12-18 + + + + + + + https://leecat.art/fountain-pen-friendly-stationery/ + 2024-12-18 + + + + + + + https://leecat.art/greeting-loons/ + 2024-12-20 + + + + + + + https://leecat.art/happy-solstice-2024/ + 2024-12-20 + + + + + + + https://leecat.art/kestrel-zine/ + 2025-01-19 + + + + + + + https://leecat.art/loon/ + 2025-01-19 + + + + + + + https://leecat.art/give-to-trans-orgs-and-people/ + 2025-01-31 + + + + + + + https://leecat.art/networks-of-trans-care/ + 2025-02-03 + + + + + + + https://leecat.art/fix-your-hearts/ + 2025-03-20 + + + + + + + https://leecat.art/azure-locations-and-file-crawling/ + 2025-05-14 + + + + + + + https://leecat.art/redirections/ + 2025-05-15 + + + + + + + https://leecat.art/textures-unite/ + 2025-05-18 + + + + + + + https://leecat.art/art-shows-and-events/ + 2025-05-26 + + + + + + + https://leecat.art/keffiyah-fishing-net-pattern/ + 2025-05-26 + + + + + + + https://leecat.art/scrap-patches/ + 2025-05-26 + + + + + + + https://leecat.art/sideways-canvas-shirt/ + 2025-07-13 + + + + + + + https://leecat.art/on-the-shoulders-of-giants/ + 2025-07-16 + + + + + + + https://leecat.art/acadia-mitts/ + 2025-07-26 + + + + + + + https://leecat.art/wrap-bracelets/ + 2025-07-26 + + + + + + + https://leecat.art/brookes-suspenders/ + 2025-09-05 + + + + + + + https://leecat.art/designing-a-bag/ + 2025-09-08 + + + + + + + https://leecat.art/intro-to-wireframing/ + 2025-09-14 + + + + + + + https://leecat.art/dragon-mask/ + 2025-11-13 + + + + + + + https://leecat.art/my-favorite-git-flag/ + 2025-11-23 + + + + + + + https://leecat.art/brookes-scarf/ + 2025-12-02 + + + + + + + https://leecat.art/siblinghood-of-the-traveling-greeting-card/ + 2025-12-02 + + + + + + + https://leecat.art/stationery-exchange/ + 2025-12-02 + + + + + + + https://leecat.art/happy-solstice-2025/ + 2025-12-21 + + + + + + + https://leecat.art/handcombed-jacobs-handspun/ + 2025-12-28 + + + + + + + https://leecat.art/icelandic-lamb-handspun/ + 2025-12-28 + + + + + + + https://leecat.art/light-grey-jacobs-handspun/ + 2025-12-28 + + + + + + + https://leecat.art/petrichor-handspun/ + 2025-12-28 + + + + + + + https://leecat.art/moving-images/ + 2026-01-05 + + + + + + + https://leecat.art/orion-handspun/ + 2026-01-05 + + + + + + + https://leecat.art/an-intro-to-git/ + 2026-01-07 + + + + + + + https://leecat.art/comparing-text-editors/ + 2026-01-08 + + + + + + + https://leecat.art/spinning-plants/ + 2026-01-11 + + + + + + + https://leecat.art/bfl-silk-handspun/ + 2026-01-18 + + + + + + + https://leecat.art/coral-reef-handspun/ + 2026-01-18 + + + + + + + https://leecat.art/dyeing-fiber/ + 2026-01-18 + + + + + + + https://leecat.art/fire-and-ice-handspun/ + 2026-01-18 + + + + + + + https://leecat.art/rambouillet-handspun/ + 2026-01-18 + + + + + + + https://leecat.art/spinners-dream-handspun/ + 2026-01-18 + + + + + + + https://leecat.art/hand-dyed-gold-handspun/ + 2026-01-24 + + + + + + + https://leecat.art/ruby-the-alpaca-handspun/ + 2026-01-27 + + + + + + + https://leecat.art/charlie-the-alpaca-handspun/ + 2026-02-05 + + + + + + + https://leecat.art/screen-reader-optimizations/ + 2026-02-06 + + + + + + + https://leecat.art/crow/ + 2026-02-09 + + + + + + + https://leecat.art/eleventy-lessons/ + 2026-02-19 + + + + + + + https://leecat.art/accessible-image-modals/ + 2026-03-22 + + + + + + + https://leecat.art/gallery/ + 2026-04-29 + + + + + + + https://leecat.art/ + 2026-04-29 + + + + + + + https://leecat.art/tags/gender/ + 2026-04-29 + + + + + + + https://leecat.art/tags/ + 2026-04-29 + + + + + + + https://leecat.art/about/ + 2026-04-29 + + + + + + + https://leecat.art/colophon/ + 2026-04-29 + + + + + + + https://leecat.art/contact/ + 2026-04-29 + + + + + + + https://leecat.art/guestbook/ + 2026-04-29 + + + + + + + https://leecat.art/palette/ + 2026-04-29 + + + + + + + https://leecat.art/resume/ + 2026-04-29 + + + + + + + https://leecat.art/style/ + 2026-04-29 + + + + + + + https://leecat.art/reference/ + 2026-04-29 + + + + + + + https://leecat.art/fedilearns/ + 2026-05-06 + + + + + + + https://leecat.art/feed.xml + 2026-05-14 + + + + diff --git a/sitemap.xsl b/sitemap.xsl new file mode 100644 index 0000000..fef9828 --- /dev/null +++ b/sitemap.xsl @@ -0,0 +1,32 @@ + + + + + + Sitemap + + + + + + + + + + + + + + + + + +
URLLast modified
+ + + +
+ + + + diff --git a/slightly-weird-man-club/index.html b/slightly-weird-man-club/index.html new file mode 100644 index 0000000..e2ae582 --- /dev/null +++ b/slightly-weird-man-club/index.html @@ -0,0 +1,1699 @@ + + + + + + + + +slightly weird man club | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

slightly weird man club

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print that reads 'slightly weird man club' in a nonbinary flag colored gradient + + A print that reads 'slightly weird man club' in a nonbinary flag colored gradient + + +

from a discussion on being a nonbinary man

+

details

+

dimensions

+

5" x 8"

+

coloration

+

default: black, or yellow-purple gradient

+

available as

+

patch, print, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    2. + +
  2. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    3. + +
  3. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/snap-pouch/index.html b/snap-pouch/index.html new file mode 100644 index 0000000..bb67e2c --- /dev/null +++ b/snap-pouch/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +snap pouch | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

snap pouch

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather. + + 4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather. + + +

simple pouch for coins, notions, what have you

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    2. + +
  2. + +

    triangle pouch

    + +
      + +
    • leather
      • + +
    + 5 small triangular pouches made of leather in two sizes and various colors. + +     +
    3. + +
  3. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/soras-collar/index.html b/soras-collar/index.html new file mode 100644 index 0000000..0ffb32c --- /dev/null +++ b/soras-collar/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +sora&#39;s collar | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

sora's collar

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + + +

Commission piece for a Doberman.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's collar

    + +
      + +
    • leather
      • + +
    + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + +     +
    2. + +
  2. + +

    bowtie

    + +
      + +
    • leather
      • + +
    + A black leather bow tie with black stitching. + +     +
    3. + +
  3. + +

    circle bag

    + +
      + +
    • leather
      • + +
    + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/spinners-dream-handspun/index.html b/spinners-dream-handspun/index.html new file mode 100644 index 0000000..fed3ca4 --- /dev/null +++ b/spinners-dream-handspun/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +spinner&#39;s dream handspun | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

spinner's dream handspun

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + a skein of a lightly variegated grey yarn in about a sport or DK weight. + + a skein of a lightly variegated grey yarn in about a sport or DK weight. + + +

Fiber from Paradise Fibers. 40% merino/20% alpaca/20% camel/20% mulberry silk. Scrumptiously soft.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    petrichor handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue + +     +
    2. + +
  2. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    3. + +
  3. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/spinning-plants/index.html b/spinning-plants/index.html new file mode 100644 index 0000000..4ba1531 --- /dev/null +++ b/spinning-plants/index.html @@ -0,0 +1,1801 @@ + + + + + + + + +spinning plants | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

spinning plants

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + yarn +
    • + +
+ +
+ + + + + 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) + + 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) + + +
+

work in progress! To be updated as I continue spinning.

+
+

in picture, from top:

+
    +
  1. flax
    2. +
  2. (probably) lotus
    3. +
  3. banana
    4. +
  4. hemp
    5. +
  5. tencel
    6. +
  6. rose
    7. +
  7. ramie
    8. +
+

notes on handspinning various plant fibers. Fibers were purchased as a sample pack from Hearthside Fibers. Unfortunately, I spun the first sample - flax - in 2023, so don't have thoughts on that left in my head. I also received a mystery sample along with the 12 named samples that may have been lotus - it's the smallest skein in the image. The lotus was also spun in 2023.

+
    +
  • overall, these are broadly more slippery than wool
    • +
  • most if not all of these benefitted from pre-drafting moreso than I usually do for wool
    • +
+

ease of spinning

+
    +
  • easy: flax, hemp
    • +
  • middling: banana, tencel
    • +
  • hard: rose
    • +
  • worst: ramie
    • +
+

texture (of final yarn)

+
    +
  • softest: rose
    • +
  • pleasant: banana, tencel
    • +
  • meh: ramie
    • +
  • itchy: hemp, flax
    • +
+

density/thickness

+

I am estimating this via yards per gram of fiber. Other than the flax and lotus (can't promise anything there), I aimed for my average spin with all of these and spun them on the same tool (Wheeliam, an Ashford Kiwi 3). Per-fiber notes mention whether they spun thick or thin if notable.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
fiberyardsgramsyds/g
banana33221.50
flax33271.22
hemp41261.58
lotus16121.33
rose60292.07
tencel31291.07
ramie7.551.5
+

per-fiber breakdown

+

written up in order of spinning.

+

banana

+
    +
  • felt a bit wear-y on the hands - that may have been the silk I spun earlier that day though
    • +
  • a bit hard to draft, quite liked to stick to itself and clump, but once moving was quite slippery
    • +
+

hemp

+
    +
  • awful feeling. awful awful awful. hate.
    • +
  • easy to spin
    • +
  • quite grippy
    • +
  • easy joins
    • +
  • difficult to tell apart from stray plant matter
    • +
+

rose

+
    +
  • incredibly soft; shiny and very pretty
    • +
  • quite difficult to spin
    • +
  • wanted to spin thin
    • +
  • joins were tough, it's quite slippery
    • +
  • needed slow and careful drafting because of the above - I brought my wheel down to a lower ratio which is rare
    • +
+

tencel

+
    +
  • also felt a bit wear-y like banana
    • +
  • spun a bit thick and liked to clump
    • +
  • not as bad as rose on the slippery front
    • +
  • very shiny, almost glittery in spots
    • +
  • dense and spun up fast
    • +
+

ramie

+
    +
  • hated this
    • +
  • slippery af
    • +
  • constantly splitting all over the place so I couldn't keep the fibers aligned in the slightest
    • +
  • stopped after 5g because it sucked and I didn't care to finish it
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    2. + +
  2. + +

    rambouillet handspun

    + +
      + +
    • yarn
      • + +
    + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + +     +
    3. + +
  3. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/spotted-towhee/index.html b/spotted-towhee/index.html new file mode 100644 index 0000000..731d57f --- /dev/null +++ b/spotted-towhee/index.html @@ -0,0 +1,1690 @@ + + + + + + + + +spotted towhee | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

spotted towhee

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A block print of a spotted towhee mid-leap. + + A block print of a spotted towhee mid-leap. + + +

A spotted towhee mid-leap.

+

details

+

dimensions

+

6" x 3"

+

coloration

+

default: black head/back/wings, orange sides, red eye, and blue shading.

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    2. + +
  2. + +

    squarsh

    + +
      + +
    • print
      • + +
    + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + +     +
    3. + +
  3. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/square-watercolor-pad/index.html b/square-watercolor-pad/index.html new file mode 100644 index 0000000..685139e --- /dev/null +++ b/square-watercolor-pad/index.html @@ -0,0 +1,1692 @@ + + + + + + + + +square watercolor pad | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

square watercolor pad

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A two panel collage showing a square book with a tan cover and blue and gold endpapers. + + A two panel collage showing a square book with a tan cover and blue and gold endpapers. + + +

A book of watercolor paper with an open spine and coptic stitching in light blue.

+

details

+

dimensions

+
    +
  • cover: 4 3/4" x 4 3/4"
    • +
  • pages: 4 1/2" x 4 1/2"
    • +
+

coloration

+
    +
  • cover: canvas-y tan
    • +
  • endpapers: blue and gold spiraling pattern
    • +
+

pages

+
    +
  • Blick Studio Watercolor
    • +
  • 20 pages
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    green memo pad

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small green memo pad. + +     +
    2. + +
  2. + +

    leather strap journal

    + +
      + +
    • book
      • + +
    + A 3-part collage showing a blue journal with leather straps woven into the covers. + +     +
    3. + +
  3. + +

    baseball journal

    + +
      + +
    • book
      • + +
    + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/squarsh/index.html b/squarsh/index.html new file mode 100644 index 0000000..0fdd680 --- /dev/null +++ b/squarsh/index.html @@ -0,0 +1,1688 @@ + + + + + + + + +squarsh | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

squarsh

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + + +

Color test for 3 new ink colors.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    not a drill

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + +     +
    2. + +
  2. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    3. + +
  3. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/stampede-journal/index.html b/stampede-journal/index.html new file mode 100644 index 0000000..896b59b --- /dev/null +++ b/stampede-journal/index.html @@ -0,0 +1,1689 @@ + + + + + + + + +stampede journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

stampede journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + + +

Includes coloring pages from Animorphia by Kerby Rosanes.

+

details

+

dimensions

+

idk 6" x 4" ish?

+

coloration

+
    +
  • cover: beige with green spine
    • +
  • endpaper: marbled grey, white, red, yellow, green
    • +
  • pages: white with coloring pages
    • +
+

pages

+

drawing paper

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's notebook

    + +
      + +
    • book
      • + +
    • highlight
      • + +
    + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + +     +
    2. + +
  2. + +

    baseball journal

    + +
      + +
    • book
      • + +
    + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + +     +
    3. + +
  3. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/stationery-exchange/index.html b/stationery-exchange/index.html new file mode 100644 index 0000000..6af137c --- /dev/null +++ b/stationery-exchange/index.html @@ -0,0 +1,1666 @@ + + + + + + + + +stationery exchange | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

stationery exchange

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms. + + Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms. + + +

do you, like me, have a stash of greeting cards and stickers you'll never use? Too many notebooks and pens?

+

let's do a stationery exchange! You'll still have too much stationery, but some will be new to you.

+

originated on the fediverse - see the #stationeryExchange hashtag.

+

outline

+

similar to a Secret Santa (but not holiday-oriented), each participant is assigned a recipient. Participants assemble an envelope or package (estimate around $20-25 in value (not incl. shipping), but you are highly encouraged to pull from your own supplies, thrift, or make things yourself before buying new) and send to their recipients.

+

because of international shipping prices, participants will opt in to broad location categories that they are able to ship to (US, EU, and rest of world). You are encouraged to provide more detail about your shipping abilities in a free text field following the opt-in question - if you'd like to check where you are unable to send mail to, try postcrossing's postal monitor. I will do my absolute best to accommodate shipping restrictions and needs. If you are unable to be matched with a gifter and/or a giftee I will reach out.

+

timeline

+

sign up form will close on December 15th, 2025. Participants will receive their giftee's details by January 1st, 2026.

+

ship-by date of February 15th, 2026, giving participants 1 and a half months to prepare and send their package. Packages will be expected to arrive by March 15th, 2026. If any recipient hasn't received a package by that time, I will follow up with their designated gifter.

+

reach out if you need flexibility regarding timeline!

+

shipping

+

if you are struggling with shipping costs, please feel free to put together a flat envelope with things such as greeting cards and stickers rather than more 3-dimensional items.

+

if you are shipping ink, please be aware that liquids often have specific shipping rules. Look up the relevant rules for your location.

+

if you are in the US, I quite recommend Pirate Ship which can help you get discounted rates with USPS and other services. You must make an account, but there is no fee for doing so.

+

backups

+

in the event of a drop-out or other issue, I will be providing one or two backup gifts. Participants may also opt-in to being backups as well to take some load off me. If backups are needed, I will cover the first one, then round-robin a randomized list of those who have opted in to backups.

+

let's do it!

+

sign up for the stationery exchange

+

(if airtable is for any reason inaccessible to you, please reach out directly)

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    fountain pen-friendly stationery

    + +
      + +
    • stationery
      • + +
    + Two envelopes with wax seals. The top envelope is cream with a copper-and-white swirled seal depicting a yelling possum holding mail. The bottom envelope is marbled blue, black, and gold, with a white-and-blue swirled seal depicting an octopus holding a fountain pen. + +     +
    2. + +
+ +
+ + + + +
+ + + + + + + diff --git a/stellars-jay/index.html b/stellars-jay/index.html new file mode 100644 index 0000000..ca3184a --- /dev/null +++ b/stellars-jay/index.html @@ -0,0 +1,1695 @@ + + + + + + + + +stellar&#39;s jay | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

stellar's jay

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print of a stellar's jay, a beautiful black and blue bird, about to take off from a branch + + A print of a stellar's jay, a beautiful black and blue bird, about to take off from a branch + + +

Hand carved set of stamps depicting a stellar's jay about to take off. Based on a photo from birdpixel.

+

details

+

dimensions

+

6" x 4"

+

coloration

+

default: black, blue, and brown as pictured

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    junco

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia. + +     +
    2. + +
  2. + +

    brown creeper

    + +
      + +
    • print
      • + +
    + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + +     +
    3. + +
  3. + +

    euphorbia

    + +
      + +
    • print
      • + +
    + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/stephanie-collar/index.html b/stephanie-collar/index.html new file mode 100644 index 0000000..4924841 --- /dev/null +++ b/stephanie-collar/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +stephanie collar | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

stephanie collar

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + + +

1" wide collar with nickel fittings and a 2" o-ring. sturdy 8/9oz leather.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    2. + +
  2. + +

    nine pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    3. + +
  3. + +

    leaf patches

    + +
      + +
    • leather
      • + +
    + Several oak-leaf-shaped leather patches with stitching holes punched around the edges. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/stickers/index.html b/stickers/index.html new file mode 100644 index 0000000..14ee1b2 --- /dev/null +++ b/stickers/index.html @@ -0,0 +1,1710 @@ + + + + + + + + +stickers! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

stickers!

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + Clear and holographic stickers in the same design - a smiling skull with speech bubble reading 'trans rights!' + + Clear and holographic stickers in the same design - a smiling skull with speech bubble reading 'trans rights!' + + +

Clear and holographic stickers ordered through DieCutStickers. See the stickers tag to view available designs.

+

previous round of stickers from StickerYou

+

details below provided from StickerYou FAQs.

+

clear stickers deets

+

Q: What do you mean by "removable adhesive"? Are my stickers going to fall off?

+

A: Removable adhesive means our stickers are able to peeled off and re-stuck immediately if you need to reposition your sticker. This isn't going to weaken the adhesion, as we guarantee our stickers stick strong, last long, and won't rip or tear when exposed to the elements. This also means our high quality stickers peel-off residue free, and won't damage your stuff if you do decide to remove them.

+

Q: I want to put the stickers on my laptop, but worry about damaging it. Will it leave residue behind?

+

A: Our clear stickers will stick strong for as long as you need them, but when you’re ready to remove, the stickers will come off clean, without leaving any messy residue behind!

+

Q: Can I stick these stickers outside, will they last?

+

A: Yes they will! Our stickers are water-resistant, and if applied correctly our stickers will stick strong and last long outside for at least a few years.

+

holographic stickers deets

+

Q: These custom stickers are permanent, will they damage a surface if I try to remove them?

+

A: Depending on the surface or material they are applied to, it’s possible that the surface may be damaged. Most surfaces that have been painted may be damaged when trying to remove a permanent die-cut sticker. For example, surfaces such as laminates and painted walls. It may be possible to remove permanent holographic stickers from lacquered / bake-dried surfaces such as car paint, however we do not guarantee that the surface will not be damaged.

+

Q: Are these holographic die-cut stickers water, dishwasher and freezer safe?

+

A: These stickers are certainly freezer safe and water repellant. They will also withstand dishwasher use thanks to their permanent adhesive. They are not recommended for use on fabrics and other similar materials and as such should not be put through a washer/dryer.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    2. + +
  2. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    3. + +
  3. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/striped-journal/index.html b/striped-journal/index.html new file mode 100644 index 0000000..663007b --- /dev/null +++ b/striped-journal/index.html @@ -0,0 +1,1693 @@ + + + + + + + + +striped journal | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

striped journal

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A three panel collage showcasing a journal with a striped cover. + + A three panel collage showcasing a journal with a striped cover. + + +

A leather spine journal with a striped front cover and navy back cover. It includes both blank pages and fold-out coloring pages from Fantastic Cities by Steve McDonald.

+

details

+

dimensions

+
    +
  • cover: 5" x 7"
    • +
  • pages: 4 1/2" x 6 5/8" (4 1/2" x 11" unfolded)
    • +
+

coloration

+
    +
  • spine: dark blue leather
    • +
  • cover: red, orange, green, blue stripes (front), navy blue (back)
    • +
  • endpapers: varied collaged decorative papers in multiple colors
    • +
+

pages

+
    +
  • Fabriano cards, Fantastic Cities coloring pages
    • +
  • 42 pages (28 blank, 14 coloring pages)
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    2. + +
  2. + +

    tiny books

    + +
      + +
    • book
      • + +
    + A three panel collage showing a book held in the palm of a hand. + +     +
    3. + +
  3. + +

    leather strap journal

    + +
      + +
    • book
      • + +
    + A 3-part collage showing a blue journal with leather straps woven into the covers. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/style/index.html b/style/index.html new file mode 100644 index 0000000..c7c999b --- /dev/null +++ b/style/index.html @@ -0,0 +1,1121 @@ + + + + + + + + +style | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + +

style

+ +

Adaped from an introduction to Markdown in order to test and display styling of basic components of the site.

+

Heading level 2

+

Since your title (defined in the front matter) is your heading level 1, you should never use another heading level 1 in your body.

+

Heading level 3

+

The number of pound signs determines the heading level.

+

Heading level 4

+

It's also important not to skip heading levels. Don't jump from a 2 to a 4 or similar.

+
Heading level 5
+

You can use up to level 6!

+
Here's level 6
+

It's just unnecessary.

+

Paragraphs

+

You'll notice that I am putting blank lines between headings and plain text. This is necessary, or they won't render correctly.

+

It's also important to put a blank line in between each paragraph. See what happens without it: +This is supposed to be a new paragraph, but it isn't.

+

Inline styles

+

We can, of course, create bold and italicized text, or inline monospace text.

+

We can also create links, like this link to the home page.

+

Horizontal lines

+

Sometimes you want to insert a visual break in your text that isn't just a new paragraph. You can use three dashes to create a horizontal line:

+
+

This text will be below the line.

+

Lists

+

Unordered lists

+

Unordered lists can be created with dashes or asterisks. With dashes:

+
    +
  • this is an item
    • +
  • this is another item
    • +
+

With asterisks:

+
    +
  • this is an item
    • +
  • this is another item
    • +
+

Ordered lists

+

Ordered (numbered) lists can be created with (surprise!) numbers. You can write numbers as you would normally, or you can just write the number 1 over and over, like so:

+
    +
  1. this is item 1
    2. +
  2. despite being written with a 1, this is item 2
    3. +
+

This allows you to insert more information into lists in the future without having to renumber every following item.

+

Nested lists

+

Both unordered and ordered lists can be nested. Just tab the nested section inwards:

+
    +
  • this is an item +
      +
    • this is nested below it
      • +
    • this is also nested
      • +
    +
    • +
  • this is another item
    • +
+

You can mix unordered and ordered lists when you nest.

+

Quotes

+

You can always just use quotation marks, of course, but if you are quoting a larger chunk of text it can be nice to use a blockquote.

+

You format a blockquote by starting the line with a caret:

+
+

This is a quote, and it will render differently than a paragraph.

+
+

If you want a quote to have multiple separate paragraphs, and still contiguously display as one quote, make sure to put a caret on the empty line between the paragraphs.

+
+

This is a multi-paragraph quote.

+

Here's the second paragraph.

+
    +
  • Blockquotes can also have lists
    • +
  • They still have the caret at the front
    • +
+
+

Monospace

+

You can write single words in monospace, or create code blocks:

+
3 backticks surround code blocks
+
+

Code blocks can have syntax highlighting:

+
<h1>Hello, world</h1>
+

Tables

+

Tables in Markdown are kind of annoying to format. You use the pipe (|) character as well as dashes.

+
| Header 1 | Header 2 |
+|---|---|
+| data 1a | data 1b |
+| data 2a | data 2b |
+| data 3a | data 3b |
+
+

When I remove the monospace block, you can see how this formats:

+ + + + + + + + + + + + + + + + + + + + + +
Header 1Header 2
data 1adata 1b
data 2adata 2b
data 3adata 3b
+ + + +
+ + + + + + + diff --git a/sunflower/index.html b/sunflower/index.html new file mode 100644 index 0000000..13805ae --- /dev/null +++ b/sunflower/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +sunflower | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

sunflower

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center . + + A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center . + + +

Commission piece.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    circle bag

    + +
      + +
    • leather
      • + +
    + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + +     +
    2. + +
  2. + +

    leather keychains

    + +
      + +
    • leather
      • + +
    + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + +     +
    3. + +
  3. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/swallowtail-on-snowdrops/index.html b/swallowtail-on-snowdrops/index.html new file mode 100644 index 0000000..21dcaa1 --- /dev/null +++ b/swallowtail-on-snowdrops/index.html @@ -0,0 +1,1703 @@ + + + + + + + + +swallowtail on snowdrops | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

swallowtail on snowdrops

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + + +

Photographed in the backyard.

+

details

+

dimensions

+

6" x 8"

+

coloration

+

default: black and green with yellow accents

+

available as

+

patch, print, greeting card, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    2. + +
  2. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    3. + +
  3. + +

    greeting loons

    + +
      + +
    • card
      • + +
    • print
      • + +
    • highlight
      • + +
    + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/swoop-wallet/index.html b/swoop-wallet/index.html new file mode 100644 index 0000000..37745c0 --- /dev/null +++ b/swoop-wallet/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +swoop wallet | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

swoop wallet

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue. + + A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue. + + +

A card wallet.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    x-acto knife sheath

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    3. + +
  3. + +

    bag strap

    + +
      + +
    • leather
      • + +
    + A nylon webbing shoulder strap in bright teal with clips on each end. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/tag/all/index.html b/tag/all/index.html new file mode 100644 index 0000000..e0179c4 --- /dev/null +++ b/tag/all/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/blur/index.html b/tag/blur/index.html new file mode 100644 index 0000000..04d670d --- /dev/null +++ b/tag/blur/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/book/index.html b/tag/book/index.html new file mode 100644 index 0000000..6bca2e4 --- /dev/null +++ b/tag/book/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/card/index.html b/tag/card/index.html new file mode 100644 index 0000000..7ad4fe1 --- /dev/null +++ b/tag/card/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/gallery/index.html b/tag/gallery/index.html new file mode 100644 index 0000000..e01e3ac --- /dev/null +++ b/tag/gallery/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/gender/index.html b/tag/gender/index.html new file mode 100644 index 0000000..24d460c --- /dev/null +++ b/tag/gender/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/highlight/index.html b/tag/highlight/index.html new file mode 100644 index 0000000..ecf5102 --- /dev/null +++ b/tag/highlight/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/knit/index.html b/tag/knit/index.html new file mode 100644 index 0000000..a07839d --- /dev/null +++ b/tag/knit/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/leather/index.html b/tag/leather/index.html new file mode 100644 index 0000000..b0bbae7 --- /dev/null +++ b/tag/leather/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/patch/index.html b/tag/patch/index.html new file mode 100644 index 0000000..c3044af --- /dev/null +++ b/tag/patch/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/pin/index.html b/tag/pin/index.html new file mode 100644 index 0000000..edb0e9b --- /dev/null +++ b/tag/pin/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/posts/index.html b/tag/posts/index.html new file mode 100644 index 0000000..0574955 --- /dev/null +++ b/tag/posts/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/print/index.html b/tag/print/index.html new file mode 100644 index 0000000..321acc2 --- /dev/null +++ b/tag/print/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/reference/index.html b/tag/reference/index.html new file mode 100644 index 0000000..76b33ef --- /dev/null +++ b/tag/reference/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/shirt/index.html b/tag/shirt/index.html new file mode 100644 index 0000000..65e0fbf --- /dev/null +++ b/tag/shirt/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/software/index.html b/tag/software/index.html new file mode 100644 index 0000000..1e650f4 --- /dev/null +++ b/tag/software/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/stationery/index.html b/tag/stationery/index.html new file mode 100644 index 0000000..a25454f --- /dev/null +++ b/tag/stationery/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/sticker/index.html b/tag/sticker/index.html new file mode 100644 index 0000000..076195e --- /dev/null +++ b/tag/sticker/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/tagpagination/index.html b/tag/tagpagination/index.html new file mode 100644 index 0000000..737d8d1 --- /dev/null +++ b/tag/tagpagination/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/yarn/index.html b/tag/yarn/index.html new file mode 100644 index 0000000..9f55fb6 --- /dev/null +++ b/tag/yarn/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tag/zine/index.html b/tag/zine/index.html new file mode 100644 index 0000000..4e35f22 --- /dev/null +++ b/tag/zine/index.html @@ -0,0 +1,784 @@ + + + + + + + + +this page has moved! | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+

this page has moved!

+ +

If you're not automatically redirected, head to the new URL for this tag.

+ +
+ + + + + + + diff --git a/tags/book/2/index.html b/tags/book/2/index.html new file mode 100644 index 0000000..adb3dcf --- /dev/null +++ b/tags/book/2/index.html @@ -0,0 +1,1062 @@ + + + + + + + + +tag: book | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: book

+ + + +
    + +
  1. + +

    blue and brown leather journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a blue and brown leather-covered journal. + +     +
    2. + +
  2. + +

    Acadia coloring journal

    + +
      + +
    • book
      • + +
    + A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park. + +     +
    3. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/book/index.html b/tags/book/index.html new file mode 100644 index 0000000..a4542ca --- /dev/null +++ b/tags/book/index.html @@ -0,0 +1,1220 @@ + + + + + + + + +tag: book | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: book

+ + + +
    + +
  1. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    2. + +
  2. + +

    leather strap journal

    + +
      + +
    • book
      • + +
    + A 3-part collage showing a blue journal with leather straps woven into the covers. + +     +
    3. + +
  3. + +

    stampede journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + +     +
    4. + +
  4. + +

    orange green journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a slim handbound book. + +     +
    5. + +
  5. + +

    baseball journal

    + +
      + +
    • book
      • + +
    + A 3-part collage of a leather-covered book with baseball-style stitching across the spine. + +     +
    6. + +
  6. + +

    lined notebook

    + +
      + +
    • book
      • + +
    + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + +     +
    7. + +
  7. + +

    flocked notebook

    + +
      + +
    • book
      • + +
    + A two panel collage showing the cover and endpapers of a thick notebook. + +     +
    8. + +
  8. + +

    brooke's notebook

    + +
      + +
    • book
      • + +
    • highlight
      • + +
    + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + +     +
    9. + +
  9. + +

    square watercolor pad

    + +
      + +
    • book
      • + +
    + A two panel collage showing a square book with a tan cover and blue and gold endpapers. + +     +
    10. + +
  10. + +

    tiny books

    + +
      + +
    • book
      • + +
    + A three panel collage showing a book held in the palm of a hand. + +     +
    11. + +
  11. + +

    orange journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small book with foldout pages and a bright orange cover. + +     +
    12. + +
  12. + +

    striped journal

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a journal with a striped cover. + +     +
    13. + +
  13. + +

    green memo pad

    + +
      + +
    • book
      • + +
    + A three panel collage showcasing a small green memo pad. + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/card/2/index.html b/tags/card/2/index.html new file mode 100644 index 0000000..35a8934 --- /dev/null +++ b/tags/card/2/index.html @@ -0,0 +1,1270 @@ + + + + + + + + +tag: card | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: card

+ + + +
    + +
  1. + +

    spotted towhee

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A block print of a spotted towhee mid-leap. + +     +
    2. + +
  2. + +

    geese

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + +     +
    3. + +
  3. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    4. + +
  4. + +

    big pidge

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + +     +
    5. + +
  5. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    6. + +
  6. + +

    stellar's jay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a stellar's jay, a beautiful black and blue bird, about to take off from a branch + +     +
    7. + +
  7. + +

    flicker

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + +     +
    8. + +
  8. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    9. + +
  9. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    10. + +
  10. + +

    lupine

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + +     +
    11. + +
  11. + +

    killdeer

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a killdeer in black ink. + +     +
    12. + +
  12. + +

    junco

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia. + +     +
    13. + +
  13. + +

    flatfish

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a simple flatfish design inked in sepia. + +     +
    14. + +
+ + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/card/3/index.html b/tags/card/3/index.html new file mode 100644 index 0000000..4f56609 --- /dev/null +++ b/tags/card/3/index.html @@ -0,0 +1,1100 @@ + + + + + + + + +tag: card | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: card

+ + + +
    + +
  1. + +

    chanterelle

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient. + +     +
    2. + +
  2. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    3. + +
  3. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    4. + +
  4. + +

    congrats on the autism/adhd

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + +     +
    5. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/card/index.html b/tags/card/index.html new file mode 100644 index 0000000..51e4e38 --- /dev/null +++ b/tags/card/index.html @@ -0,0 +1,1274 @@ + + + + + + + + +tag: card | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: card

+ + + +
    + +
  1. + +

    greeting loons

    + +
      + +
    • card
      • + +
    • print
      • + +
    • highlight
      • + +
    + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + +     +
    2. + +
  2. + +

    greeting quorbs

    + +
      + +
    • card
      • + +
    • print
      • + +
    + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + +     +
    3. + +
  3. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    4. + +
  4. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    5. + +
  5. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    6. + +
  6. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    7. + +
  7. + +

    happy biHRTday

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + +     +
    8. + +
  8. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    9. + +
  9. + +

    artisans cooperative cards

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink + +     +
    10. + +
  10. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    11. + +
  11. + +

    swallowtail on snowdrops

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + +     +
    12. + +
  12. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    13. + +
  13. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/gender/2/index.html b/tags/gender/2/index.html new file mode 100644 index 0000000..5cb12c8 --- /dev/null +++ b/tags/gender/2/index.html @@ -0,0 +1,1286 @@ + + + + + + + + +tag: gender | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: gender

+ + + +
    + +
  1. + +

    on pronouns

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder. + +     +
    2. + +
  2. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    3. + +
  3. + +

    in the news

    + +
      + +
    • gender
      • + +
    + Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp. + +     +
    4. + +
  4. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    5. + +
  5. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    6. + +
  6. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    7. + +
  7. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    8. + +
  8. + +

    happy biHRTday

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + +     +
    9. + +
  9. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    10. + +
  10. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    11. + +
  11. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    12. + +
  12. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    13. + +
  13. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    14. + +
+ + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/gender/3/index.html b/tags/gender/3/index.html new file mode 100644 index 0000000..4c3d80e --- /dev/null +++ b/tags/gender/3/index.html @@ -0,0 +1,1130 @@ + + + + + + + + +tag: gender | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: gender

+ + + +
    + +
  1. + +

    hair

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print in black ink of belly hair. + +     +
    2. + +
  2. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    3. + +
  3. + +

    gender?

    + +
      + +
    • gender
      • + +
    + A page of handwritten notes with some loosely drawn charts, described further in the post. + +     +
    4. + +
  4. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    5. + +
  5. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    6. + +
  6. + +

    queer book list

    + +
      + +
    • gender
      • + +
    + A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order + +     +
    7. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/gender/index.html b/tags/gender/index.html new file mode 100644 index 0000000..6f0e60f --- /dev/null +++ b/tags/gender/index.html @@ -0,0 +1,1240 @@ + + + + + + + + +tag: gender | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: gender

+ + + +
    + +
  1. + +

    networks of trans care

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk. + +     +
    2. + +
  2. + +

    give to trans orgs and people

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up. + +     +
    3. + +
  3. + +

    on the ubiquity of 'enby'

    + +
      + +
    • gender
      • + +
    + A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads 'Gender Census 2023 Worldwide Report' + +     +
    4. + +
  4. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    5. + +
  5. + +

    luminescent (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a tattooed woman in bright highlighter yellow underwear. + +     +
    6. + +
  6. + +

    fd signifier & oppositional sexism

    + +
      + +
    • gender
      • + +
    + Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field. + +     +
    7. + +
  7. + +

    gender as a proxy variable

    + +
      + +
    • gender
      • + +
    • zine
      • + +
    + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + +     +
    8. + +
  8. + +

    bottom growth (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + +     +
    9. + +
  9. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    10. + +
  10. + +

    trans the world

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + +     +
    11. + +
  11. + +

    slightly weird man club

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'slightly weird man club' in a nonbinary flag colored gradient + +     +
    12. + +
  12. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    13. + +
  13. + +

    fishhook pride keychains

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/highlight/index.html b/tags/highlight/index.html new file mode 100644 index 0000000..7548c36 --- /dev/null +++ b/tags/highlight/index.html @@ -0,0 +1,1213 @@ + + + + + + + + +tag: highlight | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: highlight

+ + + +
    + +
  1. + +

    happy solstice 2025

    + +
      + +
    • highlight
      • + +
    + front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i'm standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with 'L + B' written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words 'happy solstice' in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words 'lee, brooke, kestrel, & the flock' in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel's head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i've added a dahlia to represent the stamp, and written 'you!' in the field that would normally hold the mailing address. + +     +
    2. + +
  2. + +

    dragon mask

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + 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. + +     +
    3. + +
  3. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    4. + +
  4. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    5. + +
  5. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    6. + +
  6. + +

    greeting loons

    + +
      + +
    • card
      • + +
    • print
      • + +
    • highlight
      • + +
    + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + +     +
    7. + +
  7. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    8. + +
  8. + +

    little critter pouch

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap. + +     +
    9. + +
  9. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    10. + +
  10. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    11. + +
  11. + +

    brooke's notebook

    + +
      + +
    • book
      • + +
    • highlight
      • + +
    + A six panel collage showing the covers, endpapers, and some of the pages of a notebook. + +     +
    12. + +
  12. + +

    recommendations & favorites

    + +
      + +
    • highlight
      • + +
    + Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible. + +     +
    13. + +
+ + + + + + + + + +
+ + + + + + + diff --git a/tags/index.html b/tags/index.html new file mode 100644 index 0000000..af00dd4 --- /dev/null +++ b/tags/index.html @@ -0,0 +1,1491 @@ + + + + + + + + +all tags | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

all tags

+ + + + + +
+ + + + + + + diff --git a/tags/knit/index.html b/tags/knit/index.html new file mode 100644 index 0000000..18b61a5 --- /dev/null +++ b/tags/knit/index.html @@ -0,0 +1,1181 @@ + + + + + + + + +tag: knit | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: knit

+ + + +
    + +
  1. + +

    brooke's scarf

    + +
      + +
    • knit
      • + +
    + A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes. + +     +
    2. + +
  2. + +

    acadia mitts

    + +
      + +
    • knit
      • + +
    + a hand wearing a knitted fingerless mitten. it's knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib. + +     +
    3. + +
  3. + +

    on the shoulders of giants

    + +
      + +
    • zine
      • + +
    • knit
      • + +
    + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + +     +
    4. + +
  4. + +

    sideways canvas shirt

    + +
      + +
    • knit
      • + +
    + someone'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's notable that the stitches are turned 90 degrees from a standard knit garment. + +     +
    5. + +
  5. + +

    keffiyah fishing net pattern

    + +
      + +
    • knit
      • + +
    + 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. + +     +
    6. + +
  6. + +

    textures unite

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + 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. + +     +
    7. + +
  7. + +

    knit shrimp

    + +
      + +
    • knit
      • + +
    + Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies. + +     +
    8. + +
  8. + +

    butch hands pattern

    + +
      + +
    • knit
      • + +
    • highlight
      • + +
    + Hands wearing a pair of pink and grey gloves with convertable mitten tops. + +     +
    9. + +
  9. + +

    pink socks

    + +
      + +
    • knit
      • + +
    + Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks. + +     +
    10. + +
  10. + +

    brooke's socks

    + +
      + +
    • knit
      • + +
    + Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray. + +     +
    11. + +
  11. + +

    pride dice bags

    + +
      + +
    • knit
      • + +
    • gender
      • + +
    + Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside. + +     +
    12. + +
+ + + + + + + + + +
+ + + + + + + diff --git a/tags/leather/2/index.html b/tags/leather/2/index.html new file mode 100644 index 0000000..4de4551 --- /dev/null +++ b/tags/leather/2/index.html @@ -0,0 +1,1226 @@ + + + + + + + + +tag: leather | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: leather

+ + + +
    + +
  1. + +

    sora's collar

    + +
      + +
    • leather
      • + +
    + A collage showing a red and black leather dog collar tooled with roses and the name Sora. It's fully stitched with dark red stitching and has brass hardware. + +     +
    2. + +
  2. + +

    shrimp cat toy

    + +
      + +
    • leather
      • + +
    + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + +     +
    3. + +
  3. + +

    foldy wallet with thumb slide

    + +
      + +
    • leather
      • + +
    + A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide. + +     +
    4. + +
  4. + +

    brooke's cuff bracelets

    + +
      + +
    • leather
      • + +
    + Olive green leather cuffs with silver spikes and a shearling lining. + +     +
    5. + +
  5. + +

    aaron's mask

    + +
      + +
    • leather
      • + +
    + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + +     +
    6. + +
  6. + +

    sunflower

    + +
      + +
    • leather
      • + +
    + A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center . + +     +
    7. + +
  7. + +

    foldy wallet

    + +
      + +
    • leather
      • + +
    + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + +     +
    8. + +
  8. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    9. + +
  9. + +

    patchwork wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + +     +
    10. + +
  10. + +

    mom bag

    + +
      + +
    • leather
      • + +
    + A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp. + +     +
    11. + +
  11. + +

    gradient purse strap

    + +
      + +
    • leather
      • + +
    + a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches. + +     +
    12. + +
  12. + +

    zipper bifold (green)

    + +
      + +
    • leather
      • + +
    + A collage showing a green leather wallet with a zippered pocket built into one external side. + +     +
    13. + +
  13. + +

    vix collar

    + +
      + +
    • leather
      • + +
    + A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place. + +     +
    14. + +
+ + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/leather/3/index.html b/tags/leather/3/index.html new file mode 100644 index 0000000..d9dd310 --- /dev/null +++ b/tags/leather/3/index.html @@ -0,0 +1,1230 @@ + + + + + + + + +tag: leather | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: leather

+ + + +
    + +
  1. + +

    mousie

    + +
      + +
    • leather
      • + +
    + A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + +     +
    2. + +
  2. + +

    long zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing an orange leather wallet with a long zipper running the length of the outside. + +     +
    3. + +
  3. + +

    tooled leather patches

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + +     +
    4. + +
  4. + +

    fishhook pride keychains

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors. + +     +
    5. + +
  5. + +

    circle bag

    + +
      + +
    • leather
      • + +
    + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + +     +
    6. + +
  6. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    7. + +
  7. + +

    piñatex wallet with zipper

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    8. + +
  8. + +

    moss harness

    + +
      + +
    • leather
      • + +
    + A nylon webbing harness in bright teal laid out on a desk. + +     +
    9. + +
  9. + +

    maker's mark keychain

    + +
      + +
    • leather
      • + +
    + A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it. + +     +
    10. + +
  10. + +

    brooke's collar

    + +
      + +
    • leather
      • + +
    + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + +     +
    11. + +
  11. + +

    bag strap

    + +
      + +
    • leather
      • + +
    + A nylon webbing shoulder strap in bright teal with clips on each end. + +     +
    12. + +
  12. + +

    x-acto knife sheath

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    13. + +
  13. + +

    little critter pouch

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap. + +     +
    14. + +
+ + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/leather/4/index.html b/tags/leather/4/index.html new file mode 100644 index 0000000..89c5a96 --- /dev/null +++ b/tags/leather/4/index.html @@ -0,0 +1,1188 @@ + + + + + + + + +tag: leather | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: leather

+ + + +
    + +
  1. + +

    zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side. + +     +
    2. + +
  2. + +

    vertical zipper card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + +     +
    3. + +
  3. + +

    vertical card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + +     +
    4. + +
  4. + +

    vertical bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + +     +
    5. + +
  5. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    6. + +
  6. + +

    double bill pocket bifold

    + +
      + +
    • leather
      • + +
    + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + +     +
    7. + +
  7. + +

    nine pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    8. + +
  8. + +

    leather lighter case

    + +
      + +
    • leather
      • + +
    + A bic lighter wrapped in leather and hand-stitched up one side. + +     +
    9. + +
  9. + +

    leather chest harness

    + +
      + +
    • leather
      • + +
    + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + +     +
    10. + +
  10. + +

    leatherworking favorites

    + +
      + +
    • leather
      • + +
    + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + +     +
    11. + +
  11. + +

    leather keychains

    + +
      + +
    • leather
      • + +
    + A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like 'MOM' or 'EGG'. + +     +
    12. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/leather/index.html b/tags/leather/index.html new file mode 100644 index 0000000..8e1a050 --- /dev/null +++ b/tags/leather/index.html @@ -0,0 +1,1222 @@ + + + + + + + + +tag: leather | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: leather

+ + + +
    + +
  1. + +

    dragon mask

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + 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. + +     +
    2. + +
  2. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    3. + +
  3. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    4. + +
  4. + +

    wrap bracelets

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    5. + +
  5. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    6. + +
  6. + +

    lobstah

    + +
      + +
    • leather
      • + +
    + Two red leather lobster ornaments, about 4-5 in long each. + +     +
    7. + +
  7. + +

    triangle pouch

    + +
      + +
    • leather
      • + +
    + 5 small triangular pouches made of leather in two sizes and various colors. + +     +
    8. + +
  8. + +

    snap pouch

    + +
      + +
    • leather
      • + +
    + 4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather. + +     +
    9. + +
  9. + +

    o-ring bracelet

    + +
      + +
    • leather
      • + +
    + A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps. + +     +
    10. + +
  10. + +

    leaf patches

    + +
      + +
    • leather
      • + +
    + Several oak-leaf-shaped leather patches with stitching holes punched around the edges. + +     +
    11. + +
  11. + +

    bowtie

    + +
      + +
    • leather
      • + +
    + A black leather bow tie with black stitching. + +     +
    12. + +
  12. + +

    swoop wallet

    + +
      + +
    • leather
      • + +
    + A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue. + +     +
    13. + +
  13. + +

    rachel's bracelets

    + +
      + +
    • leather
      • + +
    + Two pink leather bracelets with stainless steel hardware and aqua stitching. + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/patch/index.html b/tags/patch/index.html new file mode 100644 index 0000000..38a5f6a --- /dev/null +++ b/tags/patch/index.html @@ -0,0 +1,1051 @@ + + + + + + + + +tag: patch | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: patch

+ + + +
    + +
  1. + +

    scrap patches

    + +
      + +
    • patch
      • + +
    + 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. + +     +
    2. + +
  2. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    3. + +
+ + + + + + + + + +
+ + + + + + + diff --git a/tags/pin/index.html b/tags/pin/index.html new file mode 100644 index 0000000..fc71d07 --- /dev/null +++ b/tags/pin/index.html @@ -0,0 +1,1183 @@ + + + + + + + + +tag: pin | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: pin

+ + + +
    + +
  1. + +

    pins!

    + +
      + +
    • pin
      • + +
    + Two hard enamel pins in my trans rights and trans wrongs skulls designs. + +     +
    2. + +
  2. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    3. + +
  3. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    4. + +
  4. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    5. + +
  5. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    6. + +
  6. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    7. + +
  7. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    8. + +
  8. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    9. + +
+ + + + + + + + + +
+ + + + + + + diff --git a/tags/print/2/index.html b/tags/print/2/index.html new file mode 100644 index 0000000..7f651de --- /dev/null +++ b/tags/print/2/index.html @@ -0,0 +1,1266 @@ + + + + + + + + +tag: print | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: print

+ + + +
    + +
  1. + +

    tiny portraits

    + +
      + +
    • print
      • + +
    + A collage showing various small (around an inch) stamps that depict people or animals. + +     +
    2. + +
  2. + +

    squarsh

    + +
      + +
    • print
      • + +
    + Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac. + +     +
    3. + +
  3. + +

    printmaking paper notes

    + +
      + +
    • print
      • + +
    + Image unrelated to post. A very fluffed up killdeer stands on a rocky beach. + +     +
    4. + +
  4. + +

    bottom growth (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + 4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac. + +     +
    5. + +
  5. + +

    trans the world

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + +     +
    6. + +
  6. + +

    slightly weird man club

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'slightly weird man club' in a nonbinary flag colored gradient + +     +
    7. + +
  7. + +

    tiny mushrooms

    + +
      + +
    • print
      • + +
    + 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's hat mycena in indigo. + +     +
    8. + +
  8. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    9. + +
  9. + +

    rope (one) (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a nude trans woman in an asymmetrical rope harness. + +     +
    10. + +
  10. + +

    artisans cooperative shirts

    + +
      + +
    • shirt
      • + +
    • print
      • + +
    + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + +     +
    11. + +
  11. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    12. + +
  12. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    13. + +
  13. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    14. + +
+ + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/print/3/index.html b/tags/print/3/index.html new file mode 100644 index 0000000..4241436 --- /dev/null +++ b/tags/print/3/index.html @@ -0,0 +1,1278 @@ + + + + + + + + +tag: print | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: print

+ + + +
    + +
  1. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    2. + +
  2. + +

    coming out

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a chick and a broken eggshell, and a simple font reading 'congrats on coming out of your shell' + +     +
    3. + +
  3. + +

    happy biHRTday

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A card and print in the same design - a bouncy, cheery font reading 'happy biHRTday' + +     +
    4. + +
  4. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    5. + +
  5. + +

    artisans cooperative cards

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink + +     +
    6. + +
  6. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    7. + +
  7. + +

    five of them

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + +     +
    8. + +
  8. + +

    swallowtail on snowdrops

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + +     +
    9. + +
  9. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    10. + +
  10. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    11. + +
  11. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    12. + +
  12. + +

    spotted towhee

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A block print of a spotted towhee mid-leap. + +     +
    13. + +
  13. + +

    geese

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + +     +
    14. + +
+ + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/print/4/index.html b/tags/print/4/index.html new file mode 100644 index 0000000..2334816 --- /dev/null +++ b/tags/print/4/index.html @@ -0,0 +1,1266 @@ + + + + + + + + +tag: print | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: print

+ + + +
    + +
  1. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    2. + +
  2. + +

    big pidge

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + +     +
    3. + +
  3. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    4. + +
  4. + +

    stellar's jay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a stellar's jay, a beautiful black and blue bird, about to take off from a branch + +     +
    5. + +
  5. + +

    block printing transfer method

    + +
      + +
    • print
      • + +
    + A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material. + +     +
    6. + +
  6. + +

    hair

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print in black ink of belly hair. + +     +
    7. + +
  7. + +

    flicker

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + +     +
    8. + +
  8. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    9. + +
  9. + +

    seedling

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one. + +     +
    10. + +
  10. + +

    lupine

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + +     +
    11. + +
  11. + +

    killdeer

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a killdeer in black ink. + +     +
    12. + +
  12. + +

    junco

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia. + +     +
    13. + +
  13. + +

    flatfish

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of a simple flatfish design inked in sepia. + +     +
    14. + +
+ + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/print/5/index.html b/tags/print/5/index.html new file mode 100644 index 0000000..d9f7a71 --- /dev/null +++ b/tags/print/5/index.html @@ -0,0 +1,1132 @@ + + + + + + + + +tag: print | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: print

+ + + +
    + +
  1. + +

    chanterelle

    + +
      + +
    • print
      • + +
    • card
      • + +
    + A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient. + +     +
    2. + +
  2. + +

    iris

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes. + +     +
    3. + +
  3. + +

    congrats on the gay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A greeting card reading, in black. 'Congrats on the,' and then, in rainbow, 'Gay!' + +     +
    4. + +
  4. + +

    pronoun patches

    + +
      + +
    • print
      • + +
    • patch
      • + +
    • gender
      • + +
    + Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric. + +     +
    5. + +
  5. + +

    congrats on the autism/adhd

    + +
      + +
    • print
      • + +
    • card
      • + +
    + 4 greeting cards propped up on a keyboard. On the right hand side, two cards read 'Congrats on the Autism'; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read 'Congrats on the ADHD'; one in red and one in black, both with glittery pink shadows. + +     +
    6. + +
  6. + +

    become unbutterable

    + +
      + +
    • print
      • + +
    + 3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, 'become unbutterable.' + +     +
    7. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/print/index.html b/tags/print/index.html new file mode 100644 index 0000000..d868261 --- /dev/null +++ b/tags/print/index.html @@ -0,0 +1,1236 @@ + + + + + + + + +tag: print | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: print

+ + + +
    + +
  1. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    2. + +
  2. + +

    fix your hearts

    + +
      + +
    • print
      • + +
    + 2 copies of the same print, one in black ink and one in dark teal. The print is text that reads 'fix your hearts or die', with the text shaped into a somewhat long and narrow heart. + +     +
    3. + +
  3. + +

    loon

    + +
      + +
    • print
      • + +
    + A print of a loon rearing up with wings spread + +     +
    4. + +
  4. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    5. + +
  5. + +

    greeting loons

    + +
      + +
    • card
      • + +
    • print
      • + +
    • highlight
      • + +
    + A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards. + +     +
    6. + +
  6. + +

    brown creeper

    + +
      + +
    • print
      • + +
    + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + +     +
    7. + +
  7. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    8. + +
  8. + +

    not a drill

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + +     +
    9. + +
  9. + +

    greeting quorbs

    + +
      + +
    • card
      • + +
    • print
      • + +
    + A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail. + +     +
    10. + +
  10. + +

    euphorbia

    + +
      + +
    • print
      • + +
    + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + +     +
    11. + +
  11. + +

    booby (congrats on the top surgery)

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A landscape-oriented white card with a two-color print of a blue-footed booby. + +     +
    12. + +
  12. + +

    luminescent (mature)

    + +
      + +
    • print
      • + +
    • gender
      • + +
    + A print of a tattooed woman in bright highlighter yellow underwear. + +     +
    13. + +
  13. + +

    kniphofia

    + +
      + +
    • print
      • + +
    + A print of a brightly colored flower in 4 layers of color + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/shirt/2/index.html b/tags/shirt/2/index.html new file mode 100644 index 0000000..d77b70d --- /dev/null +++ b/tags/shirt/2/index.html @@ -0,0 +1,1160 @@ + + + + + + + + +tag: shirt | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: shirt

+ + + +
    + +
  1. + +

    geese

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS! + +     +
    2. + +
  2. + +

    fat raccoon

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer. + +     +
    3. + +
  3. + +

    big pidge

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence. + +     +
    4. + +
  4. + +

    stellar's jay

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a stellar's jay, a beautiful black and blue bird, about to take off from a branch + +     +
    5. + +
  5. + +

    flicker

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + +     +
    6. + +
  6. + +

    heron

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet. + +     +
    7. + +
  7. + +

    lupine

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + 6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks. + +     +
    8. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/shirt/index.html b/tags/shirt/index.html new file mode 100644 index 0000000..c53ce58 --- /dev/null +++ b/tags/shirt/index.html @@ -0,0 +1,1268 @@ + + + + + + + + +tag: shirt | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: shirt

+ + + +
    + +
  1. + +

    not a drill

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A print in dark teal ink depicting a power drill with text in cursive below that reads 'ceci n'est pas un exercice' or 'this is not a drill' + +     +
    2. + +
  2. + +

    trans the world

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + +     +
    3. + +
  3. + +

    slightly weird man club

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'slightly weird man club' in a nonbinary flag colored gradient + +     +
    4. + +
  4. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    5. + +
  5. + +

    artisans cooperative shirts

    + +
      + +
    • shirt
      • + +
    • print
      • + +
    + A black tank top laid on a desk. In white ink it reads 'Artisans Cooperative' with a print of some chickens and a quail. + +     +
    6. + +
  6. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    7. + +
  7. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    8. + +
  8. + +

    foxgloves

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves. + +     +
    9. + +
  9. + +

    shirts!

    + +
      + +
    • shirt
      • + +
    + A row of shirts hanging in front of a window, with a variety of hand-printed designs. + +     +
    10. + +
  10. + +

    five of them

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    + A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing. + +     +
    11. + +
  11. + +

    swallowtail on snowdrops

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower. + +     +
    12. + +
  12. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    13. + +
  13. + +

    geese/trans wrongs

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says 'trans rights!' while the honking goose says 'trans wrongs!' + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/software/2/index.html b/tags/software/2/index.html new file mode 100644 index 0000000..7d14bb9 --- /dev/null +++ b/tags/software/2/index.html @@ -0,0 +1,1066 @@ + + + + + + + + +tag: software | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: software

+ + + +
    + +
  1. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    2. + +
  2. + +

    backend accessibility

    + +
      + +
    • software
      • + +
    + A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font. + +     +
    3. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/software/index.html b/tags/software/index.html new file mode 100644 index 0000000..3765a8b --- /dev/null +++ b/tags/software/index.html @@ -0,0 +1,1220 @@ + + + + + + + + +tag: software | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: software

+ + + +
    + +
  1. + +

    accessible image modals

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth. + +     +
    2. + +
  2. + +

    eleventy lessons

    + +
      + +
    • software
      • + +
    + Image unrelated to post. Close up on a pale green hellebore flower. + +     +
    3. + +
  3. + +

    screen reader optimizations

    + +
      + +
    • software
      • + +
    + Image unrelated to post. A crow poses on driftwood against a whitish sky. + +     +
    4. + +
  4. + +

    comparing text editors

    + +
      + +
    • software
      • + +
    + 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. + +     +
    5. + +
  5. + +

    an intro to git

    + +
      + +
    • software
      • + +
    + Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash. + +     +
    6. + +
  6. + +

    moving images

    + +
      + +
    • software
      • + +
    + 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. + +     +
    7. + +
  7. + +

    my favorite git flag

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk. + +     +
    8. + +
  8. + +

    intro to wireframing

    + +
      + +
    • software
      • + +
    + 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. + +     +
    9. + +
  9. + +

    designing a bag

    + +
      + +
    • leather
      • + +
    • software
      • + +
    + 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. + +     +
    10. + +
  10. + +

    redirections

    + +
      + +
    • software
      • + +
    + Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets. + +     +
    11. + +
  11. + +

    azure locations and file crawling

    + +
      + +
    • software
      • + +
    • highlight
      • + +
    + A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy. + +     +
    12. + +
  12. + +

    handedness toggle

    + +
      + +
    • software
      • + +
    + A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left. + +     +
    13. + +
  13. + +

    domain and site setup

    + +
      + +
    • software
      • + +
    + Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass. + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/stationery/index.html b/tags/stationery/index.html new file mode 100644 index 0000000..2846e1a --- /dev/null +++ b/tags/stationery/index.html @@ -0,0 +1,1061 @@ + + + + + + + + +tag: stationery | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: stationery

+ + + +
    + +
  1. + +

    stationery exchange

    + +
      + +
    • stationery
      • + +
    + Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms. + +     +
    2. + +
  2. + +

    siblinghood of the traveling greeting card

    + +
      + +
    • stationery
      • + +
    + Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background. + +     +
    3. + +
  3. + +

    fountain pen-friendly stationery

    + +
      + +
    • stationery
      • + +
    + Two envelopes with wax seals. The top envelope is cream with a copper-and-white swirled seal depicting a yelling possum holding mail. The bottom envelope is marbled blue, black, and gold, with a white-and-blue swirled seal depicting an octopus holding a fountain pen. + +     +
    4. + +
+ + + + + + + + + +
+ + + + + + + diff --git a/tags/sticker/index.html b/tags/sticker/index.html new file mode 100644 index 0000000..5a37be2 --- /dev/null +++ b/tags/sticker/index.html @@ -0,0 +1,1183 @@ + + + + + + + + +tag: sticker | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: sticker

+ + + +
    + +
  1. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    2. + +
  2. + +

    shrimp

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    + A print of a small shrimp with slender little leggies in orange ink. + +     +
    3. + +
  3. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    4. + +
  4. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    5. + +
  5. + +

    queer

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print of the word queer in black ink. The letters are rounded with elongated oval negative space. + +     +
    6. + +
  6. + +

    stickers!

    + +
      + +
    • sticker
      • + +
    + Clear and holographic stickers in the same design - a smiling skull with speech bubble reading 'trans rights!' + +     +
    7. + +
  7. + +

    trans wrongs skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + +     +
    8. + +
  8. + +

    trans rights skull

    + +
      + +
    • print
      • + +
    • card
      • + +
    • sticker
      • + +
    • pin
      • + +
    • gender
      • + +
    + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + +     +
    9. + +
+ + + + + + + + + +
+ + + + + + + diff --git a/tags/yarn/2/index.html b/tags/yarn/2/index.html new file mode 100644 index 0000000..59b3cad --- /dev/null +++ b/tags/yarn/2/index.html @@ -0,0 +1,1076 @@ + + + + + + + + +tag: yarn | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: yarn

+ + + +
    + +
  1. + +

    icelandic lamb handspun

    + +
      + +
    • yarn
      • + +
    + a skein of black handspun yarn + +     +
    2. + +
  2. + +

    handcombed jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of dark grey handspun yarn + +     +
    3. + +
  3. + +

    handspun yarn in party mix and orange-gold

    + +
      + +
    • yarn
      • + +
    + 4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white. + +     +
    4. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/yarn/index.html b/tags/yarn/index.html new file mode 100644 index 0000000..dd5cb06 --- /dev/null +++ b/tags/yarn/index.html @@ -0,0 +1,1216 @@ + + + + + + + + +tag: yarn | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: yarn

+ + + +
    + +
  1. + +

    charlie the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight + +     +
    2. + +
  2. + +

    ruby the alpaca handspun

    + +
      + +
    • yarn
      • + +
    + one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight + +     +
    3. + +
  3. + +

    hand-dyed gold handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight + +     +
    4. + +
  4. + +

    spinner's dream handspun

    + +
      + +
    • yarn
      • + +
    + a skein of a lightly variegated grey yarn in about a sport or DK weight. + +     +
    5. + +
  5. + +

    rambouillet handspun

    + +
      + +
    • yarn
      • + +
    + 1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold. + +     +
    6. + +
  6. + +

    fire & ice handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight. + +     +
    7. + +
  7. + +

    dyeing fiber

    + +
      + +
    • yarn
      • + +
    + 4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold. + +     +
    8. + +
  8. + +

    coral reef handspun

    + +
      + +
    • yarn
      • + +
    + 2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight. + +     +
    9. + +
  9. + +

    BFL/silk handspun

    + +
      + +
    • yarn
      • + +
    + a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight. + +     +
    10. + +
  10. + +

    spinning plants

    + +
      + +
    • yarn
      • + +
    + 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) + +     +
    11. + +
  11. + +

    orion handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green. + +     +
    12. + +
  12. + +

    petrichor handspun

    + +
      + +
    • yarn
      • + +
    + 3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue + +     +
    13. + +
  13. + +

    light grey jacobs handspun

    + +
      + +
    • yarn
      • + +
    + a skein of light grey handspun yarn + +     +
    14. + +
+ + + + + + + + + + + + + +
+ + + + + + + diff --git a/tags/zine/index.html b/tags/zine/index.html new file mode 100644 index 0000000..d1e668d --- /dev/null +++ b/tags/zine/index.html @@ -0,0 +1,1083 @@ + + + + + + + + +tag: zine | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + +

tag: zine

+ + + +
    + +
  1. + +

    on the shoulders of giants

    + +
      + +
    • zine
      • + +
    • knit
      • + +
    + ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it's called 'on the shoulders of giants' and it'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 + +     +
    2. + +
  2. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    3. + +
  3. + +

    fediZineFest 2025

    + +
      + +
    • zine
      • + +
    + A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025. + +     +
    4. + +
  4. + +

    gender as a proxy variable

    + +
      + +
    • gender
      • + +
    • zine
      • + +
    + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + +     +
    5. + +
+ + + + + + + + + +
+ + + + + + + diff --git a/textures-unite/index.html b/textures-unite/index.html new file mode 100644 index 0000000..113e8b0 --- /dev/null +++ b/textures-unite/index.html @@ -0,0 +1,1688 @@ + + + + + + + + +textures unite | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    happy solstice 2025

    + +
      + +
    • highlight
      • + +
    + front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i'm standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with 'L + B' written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words 'happy solstice' in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words 'lee, brooke, kestrel, & the flock' in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel's head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i've added a dahlia to represent the stamp, and written 'you!' in the field that would normally hold the mailing address. + +     +
    2. + +
  2. + +

    dragon mask

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + 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. + +     +
    3. + +
  3. + +

    kestrel zine

    + +
      + +
    • print
      • + +
    • zine
      • + +
    • highlight
      • + +
    + A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/tiny-books/index.html b/tiny-books/index.html new file mode 100644 index 0000000..25a083f --- /dev/null +++ b/tiny-books/index.html @@ -0,0 +1,1691 @@ + + + + + + + + +tiny books | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

tiny books

+ +
+

+ posted on + + by Lee Cattarin +

+ + +
    + +
  • + + book +
    • + +
+ +
+ + + + + A three panel collage showing a book held in the palm of a hand. + + A three panel collage showing a book held in the palm of a hand. + + +

Tiny leather-wrapped books in various colorations.

+

details

+

dimensions

+
    +
  • roughly 3" x 2"
    • +
+

coloration

+
    +
  • book 1 (pictured): light blue leather cover, dark red stitching, and a yellow leather tie closure
    • +
  • book 2: light blue leather cover, dark red stitching, closure color not yet chosen
    • +
+

pages

+
    +
  • Blick Mixed Media
    • +
  • various page counts
    • +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    stampede journal

    + +
      + +
    • book
      • + +
    + A 4-part collage of a hardcover book, showing a coloring page with 'stampede!' written across it. + +     +
    2. + +
  2. + +

    leather strap journal

    + +
      + +
    • book
      • + +
    + A 3-part collage showing a blue journal with leather straps woven into the covers. + +     +
    3. + +
  3. + +

    lined notebook

    + +
      + +
    • book
      • + +
    + A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/tiny-mushrooms/index.html b/tiny-mushrooms/index.html new file mode 100644 index 0000000..9170c7f --- /dev/null +++ b/tiny-mushrooms/index.html @@ -0,0 +1,1688 @@ + + + + + + + + +tiny mushrooms | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

tiny mushrooms

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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's hat mycena in indigo. + + 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's hat mycena in indigo. + + +

some tiny mushrooms for a friend

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    flicker

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder). + +     +
    2. + +
  2. + +

    crow

    + +
      + +
    • print
      • + +
    + a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow. + +     +
    3. + +
  3. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/tiny-portraits/index.html b/tiny-portraits/index.html new file mode 100644 index 0000000..adb20c2 --- /dev/null +++ b/tiny-portraits/index.html @@ -0,0 +1,1680 @@ + + + + + + + + +tiny portraits | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

tiny portraits

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing various small (around an inch) stamps that depict people or animals. + + A collage showing various small (around an inch) stamps that depict people or animals. + + +

currently offering these free in the shop with the code FREESTAMP

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brown creeper

    + +
      + +
    • print
      • + +
    + 2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk. + +     +
    2. + +
  2. + +

    hummingbird become ungovernable

    + +
      + +
    • print
      • + +
    • card
      • + +
    • shirt
      • + +
    + A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads 'become ungovernable' + +     +
    3. + +
  3. + +

    tiny mushrooms

    + +
      + +
    • print
      • + +
    + 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's hat mycena in indigo. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/tooled-leather-patches/index.html b/tooled-leather-patches/index.html new file mode 100644 index 0000000..335c6f2 --- /dev/null +++ b/tooled-leather-patches/index.html @@ -0,0 +1,1697 @@ + + + + + + + + +tooled leather patches | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

tooled leather patches

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + + two tooled leather patches. they have scrolls tooled on them that read various pronoun sets. + + +

Limited number available for free in my square shop with the code "FREEPATCH"

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    leather chest harness

    + +
      + +
    • leather
      • + +
    + Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt. + +     +
    2. + +
  2. + +

    girldick (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font. + +     +
    3. + +
  3. + +

    boypussy (mature)

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    • gender
      • + +
    + A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/trans-rights-skull/index.html b/trans-rights-skull/index.html new file mode 100644 index 0000000..9b3c89b --- /dev/null +++ b/trans-rights-skull/index.html @@ -0,0 +1,1711 @@ + + + + + + + + +trans rights skull | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

trans rights skull

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + + A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads 'trans rights!' + + +

Hand carved stamp of a smiling skull celebrating trans rights. Available now as clear and holographic stickers!

+

details

+

dimensions

+

3" x 1.5"

+

coloration

+

stickers: black on clear or holo +patches: black +prints/cards: black with blue and pink letters

+

available as

+

patch, print, greeting card, sticker, pin

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    2. + +
  2. + +

    euphorbia

    + +
      + +
    • print
      • + +
    + A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers. + +     +
    3. + +
  3. + +

    gender as a proxy variable

    + +
      + +
    • gender
      • + +
    • zine
      • + +
    + Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/trans-the-world/index.html b/trans-the-world/index.html new file mode 100644 index 0000000..928222a --- /dev/null +++ b/trans-the-world/index.html @@ -0,0 +1,1702 @@ + + + + + + + + +trans the world | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

trans the world

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + + +

details

+

dimensions

+

6" x 7"

+

coloration

+

default: black with pink-blue gradient

+

available as

+

patch, print, shirt

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    anarchy autism

    + +
      + +
    • print
      • + +
    • sticker
      • + +
    • shirt
      • + +
    • pin
      • + +
    + A print in rainbow ink that says autism with the anarchy A. + +     +
    2. + +
  2. + +

    loon

    + +
      + +
    • print
      • + +
    + A print of a loon rearing up with wings spread + +     +
    3. + +
  3. + +

    nonbinary flag

    + +
      + +
    • print
      • + +
    • card
      • + +
    • gender
      • + +
    + A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/trans-wrongs-skull/index.html b/trans-wrongs-skull/index.html new file mode 100644 index 0000000..5fc73ce --- /dev/null +++ b/trans-wrongs-skull/index.html @@ -0,0 +1,1713 @@ + + + + + + + + +trans wrongs skull | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

trans wrongs skull

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + + A smiling skull with devil horns and a little spiked tail, and a speech bubble reading 'trans wrongs!' + + +

A complement to trans rights skull.

+

details

+

dimensions

+

3" x 2"

+

coloration

+

default: black

+

available as

+

patch, print, greeting card, sticker, pin

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    gender in data models

    + +
      + +
    • gender
      • + +
    • software
      • + +
    • highlight
      • + +
    + Image unrelated to post. A light pink peony in full bloom, close up. + +     +
    2. + +
  2. + +

    quorbs

    + +
      + +
    • print
      • + +
    • highlight
      • + +
    + A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast. + +     +
    3. + +
  3. + +

    trans the world

    + +
      + +
    • print
      • + +
    • shirt
      • + +
    • gender
      • + +
    + A print that reads 'trans the world' surrounding an image of a globe and a trans symbol. It's in a ping-to-blue gradient. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/triangle-pouch/index.html b/triangle-pouch/index.html new file mode 100644 index 0000000..ee4b227 --- /dev/null +++ b/triangle-pouch/index.html @@ -0,0 +1,1678 @@ + + + + + + + + +triangle pouch | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

triangle pouch

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 5 small triangular pouches made of leather in two sizes and various colors. + + 5 small triangular pouches made of leather in two sizes and various colors. + + +

there's snaps on both sides.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's collar

    + +
      + +
    • leather
      • + +
    + A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes. + +     +
    2. + +
  2. + +

    mousie

    + +
      + +
    • leather
      • + +
    + A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + +     +
    3. + +
  3. + +

    leather long-stitch journals

    + +
      + +
    • leather
      • + +
    • book
      • + +
    + A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/vertical-bifold/index.html b/vertical-bifold/index.html new file mode 100644 index 0000000..1fd1724 --- /dev/null +++ b/vertical-bifold/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +vertical bifold | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

vertical bifold

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + + A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket. + + +

a vertical bifold. full grain leather, hand-stitched.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    circle bag

    + +
      + +
    • leather
      • + +
    + A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap. + +     +
    2. + +
  2. + +

    shrimp cat toy

    + +
      + +
    • leather
      • + +
    + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + +     +
    3. + +
  3. + +

    leatherworking favorites

    + +
      + +
    • leather
      • + +
    + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/vertical-card-wallet/index.html b/vertical-card-wallet/index.html new file mode 100644 index 0000000..6376a97 --- /dev/null +++ b/vertical-card-wallet/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +vertical card wallet | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

vertical card wallet

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + + A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket. + + +

simple vertical card wallet. full grain leather, hand-stitched.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    aaron's mask

    + +
      + +
    • leather
      • + +
    + A brown/grey leather mask of a long snouted dog with visible teeth and red detailing. + +     +
    2. + +
  2. + +

    zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side. + +     +
    3. + +
  3. + +

    leatherworking favorites

    + +
      + +
    • leather
      • + +
    + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/vertical-zipper-card-wallet/index.html b/vertical-zipper-card-wallet/index.html new file mode 100644 index 0000000..0caab95 --- /dev/null +++ b/vertical-zipper-card-wallet/index.html @@ -0,0 +1,1680 @@ + + + + + + + + +vertical zipper card wallet | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

vertical zipper card wallet

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + + +

vertical card wallet with a zippered pocket. full grain leather, hand-stitched.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    dragon mask

    + +
      + +
    • leather
      • + +
    • highlight
      • + +
    + 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. + +     +
    2. + +
  2. + +

    patchwork wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors. + +     +
    3. + +
  3. + +

    proud dad wallet

    + +
      + +
    • leather
      • + +
    • gender
      • + +
    + A brown leather wallet with a subtle trans flag stitching across the top. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/vix-collar/index.html b/vix-collar/index.html new file mode 100644 index 0000000..5d43247 --- /dev/null +++ b/vix-collar/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +vix collar | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

vix collar

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place. + + A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place. + + +

1.5" collar with heart shaped o-ring and shearling lining stitched in place. stainless and nickel fittings.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    eight pocket bifold

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    3. + +
  3. + +

    shrimp cat toy

    + +
      + +
    • leather
      • + +
    + Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/wrap-bracelets/index.html b/wrap-bracelets/index.html new file mode 100644 index 0000000..0a0f0e0 --- /dev/null +++ b/wrap-bracelets/index.html @@ -0,0 +1,1675 @@ + + + + + + + + +wrap bracelets | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

wrap bracelets

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + + +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    zipper bifold

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side. + +     +
    2. + +
  2. + +

    leatherworking favorites

    + +
      + +
    • leather
      • + +
    + two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black. + +     +
    3. + +
  3. + +

    vertical zipper card wallet

    + +
      + +
    • leather
      • + +
    + A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/x-acto-knife-sheath/index.html b/x-acto-knife-sheath/index.html new file mode 100644 index 0000000..7f621f3 --- /dev/null +++ b/x-acto-knife-sheath/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +x-acto knife sheath | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

x-acto knife sheath

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + 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. + + 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. + + +

tiny knife sheath.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    piñatex wallet with zipper

    + +
      + +
    • leather
      • + +
    + 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. + +     +
    2. + +
  2. + +

    stephanie collar

    + +
      + +
    • leather
      • + +
    + A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring. + +     +
    3. + +
  3. + +

    double bill pocket bifold

    + +
      + +
    • leather
      • + +
    + A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket. + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/zipper-bifold-green/index.html b/zipper-bifold-green/index.html new file mode 100644 index 0000000..9832417 --- /dev/null +++ b/zipper-bifold-green/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +zipper bifold (green) | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

zipper bifold (green)

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing a green leather wallet with a zippered pocket built into one external side. + + A collage showing a green leather wallet with a zippered pocket built into one external side. + + +

Iteration on the zipper bifold.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    foldy wallet

    + +
      + +
    • leather
      • + +
    + A four part collage showing a single piece of deep red leather folding up to become a card wallet. + +     +
    2. + +
  2. + +

    brooke's cuff bracelets

    + +
      + +
    • leather
      • + +
    + Olive green leather cuffs with silver spikes and a shearling lining. + +     +
    3. + +
  3. + +

    sunflower

    + +
      + +
    • leather
      • + +
    + A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center . + +     +
    4. + +
+ +
+ + + + +
+ + + + + + + diff --git a/zipper-bifold/index.html b/zipper-bifold/index.html new file mode 100644 index 0000000..c098e57 --- /dev/null +++ b/zipper-bifold/index.html @@ -0,0 +1,1676 @@ + + + + + + + + +zipper bifold | hello hello + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +
+ + + + + + + + +
+

zipper bifold

+ +
+

+ posted on + + by Lee Cattarin +

+ + + + +
+ + + + + A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side. + + A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side. + + +

bifold with a zippered pocket. full grain leather, hand-stitched.

+ +
+ + + + + + + + + + + + + +
+ + + + +
+ +
    + +
  1. + +

    brooke's suspenders

    + +
      + +
    • leather
      • + +
    + a two image collage showing the front and back of a person, neck to waist. she's wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back. + +     +
    2. + +
  2. + +

    triangle pouch

    + +
      + +
    • leather
      • + +
    + 5 small triangular pouches made of leather in two sizes and various colors. + +     +
    3. + +
  3. + +

    sunflower

    + +
      + +
    • leather
      • + +
    + A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center . + +     +
    4. + +
+ +
+ + + + +
+ + + + + + +