diff --git a/eleventy.config.js b/eleventy.config.js index 5b2d76da..736723de 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -3,10 +3,13 @@ import { eleventyImageTransformPlugin } from "@11ty/eleventy-img"; import eleventyNavigationPlugin from "@11ty/eleventy-navigation"; import { feedPlugin } from "@11ty/eleventy-plugin-rss"; import syntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight"; + import { attrs } from "@mdit/plugin-attrs"; -import { chunk } from "lodash-es"; +import { markdownitLinkAttributes } from 'markdown-it-link-attributes'; + import path from "node:path"; import { execSync } from 'child_process'; +import { chunk } from "lodash-es"; import pluginFilters from "./_config/filters.js"; @@ -14,6 +17,18 @@ export default async function(eleventyConfig) { /* Markdown HTML attribute parsing */ eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(attrs)); + /* Markdown apply target="_blank" to all external links */ + const milaOptions = { + matcher(href) { + return href.match(/^https?:\/\//); + }, + attrs: { + target: "_blank", + rel: "external", + }, + }; + eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(markdownitLinkAttributes, milaOptions)); + /* Bundles */ /* CSS */ eleventyConfig.addBundle("css", { diff --git a/package-lock.json b/package-lock.json index 8940690c..c202eeca 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19,6 +19,7 @@ "@zachleat/heading-anchors": "https://github.com/lee0c/heading-anchors/tarball/main", "lodash-es": "^4.17.23", "luxon": "^3.7.2", + "markdown-it-link-attributes": "https://github.com/lee0c/markdown-it-link-attributes/tarball/main", "pagefind": "^1.5.2" } }, @@ -1939,6 +1940,13 @@ "markdown-it": "bin/markdown-it.mjs" } }, + "node_modules/markdown-it-link-attributes": { + "version": "4.0.1", + "resolved": "https://github.com/lee0c/markdown-it-link-attributes/tarball/main", + "integrity": "sha512-lbnI/d5TRqlHfP4GJ/Pw8tpcIbqORCwKEB4sqOp4IrzVNHsOsHIL2GBOJsjp1H5Y2phHil4lcbxMdvrx3LUriA==", + "dev": true, + "license": "MIT" + }, "node_modules/markdown-it/node_modules/entities": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", diff --git a/package.json b/package.json index 47b524cc..b499188f 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "@zachleat/heading-anchors": "https://github.com/lee0c/heading-anchors/tarball/main", "lodash-es": "^4.17.23", "luxon": "^3.7.2", + "markdown-it-link-attributes": "https://github.com/lee0c/markdown-it-link-attributes/tarball/main", "pagefind": "^1.5.2" } } diff --git a/src/pages/colophon.md b/src/pages/colophon.md index 98fc3999..f282e4b6 100644 --- a/src/pages/colophon.md +++ b/src/pages/colophon.md @@ -2,19 +2,19 @@ title: colophon --- -This is v2 of my personal website, built with [{{ eleventy.generator }}](https://www.11ty.dev/){target="_blank" rel="external"} and hosted by [heckin' technology](https://heckin.technology/){target="_blank" rel="external"}. It's been hand-coded from the ground up. +This is v2 of my personal website, built with [{{ eleventy.generator }}](https://www.11ty.dev/) and hosted by [heckin' technology](https://heckin.technology/). It's been hand-coded from the ground up. -v1 of this site began in 2022 and was based on [Millennial](https://lenpaul.github.io/Millennial/){target="_blank" rel="external"}, a minimalist Jekyll theme for running a blog or publication by Paul Le. +v1 of this site began in 2022 and was based on [Millennial](https://lenpaul.github.io/Millennial/), a minimalist Jekyll theme for running a blog or publication by Paul Le. -The fonts are [Atkinson Hyperlegible Next and Atkinson Hyperlegible Mono](https://brailleinstitute.org/freefont){target="_blank" rel="external"} for standard text and monospace respectively, specifically designed for low-vision readers to improve character recognition. Also they look neat :) +The fonts are [Atkinson Hyperlegible Next and Atkinson Hyperlegible Mono](https://brailleinstitute.org/freefont) for standard text and monospace respectively, specifically designed for low-vision readers to improve character recognition. Also they look neat :) -The search bar is powered by [Pagefind](https://pagefind.app/){target="_blank" rel="external"}. I was guided by [Robb Knight's walkthrough](https://rknight.me/blog/using-pagefind-with-eleventy-for-search/){target="_blank" rel="external"} when setting it up. +The search bar is powered by [Pagefind](https://pagefind.app/). I was guided by [Robb Knight's walkthrough](https://rknight.me/blog/using-pagefind-with-eleventy-for-search/) when setting it up. Thank you to some lovely friends for their feedback and help with the site! You should hire them. Yes, you. -- [Lenny](http://www.wondra.codes/){target="_blank" rel="external"}, especially for their HTML/CSS and accessibility expertise -- [Shir](https://shirgoldberg.com/){target="_blank" rel="external"} +- [Lenny](http://www.wondra.codes/), especially for their HTML/CSS and accessibility expertise +- [Shir](https://shirgoldberg.com/) You can [find the accessibility statement here](/accessibility). If you'd like, you can view the [site's palette](/palette) or the [style overview](/style). You can also [explore the sitemap](/sitemap.xml). -This site is created [without the use of generative AI](https://declare-ai.org/1.0.0/none.html){target="_blank" rel="external"}. +This site is created [without the use of generative AI](https://declare-ai.org/1.0.0/none.html). diff --git a/src/pages/contact.md b/src/pages/contact.md index cd14e176..a24f9aea 100644 --- a/src/pages/contact.md +++ b/src/pages/contact.md @@ -75,21 +75,21 @@ Find me at [various art shows and fairs](/art-shows-and-events/). #### Denver -- [(dis)obedience](https://www.disobediencedenver.com){:target="_blank"}: stickers, pins, cards +- [(dis)obedience](https://www.disobediencedenver.com): stickers, pins, cards ### Oregon #### Beaverton -- [Forager Vintage](https://foragervintage.com/){:target="_blank"}: stickers, pins, cards +- [Forager Vintage](https://foragervintage.com/): stickers, pins, cards ### Washington #### Seattle -- [Push/Pull](https://www.pushpullseattle.com/){:target="_blank"}: stickers, pins, cards -- [Standard Goods Ballard](https://thestandardgoods.com/pages/ballard){:target="_blank"}: stickers -- [Standard Goods Capitol Hill](https://thestandardgoods.com/pages/capitol-hill){:target="_blank"}: stickers +- [Push/Pull](https://www.pushpullseattle.com/): stickers, pins, cards +- [Standard Goods Ballard](https://thestandardgoods.com/pages/ballard): stickers +- [Standard Goods Capitol Hill](https://thestandardgoods.com/pages/capitol-hill): stickers #### Tacoma @@ -97,9 +97,9 @@ Find me at [various art shows and fairs](/art-shows-and-events/). #### Vashon -- [Vashon Made (formerly Starving Artist Works) (facebook)](https://www.facebook.com/SawStarvingArtistWorks/){:target="_blank"}: stickers, cards, prints, wallets, handbound books, yarn -- [Standard Goods Vashon](https://thestandardgoods.com/pages/vashon){:target="_blank"}: stickers -- [Vashon Pharmacy](https://vashonpharmacy.com/){:target="_blank"}: cards +- [Vashon Made (formerly Starving Artist Works) (facebook)](https://www.facebook.com/SawStarvingArtistWorks/): stickers, cards, prints, wallets, handbound books, yarn +- [Standard Goods Vashon](https://thestandardgoods.com/pages/vashon): stickers +- [Vashon Pharmacy](https://vashonpharmacy.com/): cards --- diff --git a/src/pages/guestbook.md b/src/pages/guestbook.md index bd6753f5..3ae2b0c3 100644 --- a/src/pages/guestbook.md +++ b/src/pages/guestbook.md @@ -7,7 +7,7 @@ yes, you may sign again even if you've been here before - just no spamming pleas ## write -if the embed below is not working for you, you can [open the guestbook form in a new tab](https://airtable.com/app1YuM4uE4sRTYgh/pag4JzOylrLoLy4AS/form){:target="_blank"} or just [contact me any way you want](/contact) with your desired message +if the embed below is not working for you, you can [open the guestbook form in a new tab](https://airtable.com/app1YuM4uE4sRTYgh/pag4JzOylrLoLy4AS/form) or just [contact me any way you want](/contact) with your desired message @@ -34,7 +34,7 @@ Fern (Rainbow) on : 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](jaygrant.us){:target="_blank"} on : +[jay](jaygrant.us) on : > EGG pqqq on : @@ -43,16 +43,16 @@ pqqq on : Morgan on : > You make good art and good takes on gender 💜 -[Lisa](@mycrowgirl@mastodon.social){:target="_blank"} on : +[Lisa](@mycrowgirl@mastodon.social) on : > Ask not for whom the snoot is booped. It is booped for weevils. nathanlovestrees on : > honk! -[✨pencilears✨](https://pencilears.eternalaugust.net/comic/){:target="_blank"} on : +[✨pencilears✨](https://pencilears.eternalaugust.net/comic/) on : > Hello! I'm glad we're still doing guest books on websites. -[brhfl](https://brhfl.com){:target="_blank"} on : +[brhfl](https://brhfl.com) on : > hey hi! just giving you some test data and also basking in the nostalgia of a guestbook :) Eedlipherus C. Bigribs on : diff --git a/src/posts/2022/2022-11-04-acadia-coloring-journal.md b/src/posts/2022/2022-11-04-acadia-coloring-journal.md index 556cda5a..5e4ef686 100644 --- a/src/posts/2022/2022-11-04-acadia-coloring-journal.md +++ b/src/posts/2022/2022-11-04-acadia-coloring-journal.md @@ -8,7 +8,7 @@ tags: - book --- -A green journal with a blue leather spine. The coloring pages are from the book [Color Acadia](https://www.ellsworthamerican.com/living/arts-a-living/color-acadia/){target="_blank" rel="external"} with art by Katie Dube and Keri Kimura. +A green journal with a blue leather spine. The coloring pages are from the book [Color Acadia](https://www.ellsworthamerican.com/living/arts-a-living/color-acadia/) with art by Katie Dube and Keri Kimura. ## details diff --git a/src/posts/2022/2022-11-05-striped-journal.md b/src/posts/2022/2022-11-05-striped-journal.md index 8d45b49f..127683e8 100644 --- a/src/posts/2022/2022-11-05-striped-journal.md +++ b/src/posts/2022/2022-11-05-striped-journal.md @@ -8,7 +8,7 @@ tags: - book --- -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](https://bookshop.org/p/books/fantastic-cities-a-coloring-book-of-amazing-places-real-and-imagined-adult-coloring-books-city-coloring-books-coloring-books-for-adu-steve-mcdonald/7572265?ean=9781452149578){target="_blank" rel="external"} by Steve McDonald. +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](https://bookshop.org/p/books/fantastic-cities-a-coloring-book-of-amazing-places-real-and-imagined-adult-coloring-books-city-coloring-books-coloring-books-for-adu-steve-mcdonald/7572265?ean=9781452149578) by Steve McDonald. ## details diff --git a/src/posts/2022/2022-11-06-orange-journal.md b/src/posts/2022/2022-11-06-orange-journal.md index 3559f278..826ffb94 100644 --- a/src/posts/2022/2022-11-06-orange-journal.md +++ b/src/posts/2022/2022-11-06-orange-journal.md @@ -8,7 +8,7 @@ tags: - book --- -A small highlighter-orange journal with blank fold-out pages and floral coloring pages, including flocked pages, from [BLOOM](https://www.bluestarpress.com/product/bloom-a-coloring-book/){target="_blank" rel="external"} by Alli Koch. +A small highlighter-orange journal with blank fold-out pages and floral coloring pages, including flocked pages, from [BLOOM](https://www.bluestarpress.com/product/bloom-a-coloring-book/) by Alli Koch. ## details diff --git a/src/posts/2022/2022-11-21-brooke-socks.md b/src/posts/2022/2022-11-21-brooke-socks.md index bd090e21..cb048692 100644 --- a/src/posts/2022/2022-11-21-brooke-socks.md +++ b/src/posts/2022/2022-11-21-brooke-socks.md @@ -8,4 +8,4 @@ tags: - knit --- -My second pair of socks, knit for my partner. They use [Schoppel-Wolle](https://www.schoppel-wolle.de/){target="_blank" rel="external"} 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. +My second pair of socks, knit for my partner. They use [Schoppel-Wolle](https://www.schoppel-wolle.de/) 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. diff --git a/src/posts/2022/2022-11-21-pink-socks.md b/src/posts/2022/2022-11-21-pink-socks.md index 2c139b3d..a36306c8 100644 --- a/src/posts/2022/2022-11-21-pink-socks.md +++ b/src/posts/2022/2022-11-21-pink-socks.md @@ -8,4 +8,4 @@ tags: - knit --- -My first pair of socks, knit with [Seattle Sky Dyeworks](https://seattleskydyeworks.com/){target="_blank" rel="external"} Temporum yarn in colorway Salmon Run. +My first pair of socks, knit with [Seattle Sky Dyeworks](https://seattleskydyeworks.com/) Temporum yarn in colorway Salmon Run. diff --git a/src/posts/2022/2022-11-22-recommendations.md b/src/posts/2022/2022-11-22-recommendations.md index f379e076..7218ba72 100644 --- a/src/posts/2022/2022-11-22-recommendations.md +++ b/src/posts/2022/2022-11-22-recommendations.md @@ -10,37 +10,37 @@ tags: ## Articles -- [Critic of the Dawn](http://raggededgemagazine.com/0501/0501cov.htm){target="_blank" rel="external"} by Cal Montgomery -- [pronouns aren't gender; please get better at looking at birds](https://kconrod.medium.com/pronouns-arent-gender-please-get-better-at-looking-at-birds-8e6310ef455a){target="_blank" rel="external"} by Kirby Conrod +- [Critic of the Dawn](http://raggededgemagazine.com/0501/0501cov.htm) by Cal Montgomery +- [pronouns aren't gender; please get better at looking at birds](https://kconrod.medium.com/pronouns-arent-gender-please-get-better-at-looking-at-birds-8e6310ef455a) by Kirby Conrod ## Books -- [Camp Damascus](https://bookshop.org/p/books/camp-damascus-chuck-tingle/18738983){target="_blank" rel="external"} by Chuck Tingle -- [How We Get Free](https://bookshop.org/p/books/how-we-get-free-black-feminism-and-the-combahee-river-collective-keeanga-yamahtta-taylor/8203276?ean=9781608468553){target="_blank" rel="external"} ed. by Keeanga-Yamahtta Taylor -- [Laziness Does Not Exist](https://bookshop.org/p/books/laziness-does-not-exist-devon-price/14871468){target="_blank" rel="external"} by Devon Price, PhD -- [The Soul of a New Machine](https://bookshop.org/p/books/the-soul-of-a-new-machine-tracy-kidder/113845){target="_blank" rel="external"} by Tracy Kidder -- [Stone Butch Blues](https://www.lesliefeinberg.net/){target="_blank" rel="external"} by Leslie Feinberg -- [Whipping Girl](https://bookshop.org/p/books/whipping-girl-lib-e-a-transsexual-woman-on-sexism-and-the-scapegoating-of-femininity-julia-serano/12413169){target="_blank" rel="external"} by Julia Serano +- [Camp Damascus](https://bookshop.org/p/books/camp-damascus-chuck-tingle/18738983) by Chuck Tingle +- [How We Get Free](https://bookshop.org/p/books/how-we-get-free-black-feminism-and-the-combahee-river-collective-keeanga-yamahtta-taylor/8203276?ean=9781608468553) ed. by Keeanga-Yamahtta Taylor +- [Laziness Does Not Exist](https://bookshop.org/p/books/laziness-does-not-exist-devon-price/14871468) by Devon Price, PhD +- [The Soul of a New Machine](https://bookshop.org/p/books/the-soul-of-a-new-machine-tracy-kidder/113845) by Tracy Kidder +- [Stone Butch Blues](https://www.lesliefeinberg.net/) by Leslie Feinberg +- [Whipping Girl](https://bookshop.org/p/books/whipping-girl-lib-e-a-transsexual-woman-on-sexism-and-the-scapegoating-of-femininity-julia-serano/12413169) by Julia Serano ## Comedy -- [Douglas](https://www.netflix.com/title/81054700){target="_blank" rel="external"} by Hannah Gadsby +- [Douglas](https://www.netflix.com/title/81054700) by Hannah Gadsby ## Comics -- [Ten Thousand](https://xkcd.com/1053/){target="_blank" rel="external"} by Randall Munroe +- [Ten Thousand](https://xkcd.com/1053/) by Randall Munroe ## Short fiction -- [Why Don't We Just Kill the Kid in the Omelas Hole](https://clarkesworldmagazine.com/kim_02_24/){target="_blank" rel="external"} by Isabel J. Kim +- [Why Don't We Just Kill the Kid in the Omelas Hole](https://clarkesworldmagazine.com/kim_02_24/) by Isabel J. Kim ## Social media threads -- [It's 2026 and you wonder what your friends are up to.](https://retro.social/@ifixcoinops/113838462085835742){target="_blank" rel="external"} by [@ifixcoinops@retro.social](https://retro.social/@ifixcoinops){:target="_blank"} +- [It's 2026 and you wonder what your friends are up to.](https://retro.social/@ifixcoinops/113838462085835742) by [@ifixcoinops@retro.social](https://retro.social/@ifixcoinops) ## Videos -- (Playlist) [The Alt-Right Playbook](https://www.youtube.com/playlist?list=PLJA_jUddXvY7v0VkYRbANnTnzkA_HMFtQ){target="_blank" rel="external"} by Innuendo Studios -- [Did feminism FAIL men?](https://www.youtube.com/watch?v=UOhs9jxe4lM){target="_blank" rel="external"} by Alexander Avila -- [The Kronk Effect](https://www.youtube.com/watch?v=5Sz40XPPtKQ){target="_blank" rel="external"} by CJ the X -- (Playlist) [Pretty Good](https://www.youtube.com/playlist?list=PLUXSZMIiUfFSCYW1o-4whWtepyVlsfuCC){target="_blank" rel="external"} by Jon Bois and Secret Base +- (Playlist) [The Alt-Right Playbook](https://www.youtube.com/playlist?list=PLJA_jUddXvY7v0VkYRbANnTnzkA_HMFtQ) by Innuendo Studios +- [Did feminism FAIL men?](https://www.youtube.com/watch?v=UOhs9jxe4lM) by Alexander Avila +- [The Kronk Effect](https://www.youtube.com/watch?v=5Sz40XPPtKQ) by CJ the X +- (Playlist) [Pretty Good](https://www.youtube.com/playlist?list=PLUXSZMIiUfFSCYW1o-4whWtepyVlsfuCC) by Jon Bois and Secret Base diff --git a/src/posts/2023/2023-02-13-butch-hands.md b/src/posts/2023/2023-02-13-butch-hands.md index 49c22e8c..468877dd 100644 --- a/src/posts/2023/2023-02-13-butch-hands.md +++ b/src/posts/2023/2023-02-13-butch-hands.md @@ -16,7 +16,7 @@ This pattern is a **Work in Progress** and will be updated with more information - Created: 12 March 2021 - Last updated: 13 February 2023 -This pattern was built on the [Podster Gloves pattern](https://www.ravelry.com/patterns/library/podster-gloves){target="_blank" rel="external"} by Glenna C. on Ravelry. I highly recommend reading and following that pattern to fill in gaps with this one. +This pattern was built on the [Podster Gloves pattern](https://www.ravelry.com/patterns/library/podster-gloves) by Glenna C. on Ravelry. I highly recommend reading and following that pattern to fill in gaps with this one. ## Materials and tools diff --git a/src/posts/2023/2023-04-20-heron.md b/src/posts/2023/2023-04-20-heron.md index 05a3705e..4915549e 100644 --- a/src/posts/2023/2023-04-20-heron.md +++ b/src/posts/2023/2023-04-20-heron.md @@ -10,7 +10,7 @@ tags: - shirt --- -Hand carved stamp of a great blue heron. Based on a photo from [birdpixel](birdpixel.com){target="_blank" rel="external"}. +Hand carved stamp of a great blue heron. Based on a photo from [birdpixel](birdpixel.com). ## details diff --git a/src/posts/2023/2023-05-11-carving-transfer.md b/src/posts/2023/2023-05-11-carving-transfer.md index 320e7f9e..370d2df2 100644 --- a/src/posts/2023/2023-05-11-carving-transfer.md +++ b/src/posts/2023/2023-05-11-carving-transfer.md @@ -11,22 +11,22 @@ tags: ### for transfer -- [speedy-carve](https://www.dickblick.com/products/speedball-speedy-carve-blocks/){target="_blank" rel="external"} - - I have since also used [moo carve](https://www.dickblick.com/products/moo-carve-professional-carving-blocks/){target="_blank" rel="external"} and been successful +- [speedy-carve](https://www.dickblick.com/products/speedball-speedy-carve-blocks/) + - I have since also used [moo carve](https://www.dickblick.com/products/moo-carve-professional-carving-blocks/) and been successful - laserjet printed or xerox'd image, preferably something with high contrast -- acrylic gel medium - I use [Golden Soft Gel Matte](https://www.dickblick.com/items/golden-soft-acrylic-gel-medium-matte-16-oz-jar/){target="_blank" rel="external"} +- acrylic gel medium - I use [Golden Soft Gel Matte](https://www.dickblick.com/items/golden-soft-acrylic-gel-medium-matte-16-oz-jar/) - paintbrush -- [brayer](https://www.dickblick.com/products/testrite-foam-brayer/){target="_blank" rel="external"} +- [brayer](https://www.dickblick.com/products/testrite-foam-brayer/) ### for carving -- carving tool(s) such as [speedball carving tool](https://www.dickblick.com/products/speedball-linoleum-cutters/){target="_blank" rel="external"} or [flexcut carving tools](https://www.dickblick.com/products/flexcut-lino-relief-printmaking-set/){:target="_blank"} +- carving tool(s) such as [speedball carving tool](https://www.dickblick.com/products/speedball-linoleum-cutters/) or [flexcut carving tools](https://www.dickblick.com/products/flexcut-lino-relief-printmaking-set/) - I use a narrow V tool from flexcut and large/small U tools from speedball at current ### for printing -- my favorite stamping ink at current is [VersaFine](https://www.tsukineko.co.jp/english/detail/versafine/index.html){target="_blank" rel="external"} -- (edit 18 Sep 2023) I have since used [Speedball fabric block printink inks](https://www.dickblick.com/products/speedball-fabric-paper-block-printing-ink/){target="_blank" rel="external"}. Preferable for fabric. +- my favorite stamping ink at current is [VersaFine](https://www.tsukineko.co.jp/english/detail/versafine/index.html) +- (edit 18 Sep 2023) I have since used [Speedball fabric block printink inks](https://www.dickblick.com/products/speedball-fabric-paper-block-printing-ink/). Preferable for fabric. ## process @@ -39,6 +39,6 @@ tags: ## references -- [3 methods for transfer including PVA glue transfer](https://www.jacksonsart.com/blog/2021/11/19/the-best-way-to-transfer-images-to-lino/){target="_blank" rel="external"} -- [gel medium transfer onto label paper](https://www.youtube.com/watch?v=EmKVw72mm5Q){target="_blank" rel="external"} -- [4 methods for transfer including gel medium transfer](https://www.youtube.com/watch?v=XD8AyNOisFw){target="_blank" rel="external"} +- [3 methods for transfer including PVA glue transfer](https://www.jacksonsart.com/blog/2021/11/19/the-best-way-to-transfer-images-to-lino/) +- [gel medium transfer onto label paper](https://www.youtube.com/watch?v=EmKVw72mm5Q) +- [4 methods for transfer including gel medium transfer](https://www.youtube.com/watch?v=XD8AyNOisFw) diff --git a/src/posts/2023/2023-05-12-backend-accessibility.md b/src/posts/2023/2023-05-12-backend-accessibility.md index 89a11971..24c0e117 100644 --- a/src/posts/2023/2023-05-12-backend-accessibility.md +++ b/src/posts/2023/2023-05-12-backend-accessibility.md @@ -64,23 +64,23 @@ These are bits of feedback or further thoughts that have yet to be integrated in ## References -- [Accessibility guidelines and requirements — Microsoft style guide](https://learn.microsoft.com/en-us/style-guide/accessibility/accessibility-guidelines-requirements){target="_blank" rel="external"} -- [Write accessible documentation — Google docs style guide](https://developers.google.com/style/accessibility){target="_blank" rel="external"} -- [Is it accessible? — Adrian Roselli](https://adrianroselli.com/2024/08/things-to-do-before-asking-is-this-accessible.html){target="_blank" rel="external"} -- [Collected accessibility resources — Marco Salsiccia](https://marconius.com/a11yLinks/){target="_blank" rel="external"} -- [A11y coffee](https://a11y.coffee/start-testing/){target="_blank" rel="external"} [note: spell out 'accessibility' rather than shortening to 'a11y'!] +- [Accessibility guidelines and requirements — Microsoft style guide](https://learn.microsoft.com/en-us/style-guide/accessibility/accessibility-guidelines-requirements) +- [Write accessible documentation — Google docs style guide](https://developers.google.com/style/accessibility) +- [Is it accessible? — Adrian Roselli](https://adrianroselli.com/2024/08/things-to-do-before-asking-is-this-accessible.html) +- [Collected accessibility resources — Marco Salsiccia](https://marconius.com/a11yLinks/) +- [A11y coffee](https://a11y.coffee/start-testing/) [note: spell out 'accessibility' rather than shortening to 'a11y'!] ### Alt text/image descriptions -- [How to write an image description](https://uxdesign.cc/how-to-write-an-image-description-2f30d3bf5546){target="_blank" rel="external"} -- [How to write alt text and image descriptions for the visually impaired — Perkins School for the Blind](https://www.perkins.org/resource/how-write-alt-text-and-image-descriptions-visually-impaired/){target="_blank" rel="external"} -- [An attempted guide to writing effective alt and descriptive text for art](https://mannequinrentals.help/2024/03/21/an-attempted-guide-to-writing-effective-alt-and-descriptive-text-for-art/){target="_blank" rel="external"} -- [Alt text as poetry](https://alt-text-as-poetry.net/){target="_blank" rel="external"} -- [Writing alt text for a scientific figure - Kristin Briney](http://dataabinitio.com/?p=1161){target="_blank" rel="external"} +- [How to write an image description](https://uxdesign.cc/how-to-write-an-image-description-2f30d3bf5546) +- [How to write alt text and image descriptions for the visually impaired — Perkins School for the Blind](https://www.perkins.org/resource/how-write-alt-text-and-image-descriptions-visually-impaired/) +- [An attempted guide to writing effective alt and descriptive text for art](https://mannequinrentals.help/2024/03/21/an-attempted-guide-to-writing-effective-alt-and-descriptive-text-for-art/) +- [Alt text as poetry](https://alt-text-as-poetry.net/) +- [Writing alt text for a scientific figure - Kristin Briney](http://dataabinitio.com/?p=1161) - [My approach to alt text - Adrian Roselli](https://adrianroselli.com/2024/05/my-approach-to-alt-text.html) ### Other specific topics -- [Tabs vs. spaces - Adam Tuttle](https://adamtuttle.codes/blog/2021/tabs-vs-spaces-its-an-accessibility-issue/){target="_blank" rel="external"} -- [Accessible numbers](https://accessiblenumbers.com){target="_blank" rel="external"} -- [Chartability](https://chartability.fizz.studio){target="_blank" rel="external"} (data visualization) +- [Tabs vs. spaces - Adam Tuttle](https://adamtuttle.codes/blog/2021/tabs-vs-spaces-its-an-accessibility-issue/) +- [Accessible numbers](https://accessiblenumbers.com) +- [Chartability](https://chartability.fizz.studio) (data visualization) diff --git a/src/posts/2023/2023-06-08-big-pidge.md b/src/posts/2023/2023-06-08-big-pidge.md index 33ce7a7f..36a14d59 100644 --- a/src/posts/2023/2023-06-08-big-pidge.md +++ b/src/posts/2023/2023-06-08-big-pidge.md @@ -9,7 +9,7 @@ tags: - card - shirt --- -A large, *large* pigeon. Based on a fantastic photograph by [Chris Price](https://studiochris.us/){target="_blank" rel="external"}. +A large, *large* pigeon. Based on a fantastic photograph by [Chris Price](https://studiochris.us/). ## details diff --git a/src/posts/2023/2023-06-08-geese.md b/src/posts/2023/2023-06-08-geese.md index c8fc4e39..d06da5c6 100644 --- a/src/posts/2023/2023-06-08-geese.md +++ b/src/posts/2023/2023-06-08-geese.md @@ -10,7 +10,7 @@ tags: - shirt --- -Based on a fantastic picture by [handmade ghost](https://mstdn.games/@handmade_ghost){target="_blank" rel="external"} +Based on a fantastic picture by [handmade ghost](https://mstdn.games/@handmade_ghost) ## details diff --git a/src/posts/2023/2023-06-09-stampede-journal.md b/src/posts/2023/2023-06-09-stampede-journal.md index 9ace05fe..f4131023 100644 --- a/src/posts/2023/2023-06-09-stampede-journal.md +++ b/src/posts/2023/2023-06-09-stampede-journal.md @@ -8,7 +8,7 @@ tags: - book --- -Includes coloring pages from [Animorphia by Kerby Rosanes](https://kerbyrosanes.com/animorphia){target="_blank" rel="external"}. +Includes coloring pages from [Animorphia by Kerby Rosanes](https://kerbyrosanes.com/animorphia). ## details diff --git a/src/posts/2023/2023-06-22-gender-in-data.md b/src/posts/2023/2023-06-22-gender-in-data.md index 50ed28a9..e33a0834 100644 --- a/src/posts/2023/2023-06-22-gender-in-data.md +++ b/src/posts/2023/2023-06-22-gender-in-data.md @@ -92,8 +92,8 @@ In order to more easily discuss these topics, I will note here my working defini 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](https://www.ustranssurvey.org/reports){target="_blank" rel="external"}, the largest survey ever devoted to the lives and experiences of transgender people, with 27,715 respondents across the United States. -- [Gender Census](https://www.gendercensus.com/){target="_blank" rel="external"}, 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. +- [U.S. Transgender Survey](https://www.ustranssurvey.org/reports), the largest survey ever devoted to the lives and experiences of transgender people, with 27,715 respondents across the United States. +- [Gender Census](https://www.gendercensus.com/), 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. @@ -107,7 +107,7 @@ It's always worthwhile to stop and look at how relevant or necessary gender info > > "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)](https://builtin.com/software-engineering-perspectives/trans-inclusivity-tips-developers){target="_blank" rel="external"} +[(Hunter, 2020)](https://builtin.com/software-engineering-perspectives/trans-inclusivity-tips-developers) Drupal's gender field includes the following guidance in its description: @@ -118,7 +118,7 @@ Drupal's gender field includes the following guidance in its description: > 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. 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. -[(McCabe and Beach, 2019)](https://www.drupal.org/project/gender){target="_blank" rel="external"} +[(McCabe and Beach, 2019)](https://www.drupal.org/project/gender) ### Safety and prevention of abuse @@ -128,7 +128,7 @@ Drupal's gender field includes the following guidance in its description: > > 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)](https://medium.com/@SorenSpicknall/protecting-queer-communities-through-data-4707ae0cb562){target="_blank" rel="external"} +[(Spicknall, 2019)](https://medium.com/@SorenSpicknall/protecting-queer-communities-through-data-4707ae0cb562) If you do collect gender data, inform the user what it is used for and who it will be shared with. @@ -138,7 +138,7 @@ If you do collect gender data, inform the user what it is used for and who it wi 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)](http://transgenderlawcenter.org/wp-content/uploads/2016/12/Birth-Cert-overview-state-by-state.pdf){target="_blank" rel="external"} [(Movement Advancement Project)](https://www.lgbtmap.org/equality-maps/identity_document_laws){:target="_blank"} [(Knight and Ghosal, 2016)](https://www.hrw.org/world-report/2016/country-chapters/africa-americas-asia-europe/central-asia-middle-east/north-0){:target="_blank"} +[(Transgender Law Center, 2017)](http://transgenderlawcenter.org/wp-content/uploads/2016/12/Birth-Cert-overview-state-by-state.pdf) [(Movement Advancement Project)](https://www.lgbtmap.org/equality-maps/identity_document_laws) [(Knight and Ghosal, 2016)](https://www.hrw.org/world-report/2016/country-chapters/africa-americas-asia-europe/central-asia-middle-east/north-0) If you are not specifically trying to refer to an individual’s legal identification, don’t tie gender to it. @@ -154,7 +154,7 @@ This is variously defined to refer to sex assigned at birth, legal gender/sex ma 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)](https://blogs.scientificamerican.com/sa-visual/visualizing-sex-as-a-spectrum/){target="_blank" rel="external"} +[(Montañez, 2017)](https://blogs.scientificamerican.com/sa-visual/visualizing-sex-as-a-spectrum/) Outside of healthcare, this is largely unnecessary. For healthcare, see [Two- or multi- step approach](#two--or-multi--step-approach) and [Organ inventory](#organ-inventory). @@ -164,7 +164,7 @@ As a way to accurately represent gender diverse people, "other" is, quite litera > "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)](https://williamsinstitute.law.ucla.edu/publications/data-collection-sogi/){target="_blank" rel="external"} +[(Park, 2016)](https://williamsinstitute.law.ucla.edu/publications/data-collection-sogi/) ### Expansive lists @@ -183,11 +183,11 @@ For smaller projects, however, this is still an option. Or you can offer this to ### 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](#two--or-multi--step-approach), which "measures assigned sex at birth and self-reported gender identity at the time of the survey" [(Park, 2016)](https://williamsinstitute.law.ucla.edu/publications/data-collection-sogi/){target="_blank" rel="external"} +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](#two--or-multi--step-approach), which "measures assigned sex at birth and self-reported gender identity at the time of the survey" [(Park, 2016)](https://williamsinstitute.law.ucla.edu/publications/data-collection-sogi/) > "...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)](https://builtin.com/data-science/dscout-gender-identity-data-practice){target="_blank" rel="external"} emphasis mine +[(Gossett, 2020)](https://builtin.com/data-science/dscout-gender-identity-data-practice) emphasis mine ### Automatic detection of gender @@ -195,7 +195,7 @@ In addition to reinforcing binarism, this approaches tends to reinforce sexism a > "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)](https://civic.mit.edu/index.html%3Fp=1165.html){target="_blank" rel="external"} +[(kanarinka, 2016)](https://civic.mit.edu/index.html%3Fp=1165.html) 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. @@ -226,7 +226,7 @@ This may also be expanded to a multi-step approach, with questions covering some - 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)](https://nikkistevens.com/open-demographics/questions/gender.html){target="_blank" rel="external"} either in the same question or as an additional question + - This may additionally benefit from self-identification as "gender diverse, gender non-conforming, gender variant, or gender expansive" [(Stevens)](https://nikkistevens.com/open-demographics/questions/gender.html) either in the same question or as an additional question - Intersex status …but only if the data is necessary. @@ -239,11 +239,11 @@ This may also be expanded to a multi-step approach, with questions covering some > > 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)](https://www.healthit.gov/isa/sites/isa/files/2017-11/JAMIA%20-%20Transgender%20Health%20and%20EMRs.pdf){target="_blank" rel="external"} +[(Deutsch, et. al, 2013)](https://www.healthit.gov/isa/sites/isa/files/2017-11/JAMIA%20-%20Transgender%20Health%20and%20EMRs.pdf) Refer to the reference linked above for detailed examples of organ or surgical history inventories. -Additional reference (added Sep 2024): [(Bourns, 2023)](https://www.rainbowhealthontario.ca/wp-content/uploads/2021/09/Guidelines-FINAL-4TH-EDITION-With-2023-Updates.pdf){target="_blank" rel="external"} +Additional reference (added Sep 2024): [(Bourns, 2023)](https://www.rainbowhealthontario.ca/wp-content/uploads/2021/09/Guidelines-FINAL-4TH-EDITION-With-2023-Updates.pdf) ### Differentiate with ‘cis’ and ‘trans’ @@ -259,32 +259,31 @@ Healthcare systems in particular may benefit from [Organ inventory](#organ-inven ### WPATH guidelines on EMR -- WPATH: World Professional Association for Transgender Health [(WPATH, 2023)](https://wpath.org/about/mission-and-vision){target="_blank" rel="external"} +- WPATH: World Professional Association for Transgender Health [(WPATH, 2023)](https://wpath.org/about/mission-and-vision) - 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)](https://www.healthit.gov/isa/sites/isa/files/2017-11/JAMIA%20-%20Transgender%20Health%20and%20EMRs.pdf){target="_blank" rel="external"} +[(Deutsch, et. al, 2013)](https://www.healthit.gov/isa/sites/isa/files/2017-11/JAMIA%20-%20Transgender%20Health%20and%20EMRs.pdf) ### 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)](https://civic.mit.edu/index.html%3Fp=1165.html){target="_blank" rel="external"} +[(kanarinka, 2016)](https://civic.mit.edu/index.html%3Fp=1165.html) ### Drupal -Uses a list of genders developed by the Open Demographics project. [(McCabe and Beach, 2019)](https://www.drupal.org/project/gender){target="_blank" rel="external"} [(Stevens)](https://nikkistevens.com/open-demographics/questions/gender.html){:target="_blank"} +Uses a list of genders developed by the Open Demographics project. [(McCabe and Beach, 2019)](https://www.drupal.org/project/gender) [(Stevens)](https://nikkistevens.com/open-demographics/questions/gender.html) ### Salesforce Health Cloud -Includes Male, Female, Other, and Decline to Specify as options for a gender field, and the field can be null. [(Salesforce)](https://developer.salesforce.com/docs/atlas.en-us.health_cloud_object_reference.meta/health_cloud_object_reference/health_contact_custom_fields.htm#!){target="_blank" rel="external"} +Includes Male, Female, Other, and Decline to Specify as options for a gender field, and the field can be null. [(Salesforce)](https://developer.salesforce.com/docs/atlas.en-us.health_cloud_object_reference.meta/health_cloud_object_reference/health_contact_custom_fields.htm#!) ### Adobe XDM -Includes Male, Female, Not Specified, and Non-specific. Defaults to not specifed. [(Adobe)](https://experienceleague.adobe.com/docs/experience-platform/xdm/field-groups/profile/demographic-details.html){target="_blank" rel="external"} [(Adobe)](https://github.com/adobe/xdm/blob/master/components/datatypes/person/person.schema.json#L50){:target="_blank"} +Includes Male, Female, Not Specified, and Non-specific. Defaults to not specifed. [(Adobe)](https://experienceleague.adobe.com/docs/experience-platform/xdm/field-groups/profile/demographic-details.html) [(Adobe)](https://github.com/adobe/xdm/blob/master/components/datatypes/person/person.schema.json#L50) ### Epic Healthcare EMR -Uses three different fields: sex assigned at birth, legal sex and gender identity. [(Landman, 2017)](https://www.wired.com/story/the-battle-to-get-gender-identity-into-your-health-records/){target="_blank" rel="external"} - +Uses three different fields: sex assigned at birth, legal sex and gender identity. [(Landman, 2017)](https://www.wired.com/story/the-battle-to-get-gender-identity-into-your-health-records/) diff --git a/src/posts/2023/2023-06-23-shirts.md b/src/posts/2023/2023-06-23-shirts.md index 0dc9d739..c0bc613a 100644 --- a/src/posts/2023/2023-06-23-shirts.md +++ b/src/posts/2023/2023-06-23-shirts.md @@ -8,7 +8,7 @@ tags: - shirt --- -hand-printed designs on [bella & canvas](https://shop.bellacanvas.com/){target="_blank" rel="external"} shirts. To order, ~~fill out this form~~ (Sep 2024: no longer taking orders via this method). Or just message me. +hand-printed designs on [bella & canvas](https://shop.bellacanvas.com/) shirts. To order, ~~fill out this form~~ (Sep 2024: no longer taking orders via this method). Or just message me. See the [shirt tag](tag/shirt) to view available designs. diff --git a/src/posts/2023/2023-06-23-stickers.md b/src/posts/2023/2023-06-23-stickers.md index 25a7749a..b6e538df 100644 --- a/src/posts/2023/2023-06-23-stickers.md +++ b/src/posts/2023/2023-06-23-stickers.md @@ -8,7 +8,7 @@ tags: - sticker --- -Clear and holographic stickers ordered through [DieCutStickers](diecutstickers.com){target="_blank" rel="external"}. See the [stickers tag](tag/sticker) to view available designs. +Clear and holographic stickers ordered through [DieCutStickers](diecutstickers.com). See the [stickers tag](tag/sticker) to view available designs. ## previous round of stickers from StickerYou diff --git a/src/posts/2023/2023-06-28-artisans-coop-cards.md b/src/posts/2023/2023-06-28-artisans-coop-cards.md index 9a55ed6a..2f2f4170 100644 --- a/src/posts/2023/2023-06-28-artisans-coop-cards.md +++ b/src/posts/2023/2023-06-28-artisans-coop-cards.md @@ -9,8 +9,8 @@ tags: - card --- -Learn more about [Artisans Cooperative](https://artisans.coop/){target="_blank" rel="external"}, a new platform for makers and supporters. +Learn more about [Artisans Cooperative](https://artisans.coop/), a new platform for makers and supporters. I've joined the "coop" and have made these cards/prints to support their fundraiser. -[Buy them on Artisans Cooperative's new marketplace](https://artisans.coop/products/coop-logo-greeting-card){target="_blank" rel="external"}. +[Buy them on Artisans Cooperative's new marketplace](https://artisans.coop/products/coop-logo-greeting-card). diff --git a/src/posts/2023/2023-08-20-in-the-news.md b/src/posts/2023/2023-08-20-in-the-news.md index 2e364dd4..dd42ec75 100644 --- a/src/posts/2023/2023-08-20-in-the-news.md +++ b/src/posts/2023/2023-08-20-in-the-news.md @@ -10,9 +10,9 @@ tags: ## topic: Artisans Cooperative -- Featured on the Artisans Cooperative blog. [Read the interview here](https://blog.artisans.coop/blog/artisans-profile-pride-month-feature-riverside-refuge-studios/){target="_blank" rel="external"}. -- Interviewed by Aaron Fernando for Shareable. [Read the full piece here](https://www.shareable.net/artisans-cooperative-an-etsy-alternative-owned-and-run-by-artists-and-makers/){target="_blank" rel="external"}. +- Featured on the Artisans Cooperative blog. [Read the interview here](https://blog.artisans.coop/blog/artisans-profile-pride-month-feature-riverside-refuge-studios/). +- Interviewed by Aaron Fernando for Shareable. [Read the full piece here](https://www.shareable.net/artisans-cooperative-an-etsy-alternative-owned-and-run-by-artists-and-makers/). ## topic: Trans/Queer -- Interviewed by Evan Urquhart for Slate. [Read the full piece here](https://slate.com/human-interest/2023/06/trans-gay-laws-florida-texas-lgbtq-danger.html){target="_blank" rel="external"}. +- Interviewed by Evan Urquhart for Slate. [Read the full piece here](https://slate.com/human-interest/2023/06/trans-gay-laws-florida-texas-lgbtq-danger.html). diff --git a/src/posts/2023/2023-09-22-artisans-coop-shirts.md b/src/posts/2023/2023-09-22-artisans-coop-shirts.md index fa7d25d5..e201e85c 100644 --- a/src/posts/2023/2023-09-22-artisans-coop-shirts.md +++ b/src/posts/2023/2023-09-22-artisans-coop-shirts.md @@ -9,10 +9,10 @@ tags: - print --- -Learn more about [Artisans Cooperative](https://artisans.coop/){target="_blank" rel="external"}, a new platform for makers and supporters. +Learn more about [Artisans Cooperative](https://artisans.coop/), 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](https://artisans.coop/products/coop-tee){target="_blank" rel="external"}. +[Buy them on Artisans Cooperative's new marketplace](https://artisans.coop/products/coop-tee). ~~Buy them via my order form~~. (Sep 2024: No longer accepting orders via this method) diff --git a/src/posts/2023/2023-09-30-ecommerce-options.md b/src/posts/2023/2023-09-30-ecommerce-options.md index c74480cc..98bd2b31 100644 --- a/src/posts/2023/2023-09-30-ecommerce-options.md +++ b/src/posts/2023/2023-09-30-ecommerce-options.md @@ -7,7 +7,7 @@ tags: - reference --- -## [Artisans Cooperative](https://artisans.coop/pages/seller-profile/riverside-refuge-studio){target="_blank" rel="external"} +## [Artisans Cooperative](https://artisans.coop/pages/seller-profile/riverside-refuge-studio) - using this. clunky. variants are unintuitive. - allows me to set alt text for images. @@ -19,7 +19,7 @@ tags: - fuck etsy mxn -## [Kofi](https://ko-fi.com/inherentlee){target="_blank" rel="external"} +## [Kofi](https://ko-fi.com/inherentlee) - using this currently, but it has a strict no-NSFW policy. @@ -36,7 +36,7 @@ tags: - $30/month minimum after a few free months. -## [Square](https://riverside-refuge.square.site/){target="_blank" rel="external"} +## [Square](https://riverside-refuge.square.site/) - this is my current preference. - has a free tier! pay per transaction rather than monthly. diff --git a/src/posts/2023/2023-10-08-leatherworking.md b/src/posts/2023/2023-10-08-leatherworking.md index dd3899d3..3bd8b4c3 100644 --- a/src/posts/2023/2023-10-08-leatherworking.md +++ b/src/posts/2023/2023-10-08-leatherworking.md @@ -18,51 +18,51 @@ If I have linked a tool, I really like that specific tool and find it stands out - (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](https://www.buckleguy.com/cutting-board-multiple-sizes/){target="_blank" rel="external"} (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](https://www.weaverleathersupply.com/products/pattern-sheet-24-x-45){target="_blank" rel="external"} - but like I said above you can use non-corrugated cardboard -- (nice to have) [acrylic leather thickness gauge](https://www.buckleguy.com/bg-acrylic-tool-leather-thickness-gauge/){target="_blank" rel="external"} - but you can also just use a ruler or calipers, or learn to gauge by eye/feel +- (need to have basically whenever you are using a mallet) ["poundo board" or cutting board](https://www.buckleguy.com/cutting-board-multiple-sizes/) (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](https://www.weaverleathersupply.com/products/pattern-sheet-24-x-45) - but like I said above you can use non-corrugated cardboard +- (nice to have) [acrylic leather thickness gauge](https://www.buckleguy.com/bg-acrylic-tool-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](https://www.buckleguy.com/ergo-kiwi-knife-2-0/){target="_blank" rel="external"} +- (nice to have, but any sharp blade will do) [ergo kiwi knife](https://www.buckleguy.com/ergo-kiwi-knife-2-0/) - (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](https://www.weaverleathersupply.com/products/marble-tooling-slab){target="_blank" rel="external"} 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](https://www.weaverleathersupply.com/products/flat-leather-knife){target="_blank" rel="external"} from Weaver and it *definitely* beats out the CS Osborne leather knife + - you're supposed to skive on a fucken [rock](https://www.weaverleathersupply.com/products/marble-tooling-slab) 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](https://www.weaverleathersupply.com/products/flat-leather-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!!!](https://www.buckleguy.com/seiwa-tokonole-leather-burnishing-gum-multiple-sizes-colors/){target="_blank" rel="external"} +- (nice to have) [tokonole!!!](https://www.buckleguy.com/seiwa-tokonole-leather-burnishing-gum-multiple-sizes-colors/) - tokonole can even burnish chrome tan leather and flesh side of veg tan -- (nice to have) [wooden edge burnishing tool](https://www.buckleguy.com/leather-edge-slicker-burnishing-tool-beech-wood/){target="_blank" rel="external"} but tbh I find myself just using canvas instead of my burnishing tool +- (nice to have) [wooden edge burnishing tool](https://www.buckleguy.com/leather-edge-slicker-burnishing-tool-beech-wood/) 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](https://www.dickblick.com/items/lineco-micro-spatula-flat/){target="_blank" rel="external"} - I bought this for bookbinding but I find it useful for applying tokonole or doing other odd lil jobs +- (nice to have) [micro spatula](https://www.dickblick.com/items/lineco-micro-spatula-flat/) - 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](https://www.talasonline.com/Japanese-Push-Drill){target="_blank" rel="external"} and [bits](https://www.talasonline.com/Japanese-Push-Drill-Replacement-Bits){:target="_blank"} -- if you don't want to go in on a $50 push drill, start with just some simple [single-hole punches](https://www.buckleguy.com/245-belt-punch-multiple-sizes/){target="_blank" rel="external"} or a [rotary punch](https://www.buckleguy.com/223-revolving-punch/){:target="_blank"}. 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. +- (nice to have) [japanese push drill](https://www.talasonline.com/Japanese-Push-Drill) and [bits](https://www.talasonline.com/Japanese-Push-Drill-Replacement-Bits) +- if you don't want to go in on a $50 push drill, start with just some simple [single-hole punches](https://www.buckleguy.com/245-belt-punch-multiple-sizes/) or a [rotary punch](https://www.buckleguy.com/223-revolving-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.](/img/2023/oblong-punch-alternative.jpg) - - get an [oblong punch](https://www.buckleguy.com/151-bag-punch-multiple-sizes/){target="_blank" rel="external"}. 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](https://www.buckleguy.com/0150-strap-end-punch-english-point-multiple-sizes-1/){target="_blank" rel="external"}. 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. + - get an [oblong punch](https://www.buckleguy.com/151-bag-punch-multiple-sizes/). 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](https://www.buckleguy.com/0150-strap-end-punch-english-point-multiple-sizes-1/). 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](https://www.buckleguy.com/bg-rivet-setter-9-2mm-concave-end/){target="_blank" rel="external"} and [anvil](https://www.buckleguy.com/bg-rivet-setter-base-for-9-2-11-13mm-cap-rivets/){:target="_blank"} for maybe $25 together +- for any given size/brand of rivets, you can usually buy a [setter](https://www.buckleguy.com/bg-rivet-setter-9-2mm-concave-end/) and [anvil](https://www.buckleguy.com/bg-rivet-setter-base-for-9-2-11-13mm-cap-rivets/) 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](https://www.buckleguy.com/bg-setter-post-base-for-screw-in-dies/){target="_blank" rel="external"} and [a rivet setter die](https://www.buckleguy.com/bg-rivet-setter-die-multiple-sizes-requires-hand-tool-post-base-or-bg-hand-press/){:target="_blank"} or whichever setter die you need for your specific thing - - these dies also work with [larger presses](https://www.buckleguy.com/bg-180-convertible-hand-or-foot-press/){target="_blank" rel="external"} and make it much more possible to transition from a hand press to a full press without having to re-buy all your dies +- 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](https://www.buckleguy.com/bg-setter-post-base-for-screw-in-dies/) and [a rivet setter die](https://www.buckleguy.com/bg-rivet-setter-die-multiple-sizes-requires-hand-tool-post-base-or-bg-hand-press/) or whichever setter die you need for your specific thing + - these dies also work with [larger presses](https://www.buckleguy.com/bg-180-convertible-hand-or-foot-press/) 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 @@ -71,9 +71,9 @@ If I have linked a tool, I really like that specific tool and find it stands out - (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](https://www.buckleguy.com/517-harness-needles-for-hand-sewing-blunt-tip-5-needles/){target="_blank" rel="external"} -- (need to have) thread - I am using [Ritza 25 Tiger Thread](https://www.buckleguy.com/ritza-25-tiger-thread/){target="_blank" rel="external"} (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](https://threadsofmeisi.com/collections/meisi-superfine-linen-threads){:target="_blank"} but polyester threads are easier to seal off with a lighter -- (nice to have) some kind of [silicone needle puller](https://www.joann.com/needle-pullers-3-pkg/3500295.html){target="_blank" rel="external"} (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? +- (nice to have, any needles will do but oh my god these are pretty hashtag worth) [cs osborne harness needles, blunt tip](https://www.buckleguy.com/517-harness-needles-for-hand-sewing-blunt-tip-5-needles/) +- (need to have) thread - I am using [Ritza 25 Tiger Thread](https://www.buckleguy.com/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](https://threadsofmeisi.com/collections/meisi-superfine-linen-threads) but polyester threads are easier to seal off with a lighter +- (nice to have) some kind of [silicone needle puller](https://www.joann.com/needle-pullers-3-pkg/3500295.html) (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 @@ -86,24 +86,24 @@ If I have linked a tool, I really like that specific tool and find it stands out - (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](https://www.dadhands.ca/){target="_blank" rel="external"} +- (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](https://www.dadhands.ca/) ### zippers -- okay so I bought them because they are pretty but these [rainbow zippers](https://www.buckleguy.com/riri-zipper-continuous-chain-combi-eloxal-teeth-elox/){target="_blank" rel="external"} actually make it so much easier because you can differentiate each tooth from the next!!! -- (nice to have) tape such as [ted's tape](https://www.buckleguy.com/double-sided-tape/){target="_blank" rel="external"} +- okay so I bought them because they are pretty but these [rainbow zippers](https://www.buckleguy.com/riri-zipper-continuous-chain-combi-eloxal-teeth-elox/) actually make it so much easier because you can differentiate each tooth from the next!!! +- (nice to have) tape such as [ted's tape](https://www.buckleguy.com/double-sided-tape/) ## resources -- [Corter Leather on YouTube](https://www.youtube.com/@Corter){target="_blank" rel="external"} -- [Leodis Leather on YouTube](https://www.youtube.com/@Leodis.Leather){target="_blank" rel="external"} -- [dadhands on YouTube](https://www.youtube.com/@dadhands){target="_blank" rel="external"} -- [Maju T Works on YouTube](https://www.youtube.com/@majutworks){target="_blank" rel="external"} +- [Corter Leather on YouTube](https://www.youtube.com/@Corter) +- [Leodis Leather on YouTube](https://www.youtube.com/@Leodis.Leather) +- [dadhands on YouTube](https://www.youtube.com/@dadhands) +- [Maju T Works on YouTube](https://www.youtube.com/@majutworks) ## retailers -- [buckleguy](https://www.buckleguy.com/){target="_blank" rel="external"} has been super speedy and reliable so far - for sure my favorite -- [springfield leather](https://www.springfieldleather.com/){target="_blank" rel="external"} -- [tandy](https://tandyleather.com/){target="_blank" rel="external"} -- [weaver leather supply](https://www.weaverleathersupply.com/){target="_blank" rel="external"} -- [longview leather (canada)](https://www.longviewleather.com/){target="_blank" rel="external"} +- [buckleguy](https://www.buckleguy.com/) has been super speedy and reliable so far - for sure my favorite +- [springfield leather](https://www.springfieldleather.com/) +- [tandy](https://tandyleather.com/) +- [weaver leather supply](https://www.weaverleathersupply.com/) +- [longview leather (canada)](https://www.longviewleather.com/) diff --git a/src/posts/2023/2023-11-07-domain-and-site-setup.md b/src/posts/2023/2023-11-07-domain-and-site-setup.md index 9dd5f7e4..9859847e 100644 --- a/src/posts/2023/2023-11-07-domain-and-site-setup.md +++ b/src/posts/2023/2023-11-07-domain-and-site-setup.md @@ -21,7 +21,7 @@ This is aimed at a non-technical audience, but my own perspective is technical a 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](https://pages.github.com/){target="_blank" rel="external"}, 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](https://artisans.coop/){:target="_blank"} storefront. +- 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](https://pages.github.com/), 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](https://artisans.coop/) 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. @@ -29,9 +29,9 @@ This writeup will *not* cover every possible route to getting your own home on t ### 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](https://www.icann.org/resources/pages/tlds-2012-02-25-en){target="_blank" rel="external"} - 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](https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains){:target="_blank"} - 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. +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](https://www.icann.org/resources/pages/tlds-2012-02-25-en) - 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](https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains) - 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](https://www.forbes.com/advisor/business/software/best-domain-registrar/){target="_blank" rel="external"}. 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. +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](https://www.forbes.com/advisor/business/software/best-domain-registrar/). 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 @@ -55,27 +55,27 @@ The easiest way to utilize a domain name is to have it redirect to another URL. ### Option 1, but better: redirect to a link tree -Link trees (popularized by [linktree](https://linktr.ee/){target="_blank" rel="external"}) 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](https://www.wired.com/story/link-in-bio-linktree-alternatives/){:target="_blank"}. Some are paid, usually small monthly fees, and some are free. +Link trees (popularized by [linktree](https://linktr.ee/)) 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](https://www.wired.com/story/link-in-bio-linktree-alternatives/). Some are paid, usually small monthly fees, and some are free. ### Option 2: static site with GitHub Pages #### Wait, what's GitHub? -[GitHub](https://github.com/){target="_blank" rel="external"} - wait, no. +[GitHub](https://github.com/) - wait, no. -First, let's talk about [git](https://git-scm.com/){target="_blank" rel="external"}. 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. +First, let's talk about [git](https://git-scm.com/). 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](https://pages.github.com/){target="_blank" rel="external"}, a free way to host a static site of your own. +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](https://pages.github.com/), a free way to host a static site of your own. -To get started with GitHub, you'll first need to [create an account](https://github.com/signup){target="_blank" rel="external"} if you don't have one. If you want to learn some GitHub basics, the GitHub team has created this handy [introduction to GitHub](https://github.com/skills/introduction-to-github){:target="_blank"} that walks you through some basic git and GitHub concepts. +To get started with GitHub, you'll first need to [create an account](https://github.com/signup) if you don't have one. If you want to learn some GitHub basics, the GitHub team has created this handy [introduction to GitHub](https://github.com/skills/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. -- [Creating a GitHub Pages site](https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site){target="_blank" rel="external"} walks you through getting a repository set up and automatically publishing to a URL like "your-github-username.github.io" (don't worry, we'll get that custom domain name attached soon!) - - there's also this handy [GitHub Pages Quickstart](https://docs.github.com/en/pages/quickstart){target="_blank" rel="external"} -- [Adding a theme to your GitHub Pages site using Jekyll](https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/adding-a-theme-to-your-github-pages-site-using-jekyll){target="_blank" rel="external"} will show you how to use pre-created website themes to customize your site. - - I suggest using one of the [supported themes](https://pages.github.com/themes/){target="_blank" rel="external"} as they will be the easiest to work with. -- [Managing a custom domain for your GitHub Pages site](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site){target="_blank" rel="external"} will allow you to use that domain name you bought earlier for your new website! -- GitHub Pages is powered by [Jekyll](https://jekyllrb.com/){target="_blank" rel="external"}, a tool for generating static sites from Markdown (.md) files. [Learn more about a Jekyll project's file directory structure](https://jekyllrb.com/docs/structure/){:target="_blank"} +- [Creating a GitHub Pages site](https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site) walks you through getting a repository set up and automatically publishing to a URL like "your-github-username.github.io" (don't worry, we'll get that custom domain name attached soon!) + - there's also this handy [GitHub Pages Quickstart](https://docs.github.com/en/pages/quickstart) +- [Adding a theme to your GitHub Pages site using Jekyll](https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/adding-a-theme-to-your-github-pages-site-using-jekyll) will show you how to use pre-created website themes to customize your site. + - I suggest using one of the [supported themes](https://pages.github.com/themes/) as they will be the easiest to work with. +- [Managing a custom domain for your GitHub Pages site](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site) will allow you to use that domain name you bought earlier for your new website! +- GitHub Pages is powered by [Jekyll](https://jekyllrb.com/), a tool for generating static sites from Markdown (.md) files. [Learn more about a Jekyll project's file directory structure](https://jekyllrb.com/docs/structure/) diff --git a/src/posts/2023/2023-12-22-pronouns.md b/src/posts/2023/2023-12-22-pronouns.md index 34181e21..e19fa311 100644 --- a/src/posts/2023/2023-12-22-pronouns.md +++ b/src/posts/2023/2023-12-22-pronouns.md @@ -8,7 +8,7 @@ tags: - gender --- -Created in cooperation with [Julia Pinedo](https://www.linkedin.com/in/julia-pinedo-094162117/){target="_blank" rel="external"}. +Created in cooperation with [Julia Pinedo](https://www.linkedin.com/in/julia-pinedo-094162117/). Adapted from a workplace session on pronouns and gender identity. @@ -140,7 +140,7 @@ this is all new, right? ...right? ### ***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](https://genderneutralpronoun.wordpress.com/about/alice/){target="_blank" rel="external"} +- Use practice passages such as [Alice in Wonderland Texts - Gender Neutral Pronoun Blog](https://genderneutralpronoun.wordpress.com/about/alice/) - 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 @@ -181,7 +181,7 @@ beyond just "they" 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. -1. **Connect with queer history.** My particular preference for ze/hir comes from [Leslie Feinberg's](https://www.lesliefeinberg.net/){target="_blank" rel="external"} use of these pronouns. I understand myself as in community with other queer/trans people and my pronoun usage reflects that. +1. **Connect with queer history.** My particular preference for ze/hir comes from [Leslie Feinberg's](https://www.lesliefeinberg.net/) use of these pronouns. I understand myself as in community with other queer/trans people and my pronoun usage reflects that. 1. **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. 1. **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. 1. **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 :\) @@ -196,29 +196,29 @@ While I can't speak for all neopronoun users, here are some of my personal reaso ### Books - On pronouns: - - [What's Your Pronoun?: Beyond He and She a book by Dennis Baron](https://bookshop.org/p/books/what-s-your-pronoun-beyond-he-and-she-dennis-baron/8279940){target="_blank" rel="external"} - - [A Quick And Easy Guide To They/Them Pronouns — Archie Bongiovanni and Tristan Jimerson](https://www.archiebongiovanni.com/they-them){target="_blank" rel="external"} + - [What's Your Pronoun?: Beyond He and She a book by Dennis Baron](https://bookshop.org/p/books/what-s-your-pronoun-beyond-he-and-she-dennis-baron/8279940) + - [A Quick And Easy Guide To They/Them Pronouns — Archie Bongiovanni and Tristan Jimerson](https://www.archiebongiovanni.com/they-them) - On trans identity and history: - - [Transgender History: The Roots of Today's Revolution by Susan Stryker](https://bookshop.org/p/books/transgender-history-the-roots-of-today-s-revolution-susan-stryker/7605046){target="_blank" rel="external"} - - [Whipping Girl: A Transsexual Woman on Sexism and the Scapegoating of Femininity by Julia Serano](https://bookshop.org/p/books/whipping-girl-a-transsexual-woman-on-sexism-and-the-scapegoating-of-femininity-julia-serano/7604121){target="_blank" rel="external"}[\*](#transsexual) - - [In Transit: Being Non-Binary in a World of Dichotomies by Dianna E. Anderson and Emily Vanderwerff](https://bookshop.org/p/books/in-transit-being-non-binary-in-a-world-of-dichotomies-dianna-e-anderson/18114824){target="_blank" rel="external"} + - [Transgender History: The Roots of Today's Revolution by Susan Stryker](https://bookshop.org/p/books/transgender-history-the-roots-of-today-s-revolution-susan-stryker/7605046) + - [Whipping Girl: A Transsexual Woman on Sexism and the Scapegoating of Femininity by Julia Serano](https://bookshop.org/p/books/whipping-girl-a-transsexual-woman-on-sexism-and-the-scapegoating-of-femininity-julia-serano/7604121)[\*](#transsexual) + - [In Transit: Being Non-Binary in a World of Dichotomies by Dianna E. Anderson and Emily Vanderwerff](https://bookshop.org/p/books/in-transit-being-non-binary-in-a-world-of-dichotomies-dianna-e-anderson/18114824) ### Articles -- [Prof. Kirby Conrod](http://kirbyconrod.com/){target="_blank" rel="external"} is a nonbinary professor of linguistics - - [pronouns 101: introduction to your loved one’s new pronouns by Kirby Conrod](https://kconrod.medium.com/pronouns-101-introduction-to-your-loved-ones-new-pronouns-3fef080266d0){target="_blank" rel="external"} - - [pronouns 102: how to stop messing up pronouns by Kirby Conrod](https://kconrod.medium.com/pronouns-102-how-to-stop-messing-up-pronouns-9bd66911118){target="_blank" rel="external"} - - [Intermediate Pronoun Studies: pronouns conflicting with presentation by Kirby Conrod](https://kconrod.medium.com/intermediate-pronoun-studies-reader-question-1-cd6063030a98){target="_blank" rel="external"} - - [intermediate pronoun studies: multiple pronouns by Kirby Conrod](https://kconrod.medium.com/intermediate-pronoun-studies-multiple-pronouns-71e34cd28c54){target="_blank" rel="external"} -- [Julia Serano](https://www.juliaserano.com/writings.html){target="_blank" rel="external"} writes eloquently on many aspects of transness, especially as it interacts with science -- [How to be a trans ally at work : Life Kit : NPR](https://www.npr.org/2020/06/02/867780063/4-ways-to-make-your-workplace-equitable-for-trans-people){target="_blank" rel="external"} +- [Prof. Kirby Conrod](http://kirbyconrod.com/) is a nonbinary professor of linguistics + - [pronouns 101: introduction to your loved one’s new pronouns by Kirby Conrod](https://kconrod.medium.com/pronouns-101-introduction-to-your-loved-ones-new-pronouns-3fef080266d0) + - [pronouns 102: how to stop messing up pronouns by Kirby Conrod](https://kconrod.medium.com/pronouns-102-how-to-stop-messing-up-pronouns-9bd66911118) + - [Intermediate Pronoun Studies: pronouns conflicting with presentation by Kirby Conrod](https://kconrod.medium.com/intermediate-pronoun-studies-reader-question-1-cd6063030a98) + - [intermediate pronoun studies: multiple pronouns by Kirby Conrod](https://kconrod.medium.com/intermediate-pronoun-studies-multiple-pronouns-71e34cd28c54) +- [Julia Serano](https://www.juliaserano.com/writings.html) writes eloquently on many aspects of transness, especially as it interacts with science +- [How to be a trans ally at work : Life Kit : NPR](https://www.npr.org/2020/06/02/867780063/4-ways-to-make-your-workplace-equitable-for-trans-people) ### Other resources -- [Gender Census](https://www.gendercensus.com/){target="_blank" rel="external"} catalogs the words nonbinary people use for themselves -- [Pronouns.page](https://pronouns.page/){target="_blank" rel="external"} has resources on pronouns and gender-neutral language in multiple languages -- [GENDER REVEAL](https://www.genderpodcast.com/){target="_blank" rel="external"} is a podcast with a different trans guest each episode – an excellent look into the diversity of trans experiences -- [Parlare by franny](https://franny.itch.io/parlare-gender-neutral-pronoun-app?secret=toQDv9bqZ1Cj63gGV9kBd9VVLY){target="_blank" rel="external"}, an app that teaches gender-neutral pronoun use +- [Gender Census](https://www.gendercensus.com/) catalogs the words nonbinary people use for themselves +- [Pronouns.page](https://pronouns.page/) has resources on pronouns and gender-neutral language in multiple languages +- [GENDER REVEAL](https://www.genderpodcast.com/) is a podcast with a different trans guest each episode – an excellent look into the diversity of trans experiences +- [Parlare by franny](https://franny.itch.io/parlare-gender-neutral-pronoun-app?secret=toQDv9bqZ1Cj63gGV9kBd9VVLY), an app that teaches gender-neutral pronoun use ## * asides diff --git a/src/posts/2023/2023-12-31-leather-pronoun-patches.md b/src/posts/2023/2023-12-31-leather-pronoun-patches.md index ebc84d97..72ec4480 100644 --- a/src/posts/2023/2023-12-31-leather-pronoun-patches.md +++ b/src/posts/2023/2023-12-31-leather-pronoun-patches.md @@ -10,4 +10,4 @@ tags: - patch --- -Limited number available for free in my [square shop](https://riverside-refuge.square.site/product/tooled-leather-pronoun-patch/91){target="_blank" rel="external"} with the code "FREEPATCH" +Limited number available for free in my [square shop](https://riverside-refuge.square.site/product/tooled-leather-pronoun-patch/91) with the code "FREEPATCH" diff --git a/src/posts/2024/2024-01-07-patchwork-wallet.md b/src/posts/2024/2024-01-07-patchwork-wallet.md index b5064810..f066906c 100644 --- a/src/posts/2024/2024-01-07-patchwork-wallet.md +++ b/src/posts/2024/2024-01-07-patchwork-wallet.md @@ -9,4 +9,4 @@ tags: - highlight --- -inspired by [this YouTube video](https://www.youtube.com/watch?v=t36dAp1s2NQ){target="_blank" rel="external"} +inspired by [this YouTube video](https://www.youtube.com/watch?v=t36dAp1s2NQ) diff --git a/src/posts/2024/2024-01-23-printmaking-paper.md b/src/posts/2024/2024-01-23-printmaking-paper.md index 513a6cba..fd5f7e97 100644 --- a/src/posts/2024/2024-01-23-printmaking-paper.md +++ b/src/posts/2024/2024-01-23-printmaking-paper.md @@ -14,7 +14,7 @@ Cataloguing paper I have worked with and any notes. ### Japanese paper 10 sheet assortment -- [Japanese paper 10 sheet assortment](https://www.dickblick.com/products/japanese-paper-10-sheet-assortment/){target="_blank" rel="external"} +- [Japanese paper 10 sheet assortment](https://www.dickblick.com/products/japanese-paper-10-sheet-assortment/) - Contains: - Kinwashi - 25"x37" - Kitakata - 16"x20" @@ -36,7 +36,7 @@ Cataloguing paper I have worked with and any notes. ### Rives -[Lightweight Rives Printmaking Paper, Cream](https://www.dickblick.com/items/bfk-rives-printmaking-paper-19-x-26-cream-115-gsm-light-sheet/){target="_blank" rel="external"} +[Lightweight Rives Printmaking Paper, Cream](https://www.dickblick.com/items/bfk-rives-printmaking-paper-19-x-26-cream-115-gsm-light-sheet/) - Tears really nicely - I like the lightweight paper @@ -50,7 +50,7 @@ Cataloguing paper I have worked with and any notes. ### Hahnemühle Ingres -[Hahnemühle Ingres Paper](https://www.dickblick.com/products/hahnemuhle-ingres-paper/){target="_blank" rel="external"} +[Hahnemühle Ingres Paper](https://www.dickblick.com/products/hahnemuhle-ingres-paper/) - comes in a lot of colors - tears well diff --git a/src/posts/2024/2024-02-03-o-ring-bracelet.md b/src/posts/2024/2024-02-03-o-ring-bracelet.md index f6375e77..07f783cb 100644 --- a/src/posts/2024/2024-02-03-o-ring-bracelet.md +++ b/src/posts/2024/2024-02-03-o-ring-bracelet.md @@ -10,6 +10,6 @@ tags: Made a few variations of this; check out the shop for more details and options: -- [fixed o-ring bracelet](https://riverside-refuge.square.site/product/fixed-o-ring-bracelet/108){target="_blank" rel="external"} -- [swappable o-ring bracelet](https://riverside-refuge.square.site/product/swappable-o-ring-bracelet/102){target="_blank" rel="external"} -- [premade o-ring bracelets](https://riverside-refuge.square.site/product/premade-o-ring-bracelets/106){target="_blank" rel="external"} +- [fixed o-ring bracelet](https://riverside-refuge.square.site/product/fixed-o-ring-bracelet/108) +- [swappable o-ring bracelet](https://riverside-refuge.square.site/product/swappable-o-ring-bracelet/102) +- [premade o-ring bracelets](https://riverside-refuge.square.site/product/premade-o-ring-bracelets/106) diff --git a/src/posts/2024/2024-02-28-gender-as-a-proxy-variable.md b/src/posts/2024/2024-02-28-gender-as-a-proxy-variable.md index 3f62b430..d5af8d8e 100644 --- a/src/posts/2024/2024-02-28-gender-as-a-proxy-variable.md +++ b/src/posts/2024/2024-02-28-gender-as-a-proxy-variable.md @@ -9,7 +9,7 @@ tags: - zine --- -[Get print copies.](https://riverside-refuge.square.site/product/gender-as-a-proxy-variable-print-zine/113){target="_blank" rel="external"} +[Get print copies.](https://riverside-refuge.square.site/product/gender-as-a-proxy-variable-print-zine/113) The below material is a web page reproduction of my zine **Gender as a Proxy Variable**. diff --git a/src/posts/2024/2024-03-02-tiny-portraits.md b/src/posts/2024/2024-03-02-tiny-portraits.md index 1fc74e14..7be1072b 100644 --- a/src/posts/2024/2024-03-02-tiny-portraits.md +++ b/src/posts/2024/2024-03-02-tiny-portraits.md @@ -8,4 +8,4 @@ tags: - print --- -currently offering these free [in the shop](https://riverside-refuge.square.site/product/tiny-personal-pet-portrait-stamp/111){target="_blank" rel="external"} with the code FREESTAMP +currently offering these free [in the shop](https://riverside-refuge.square.site/product/tiny-personal-pet-portrait-stamp/111) with the code FREESTAMP diff --git a/src/posts/2024/2024-03-23-oppositional-sexism.md b/src/posts/2024/2024-03-23-oppositional-sexism.md index 29ff45db..7f22cb75 100644 --- a/src/posts/2024/2024-03-23-oppositional-sexism.md +++ b/src/posts/2024/2024-03-23-oppositional-sexism.md @@ -8,7 +8,7 @@ tags: - gender --- -This is in response to an F.D Signifier video, [How to get RICH off weak men!](https://www.youtube.com/watch?v=1QNjwM2a87g){target="_blank" rel="external"} (go follow him!). It is written as a response video and the script has not been changed to fit this format. +This is in response to an F.D Signifier video, [How to get RICH off weak men!](https://www.youtube.com/watch?v=1QNjwM2a87g) (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. diff --git a/src/posts/2024/2024-08-08-no-politics.md b/src/posts/2024/2024-08-08-no-politics.md index 2a29b64b..978040ba 100644 --- a/src/posts/2024/2024-08-08-no-politics.md +++ b/src/posts/2024/2024-08-08-no-politics.md @@ -27,7 +27,7 @@ You can probably see what’s coming a mile away. > the total complex of relations between people living in society -is how [Merriam-Webster defines politics](https://www.merriam-webster.com/dictionary/politics){target="_blank" rel="external"}. 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. +is how [Merriam-Webster defines politics](https://www.merriam-webster.com/dictionary/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. @@ -37,9 +37,9 @@ The idea that “the personal is political” has been around since second-wave > 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](https://www.blackpast.org/african-american-history/combahee-river-collective-statement-1977/){target="_blank" rel="external"} +— [Combahee River Collective Statement](https://www.blackpast.org/african-american-history/combahee-river-collective-statement-1977/) -“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](https://www.jstor.org/stable/1229039){target="_blank" rel="external"}) 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. +“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](https://www.jstor.org/stable/1229039)) 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? @@ -55,7 +55,7 @@ As a frequent moderator, I see the appeal in this. Political discussions can be 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](https://youtu.be/yts2F44RqFw?si=QZMJQWqahdJ4-1Eb&t=452){target="_blank" rel="external"}). Politics are a method of assigning blame. "No politics" means no one is to blame. +For some, "the law isn't about shaping society, it's about who gets punished" ([I Hate Mondays by Innuendo Studios](https://youtu.be/yts2F44RqFw?si=QZMJQWqahdJ4-1Eb&t=452)). Politics are a method of assigning blame. "No politics" means no one is to blame. ## Interlude @@ -81,4 +81,4 @@ notes - 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](https://blog.oup.com/2018/11/politics-of-political/){target="_blank" rel="external"} +[Politics of Political](https://blog.oup.com/2018/11/politics-of-political/) diff --git a/src/posts/2024/2024-08-10-rescue-trans-rescue.md b/src/posts/2024/2024-08-10-rescue-trans-rescue.md index ac4890a7..cda70e95 100644 --- a/src/posts/2024/2024-08-10-rescue-trans-rescue.md +++ b/src/posts/2024/2024-08-10-rescue-trans-rescue.md @@ -11,6 +11,6 @@ Updated 13 Aug 2024 The content previously found on this page is now hosted on a standalone site. -[Visit the site](https://rescue-trans-rescue.glitch.me){target="_blank" rel="external"}. +[Visit the site](https://rescue-trans-rescue.glitch.me). -(Site down? Not loading? [Check for issues with Glitch, our hosting provider](https://status.glitch.com/){target="_blank" rel="external"}.) +(Site down? Not loading? [Check for issues with Glitch, our hosting provider](https://status.glitch.com/).) diff --git a/src/posts/2024/2024-09-01-handedness-toggle.md b/src/posts/2024/2024-09-01-handedness-toggle.md index 87524cbb..09c68d67 100644 --- a/src/posts/2024/2024-09-01-handedness-toggle.md +++ b/src/posts/2024/2024-09-01-handedness-toggle.md @@ -8,9 +8,9 @@ tags: - software --- -Recently, I got an iPad for art and immediately fell down the rabbit hole of [Glitch](https://glitch.com){target="_blank" rel="external"} and web development. +Recently, I got an iPad for art and immediately fell down the rabbit hole of [Glitch](https://glitch.com) and web development. -When creating the [rescue Trans rescue site](https://rescue-trans-rescue.glitch.com){target="_blank" rel="external"}, 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. +When creating the [rescue Trans rescue site](https://rescue-trans-rescue.glitch.com), 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? @@ -49,7 +49,7 @@ Now users on phones won't have an unhelpful button taking screen space. ## nav.js -Now let's move to `nav.js` and define some consts for ease of use. We're going to use [Font Awesome icons](https://fontawesome.com/icons){target="_blank" rel="external"} for this button, so we'll go grab their HTML for the left and right pointing hands. +Now let's move to `nav.js` and define some consts for ease of use. We're going to use [Font Awesome icons](https://fontawesome.com/icons) for this button, so we'll go grab their HTML for the left and right pointing hands. ```js const ALIGN = "alignment" diff --git a/src/posts/2024/2024-09-06-ubiquity-of-enby.md b/src/posts/2024/2024-09-06-ubiquity-of-enby.md index e2022c7c..9cf2920f 100644 --- a/src/posts/2024/2024-09-06-ubiquity-of-enby.md +++ b/src/posts/2024/2024-09-06-ubiquity-of-enby.md @@ -8,11 +8,11 @@ tags: - gender --- -(originally [posted on fedi](https://strangeobject.space/@inherentlee/113093311823169762){target="_blank" rel="external"}) +(originally [posted on fedi](https://strangeobject.space/@inherentlee/113093311823169762)) --- -update: in [gender census' 2025 report](https://www.gendercensus.com/results/2025-worldwide/#identity-words){target="_blank" rel="external"} the numbers continue to be very similar, sitting at about 62% and 30% respectively. +update: in [gender census' 2025 report](https://www.gendercensus.com/results/2025-worldwide/#identity-words) the numbers continue to be very similar, sitting at about 62% and 30% respectively. --- @@ -20,12 +20,12 @@ update: in 2024, ~60% of respondents use "nonbinary." ~29% use "enby." --- -according to [gender census](https://www.gendercensus.com){target="_blank" rel="external"}, which surveys "people whose genders are not adequately described, expressed or encompassed by the restrictive gender binary": +according to [gender census](https://www.gendercensus.com), 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](https://www.gendercensus.com/results/2023-worldwide/#identity-words){target="_blank" rel="external"} (this was a "choose all that apply" question, not "either/or") +source: [gender census - identity words](https://www.gendercensus.com/results/2023-worldwide/#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 diff --git a/src/posts/2024/2024-12-17-fedizinefest-2025.md b/src/posts/2024/2024-12-17-fedizinefest-2025.md index 9fc9317b..6b1c176e 100644 --- a/src/posts/2024/2024-12-17-fedizinefest-2025.md +++ b/src/posts/2024/2024-12-17-fedizinefest-2025.md @@ -8,4 +8,4 @@ tags: - zine --- -FediZineFest returns for its second year. Read more about it and sign up on the [fediZineFest 2025 website](https://fedizinefest.fyi){target="_blank" rel="external"}. +FediZineFest returns for its second year. Read more about it and sign up on the [fediZineFest 2025 website](https://fedizinefest.fyi). diff --git a/src/posts/2024/2024-12-17-long-stitch-journals.md b/src/posts/2024/2024-12-17-long-stitch-journals.md index e12961a6..56ec4199 100644 --- a/src/posts/2024/2024-12-17-long-stitch-journals.md +++ b/src/posts/2024/2024-12-17-long-stitch-journals.md @@ -9,4 +9,4 @@ tags: - book --- -Variety of leather-bound journals. See the [shop listing](https://riverside-refuge.square.site/product/leather-bound-journal/136){target="_blank" rel="external"} for paper and size details. +Variety of leather-bound journals. See the [shop listing](https://riverside-refuge.square.site/product/leather-bound-journal/136) for paper and size details. diff --git a/src/posts/2024/2024-12-17-not-a-drill.md b/src/posts/2024/2024-12-17-not-a-drill.md index dc7641ab..977c8053 100644 --- a/src/posts/2024/2024-12-17-not-a-drill.md +++ b/src/posts/2024/2024-12-17-not-a-drill.md @@ -9,4 +9,4 @@ tags: - shirt --- -Idea by [Cassandra](https://wandering.shop/@xgranade/113608928092866523){target="_blank" rel="external"}. +Idea by [Cassandra](https://wandering.shop/@xgranade/113608928092866523). diff --git a/src/posts/2024/2024-12-17-quorbs.md b/src/posts/2024/2024-12-17-quorbs.md index fa0e4bd8..21619f12 100644 --- a/src/posts/2024/2024-12-17-quorbs.md +++ b/src/posts/2024/2024-12-17-quorbs.md @@ -9,4 +9,4 @@ tags: - highlight --- -Based on a beautiful photograph by [Jessamyn](https://sunny.garden/@handmade_ghost/113583875628309689){target="_blank" rel="external"} +Based on a beautiful photograph by [Jessamyn](https://sunny.garden/@handmade_ghost/113583875628309689) diff --git a/src/posts/2024/2024-12-18-brown-creeper.md b/src/posts/2024/2024-12-18-brown-creeper.md index 60244d7e..da2002f9 100644 --- a/src/posts/2024/2024-12-18-brown-creeper.md +++ b/src/posts/2024/2024-12-18-brown-creeper.md @@ -8,6 +8,6 @@ tags: - print --- -Created for [Stanza 2024](https://www.pushpullseattle.com/news/stanza-2024-non-binary){target="_blank" rel="external"}, a show highlighting nonbinary artists and poets. +Created for [Stanza 2024](https://www.pushpullseattle.com/news/stanza-2024-non-binary), a show highlighting nonbinary artists and poets. -My art was inspired by the fantastic poem "A blurred arboreal" by [Lore Kahuapāʻani](https://pacing.space){target="_blank" rel="external"}. +My art was inspired by the fantastic poem "A blurred arboreal" by [Lore Kahuapāʻani](https://pacing.space). diff --git a/src/posts/2024/2024-12-18-fountain-pens-stationery.md b/src/posts/2024/2024-12-18-fountain-pens-stationery.md index dca7d0e6..b802cf01 100644 --- a/src/posts/2024/2024-12-18-fountain-pens-stationery.md +++ b/src/posts/2024/2024-12-18-fountain-pens-stationery.md @@ -8,19 +8,19 @@ tags: - stationery --- -Wax seals pictured from [boygirlparty](https://hello.boygirlparty.com){target="_blank" rel="external"}. +Wax seals pictured from [boygirlparty](https://hello.boygirlparty.com). ## Excellent -- [Alexa Pulitzer](https://alexapulitzer.com){target="_blank" rel="external"} -- [ilee paper goods](https://www.ileepapergoods.com){target="_blank" rel="external"} -- [MsDesignInked suminagashi note cards](https://www.etsy.com/shop/MsDesignInked){target="_blank" rel="external"} -- [Noat](https://noat.co){target="_blank" rel="external"} -- [Saturn Press](https://www.saturnpress.us){target="_blank" rel="external"} -- [Shaven Raven Designs](https://www.shavenravendesigns.com){target="_blank" rel="external"} -- [Worthwhile Paper](https://worthwhilepaper.com/){target="_blank" rel="external"} -- [Embossed Graphics](https://www.embossedgraphics.com){target="_blank" rel="external"} +- [Alexa Pulitzer](https://alexapulitzer.com) +- [ilee paper goods](https://www.ileepapergoods.com) +- [MsDesignInked suminagashi note cards](https://www.etsy.com/shop/MsDesignInked) +- [Noat](https://noat.co) +- [Saturn Press](https://www.saturnpress.us) +- [Shaven Raven Designs](https://www.shavenravendesigns.com) +- [Worthwhile Paper](https://worthwhilepaper.com/) +- [Embossed Graphics](https://www.embossedgraphics.com) ## Mediocre -- [Pike Street Press](https://pikestreetpress.com){target="_blank" rel="external"} - some feathering on cards +- [Pike Street Press](https://pikestreetpress.com) - some feathering on cards diff --git a/src/posts/2025/2025-01-31-trans-charity.md b/src/posts/2025/2025-01-31-trans-charity.md index 999dbb43..965f9416 100644 --- a/src/posts/2025/2025-01-31-trans-charity.md +++ b/src/posts/2025/2025-01-31-trans-charity.md @@ -14,28 +14,28 @@ For reference, I also have a list set up at [/give](/give) that lists a number o ## Collections -- [17 Black-Led LGBTQ+ Services and Groups You Can Support Right Now](https://www.marieclaire.com/politics/a32827051/black-lgbtq-organizations-groups/){target="_blank" rel="external"} -- [Black Trans-Led Organizations](https://blackaids.org/black-trans-organizations/){target="_blank" rel="external"} -- [Donate to These Orgs to Support Black Trans People](https://www.vice.com/en/article/tony-mcdade-nina-pop-how-to-help/){target="_blank" rel="external"} +- [17 Black-Led LGBTQ+ Services and Groups You Can Support Right Now](https://www.marieclaire.com/politics/a32827051/black-lgbtq-organizations-groups/) +- [Black Trans-Led Organizations](https://blackaids.org/black-trans-organizations/) +- [Donate to These Orgs to Support Black Trans People](https://www.vice.com/en/article/tony-mcdade-nina-pop-how-to-help/) ## Orgs -- [Advocates for Trans Equality (A4TE)](https://transequality.org){target="_blank" rel="external"} (formerly National Center for Transgender Equality (NCTE) and Transgender Legal Defense and Education Fund (TLDEF)) -- [Black Trans Fund](https://groundswellfund.org/funds/black-trans-fund/){target="_blank" rel="external"} -- [For the Gworls](https://www.forthegworls.party/home){target="_blank" rel="external"} -- [Gays and Lesbians Living in a Transgender Society (GLITS)](https://www.glitsinc.org){target="_blank" rel="external"} -- [Gender Justice League](https://www.genderjusticeleague.org){target="_blank" rel="external"} -- [HRT- Harm Reduction Toolkit](https://www.omprakash.org/global/distribute-aid/crowdfund/hrt---harm-reduction-toolkit){target="_blank" rel="external"} -- [Lambda Legal](https://lambdalegal.org){target="_blank" rel="external"} -- [Point of Pride](https://www.pointofpride.org){target="_blank" rel="external"} -- [Project Rainbow Turtle](https://www.gofundme.com/f/help-fund-project-rainbow-turtles-mission){target="_blank" rel="external"} -- [Trans Justice Funding Project](https://www.transjusticefundingproject.org/){target="_blank" rel="external"} - also worth looking at their **grantees** for further ideas -- [Trans Lifeline](https://translifeline.org/){target="_blank" rel="external"} -- [Trans Rescue](https://transrescue.org){target="_blank" rel="external"} -- [Trans Youth Emergency Project](https://southernequality.org/tyep/){target="_blank" rel="external"} -- [TransFamily Support Services](https://transfamilysos.org){target="_blank" rel="external"} -- [Transgender Law Center](https://transgenderlawcenter.org){target="_blank" rel="external"} -- [True Colors United](https://truecolorsunited.org){target="_blank" rel="external"} +- [Advocates for Trans Equality (A4TE)](https://transequality.org) (formerly National Center for Transgender Equality (NCTE) and Transgender Legal Defense and Education Fund (TLDEF)) +- [Black Trans Fund](https://groundswellfund.org/funds/black-trans-fund/) +- [For the Gworls](https://www.forthegworls.party/home) +- [Gays and Lesbians Living in a Transgender Society (GLITS)](https://www.glitsinc.org) +- [Gender Justice League](https://www.genderjusticeleague.org) +- [HRT- Harm Reduction Toolkit](https://www.omprakash.org/global/distribute-aid/crowdfund/hrt---harm-reduction-toolkit) +- [Lambda Legal](https://lambdalegal.org) +- [Point of Pride](https://www.pointofpride.org) +- [Project Rainbow Turtle](https://www.gofundme.com/f/help-fund-project-rainbow-turtles-mission) +- [Trans Justice Funding Project](https://www.transjusticefundingproject.org/) - also worth looking at their **grantees** for further ideas +- [Trans Lifeline](https://translifeline.org/) +- [Trans Rescue](https://transrescue.org) +- [Trans Youth Emergency Project](https://southernequality.org/tyep/) +- [TransFamily Support Services](https://transfamilysos.org) +- [Transgender Law Center](https://transgenderlawcenter.org) +- [True Colors United](https://truecolorsunited.org) ## People @@ -43,32 +43,32 @@ If you are listed here and would like to be removed, just [get in touch with me] ### Aldercone Studio -- [liberapay/heckinTech](https://liberapay.com/heckinTech/){target="_blank" rel="external"} -- [buymeacoffee/Aldercone](https://buymeacoffee.com/aldercone/membership){target="_blank" rel="external"} -- [ko-fi/aldercone](https://ko-fi.com/aldercone){target="_blank" rel="external"} -- [patreon/aldercone](https://www.patreon.com/aldercone){target="_blank" rel="external"} +- [liberapay/heckinTech](https://liberapay.com/heckinTech/) +- [buymeacoffee/Aldercone](https://buymeacoffee.com/aldercone/membership) +- [ko-fi/aldercone](https://ko-fi.com/aldercone) +- [patreon/aldercone](https://www.patreon.com/aldercone) ### héctor -- [ko-fi/binomech](https://ko-fi.com/binomech){target="_blank" rel="external"} +- [ko-fi/binomech](https://ko-fi.com/binomech) ### Luke Orion -- [hyperfollow/LukeOrion](https://hyperfollow.com/LukeOrion){target="_blank" rel="external"} +- [hyperfollow/LukeOrion](https://hyperfollow.com/LukeOrion) ### Pixel -- [liberapay/Pixouls](https://liberapay.com/Pixouls/){target="_blank" rel="external"} +- [liberapay/Pixouls](https://liberapay.com/Pixouls/) ### Taj -- [ko-fi/erosdiscordia](https://ko-fi.com/erosdiscordia){target="_blank" rel="external"} +- [ko-fi/erosdiscordia](https://ko-fi.com/erosdiscordia) ## Credit Thank you to these wonderful folks (and many more who chose to remain uncredited) for the links/orgs: -- [Athena](https://parthen.online){target="_blank" rel="external"} -- [a.tony](https://wenotfreeyet.itch.io){target="_blank" rel="external"} -- [mika](https://birdon.social/@sqrl_23){target="_blank" rel="external"} -- [Nora](https://nora.zone){target="_blank" rel="external"} +- [Athena](https://parthen.online) +- [a.tony](https://wenotfreeyet.itch.io) +- [mika](https://birdon.social/@sqrl_23) +- [Nora](https://nora.zone) diff --git a/src/posts/2025/2025-02-03-trans-networks.md b/src/posts/2025/2025-02-03-trans-networks.md index e969b00b..7d8b33a3 100644 --- a/src/posts/2025/2025-02-03-trans-networks.md +++ b/src/posts/2025/2025-02-03-trans-networks.md @@ -12,15 +12,15 @@ These are collated USA-based resources I have found while seeking out trans surg ## Doulas -- [Eli Lawliet](https://www.thegenderdoula.com/meet-the-gender-doula){target="_blank" rel="external"} -- [Ken McGee](https://b3ptco.com){target="_blank" rel="external"} (Seattle) +- [Eli Lawliet](https://www.thegenderdoula.com/meet-the-gender-doula) +- [Ken McGee](https://b3ptco.com) (Seattle) ## Surgical care networks -- [t4t caregiving](https://www.t4tcaregiving.org){target="_blank" rel="external"} -- [Quest House](https://questhousesf.org){target="_blank" rel="external"} (San Francisco) -- [Queer Care](https://queercareinc.bigcartel.com){target="_blank" rel="external"} +- [t4t caregiving](https://www.t4tcaregiving.org) +- [Quest House](https://questhousesf.org) (San Francisco) +- [Queer Care](https://queercareinc.bigcartel.com) ## Other support -- [Trans Youth Emergency Project](https://southernequality.org/tyep/){target="_blank" rel="external"} +- [Trans Youth Emergency Project](https://southernequality.org/tyep/) diff --git a/src/posts/2025/2025-05-18-textures-unite.md b/src/posts/2025/2025-05-18-textures-unite.md index 3628e22c..e776a2b3 100644 --- a/src/posts/2025/2025-05-18-textures-unite.md +++ b/src/posts/2025/2025-05-18-textures-unite.md @@ -9,6 +9,6 @@ tags: - highlight --- -[pattern by stephen west](https://www.westknits.com/products/textures-unite){target="_blank" rel="external"}. +[pattern by stephen west](https://www.westknits.com/products/textures-unite). -[yarn from hazelknits](https://www.hazelknits.com){target="_blank" rel="external"}. +[yarn from hazelknits](https://www.hazelknits.com). diff --git a/src/posts/2025/2025-05-26-art-shows.md b/src/posts/2025/2025-05-26-art-shows.md index 7947cd4c..e434e1ab 100644 --- a/src/posts/2025/2025-05-26-art-shows.md +++ b/src/posts/2025/2025-05-26-art-shows.md @@ -11,23 +11,23 @@ Listed by recency. ## 2026 -- [Imbolc Celebration & Market at Beall Greenhouses](https://beall-greenhouses-market.pages.dev/events/2026-imbolc){target="_blank" rel="external"} (vendor, web marketing) +- [Imbolc Celebration & Market at Beall Greenhouses](https://beall-greenhouses-market.pages.dev/events/2026-imbolc) (vendor, web marketing) ## 2025 -- [Solstice Market at Beall Greenhouses](https://beall-greenhouses-market.pages.dev/events/2025-solstice){target="_blank" rel="external"} (vendor, web and print marketing) -- [Seattle Zine Fest](https://www.instagram.com/seattle.zine.fest){target="_blank" rel="external"} (vendor) -- [VIVA Spring Tour](https://vivartists.com/viva/events/spring-tour-2025/){target="_blank" rel="external"} (vendor) -- [Seattle Erotic Art Festival](https://www.seaf.art){target="_blank" rel="external"} (displayed artist) +- [Solstice Market at Beall Greenhouses](https://beall-greenhouses-market.pages.dev/events/2025-solstice) (vendor, web and print marketing) +- [Seattle Zine Fest](https://www.instagram.com/seattle.zine.fest) (vendor) +- [VIVA Spring Tour](https://vivartists.com/viva/events/spring-tour-2025/) (vendor) +- [Seattle Erotic Art Festival](https://www.seaf.art) (displayed artist) ## 2024 -- [VIVA Holiday Tour](https://vivartists.com/viva/events/holiday-tour-2024/){target="_blank" rel="external"} (vendor) -- [VIVA Spring Tour](https://vivartists.com/viva/events/spring-tour-2024/){target="_blank" rel="external"} (vendor) -- [Stanza 2024: Non-binary](https://www.pushpullseattle.com/news/stanza-2024-non-binary){target="_blank" rel="external"} (displayed artist) -- [Cutiefest April](https://cutiefoundation.com){target="_blank" rel="external"} (vendor) +- [VIVA Holiday Tour](https://vivartists.com/viva/events/holiday-tour-2024/) (vendor) +- [VIVA Spring Tour](https://vivartists.com/viva/events/spring-tour-2024/) (vendor) +- [Stanza 2024: Non-binary](https://www.pushpullseattle.com/news/stanza-2024-non-binary) (displayed artist) +- [Cutiefest April](https://cutiefoundation.com) (vendor) ## 2023 -- [T4T: All Trans and Nonbinary Drag Show](https://www.kremwerk.com/upcoming/2023/12/09/t4t-all-trans-and-non-brinary-drag-show){target="_blank" rel="external"} (vendor) -- [Vashon Summer Arts Fest](https://gallery.vashoncenterforthearts.org/event-works.php?eventId=22954&event=Summer+Arts+Fest){target="_blank" rel="external"} (displayed artist) +- [T4T: All Trans and Nonbinary Drag Show](https://www.kremwerk.com/upcoming/2023/12/09/t4t-all-trans-and-non-brinary-drag-show) (vendor) +- [Vashon Summer Arts Fest](https://gallery.vashoncenterforthearts.org/event-works.php?eventId=22954&event=Summer+Arts+Fest) (displayed artist) diff --git a/src/posts/2025/2025-05-26-keffiyah-nets.md b/src/posts/2025/2025-05-26-keffiyah-nets.md index 8d7e6800..4c536dc0 100644 --- a/src/posts/2025/2025-05-26-keffiyah-nets.md +++ b/src/posts/2025/2025-05-26-keffiyah-nets.md @@ -12,7 +12,7 @@ tags: this pattern is offered at no cost, but I highly encourage giving to Palestinian relief work. -- [Palestine Children's Relief Fund](https://www.pcrf.net){target="_blank" rel="external"} +- [Palestine Children's Relief Fund](https://www.pcrf.net) ## abbreviations diff --git a/src/posts/2025/2025-07-13-sideways-canvas.md b/src/posts/2025/2025-07-13-sideways-canvas.md index c6b39f6d..c1bc7ef1 100644 --- a/src/posts/2025/2025-07-13-sideways-canvas.md +++ b/src/posts/2025/2025-07-13-sideways-canvas.md @@ -8,6 +8,6 @@ tags: - knit --- -Pattern: [Sideways Canvas](https://www.ravelry.com/patterns/library/sideways-canvas-hand){target="_blank" rel="external"} +Pattern: [Sideways Canvas](https://www.ravelry.com/patterns/library/sideways-canvas-hand) -Yarn: [De Rerum Natura *Antigone*](https://www.dererumnatura.fr/en/yarns/136-antigone.html){target="_blank" rel="external"} +Yarn: [De Rerum Natura *Antigone*](https://www.dererumnatura.fr/en/yarns/136-antigone.html) diff --git a/src/posts/2025/2025-07-26-acadia-mitts.md b/src/posts/2025/2025-07-26-acadia-mitts.md index acc42ea5..bb9bb1b5 100644 --- a/src/posts/2025/2025-07-26-acadia-mitts.md +++ b/src/posts/2025/2025-07-26-acadia-mitts.md @@ -8,4 +8,4 @@ tags: - knit --- -Yarn: [The Fibre Co. Acadia](https://thefibreco.com/products/acadia){target="_blank" rel="external"} +Yarn: [The Fibre Co. Acadia](https://thefibreco.com/products/acadia) diff --git a/src/posts/2025/2025-11-13-dragon-mask.md b/src/posts/2025/2025-11-13-dragon-mask.md index c324aef5..cd6acb61 100644 --- a/src/posts/2025/2025-11-13-dragon-mask.md +++ b/src/posts/2025/2025-11-13-dragon-mask.md @@ -9,4 +9,4 @@ tags: - highlight --- -pattern by [PaintYee](https://www.etsy.com/listing/831499316/pdf-pattern-leather-dragon-mask){target="_blank" rel="external"} +pattern by [PaintYee](https://www.etsy.com/listing/831499316/pdf-pattern-leather-dragon-mask) diff --git a/src/posts/2025/2025-11-23-favorite-git-flag.md b/src/posts/2025/2025-11-23-favorite-git-flag.md index eeeb4b78..031d4440 100644 --- a/src/posts/2025/2025-11-23-favorite-git-flag.md +++ b/src/posts/2025/2025-11-23-favorite-git-flag.md @@ -14,7 +14,7 @@ do you have a favorite git flag? I do. let's talk about `git add -p`. 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](https://xkcd.com/1053/){target="_blank" rel="external"}: 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. +also, [TIL](https://xkcd.com/1053/): 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 @@ -54,4 +54,4 @@ only shows up sometimes, because it lets you **split** the current hunk. if unsp ### e -**edit**. [read the documentation for manually editing](https://git-scm.com/docs/git-add#_editing_patches){target="_blank" rel="external"} if curious because I don't use this and can't advise on it. +**edit**. [read the documentation for manually editing](https://git-scm.com/docs/git-add#_editing_patches) if curious because I don't use this and can't advise on it. diff --git a/src/posts/2025/2025-12-02-brooke-scarf.md b/src/posts/2025/2025-12-02-brooke-scarf.md index 7c1490fb..637ad9e8 100644 --- a/src/posts/2025/2025-12-02-brooke-scarf.md +++ b/src/posts/2025/2025-12-02-brooke-scarf.md @@ -10,7 +10,7 @@ tags: ## pattern -[Open Air Wrap by Purl Soho](https://www.purlsoho.com/create/2014/05/22/whits-knits-open-air-wrap/){target="_blank" rel="external"} +[Open Air Wrap by Purl Soho](https://www.purlsoho.com/create/2014/05/22/whits-knits-open-air-wrap/) ## yarns diff --git a/src/posts/2025/2025-12-02-siblinghood.md b/src/posts/2025/2025-12-02-siblinghood.md index 2ad1ccc1..24a4b277 100644 --- a/src/posts/2025/2025-12-02-siblinghood.md +++ b/src/posts/2025/2025-12-02-siblinghood.md @@ -8,9 +8,9 @@ tags: - stationery --- -welcome to the siblinghood of the traveling greeting card. it now has a home at [siblinghood.quest](https://siblinghood.quest){target="_blank" rel="external"}. +welcome to the siblinghood of the traveling greeting card. it now has a home at [siblinghood.quest](https://siblinghood.quest). -originated on the fediverse - see the [#siblinghoodOfTheTravelingGreetingCard hashtag](https://flipping.rocks/tags/siblinghoodOfTheTravelingGreetingCard){target="_blank" rel="external"} - with original idea thanks to [noctiluca@scholar.social](https://scholar.social/@noctiluca){:target="_blank"} +originated on the fediverse - see the [#siblinghoodOfTheTravelingGreetingCard hashtag](https://flipping.rocks/tags/siblinghoodOfTheTravelingGreetingCard) - with original idea thanks to [noctiluca@scholar.social](https://scholar.social/@noctiluca) ## table of contents @@ -110,6 +110,6 @@ I'll be doing my level best to track the card's movement, so as it is sent aroun read all that? too long, didn't bother? either way. -[sign up for the siblinghood of the traveling greeting card](https://airtable.com/appdoHZsRDUzgYu9q/pagsr9LVAqKx29gDl/form){target="_blank" rel="external"} +[sign up for the siblinghood of the traveling greeting card](https://airtable.com/appdoHZsRDUzgYu9q/pagsr9LVAqKx29gDl/form) (if airtable is for any reason inaccessible to you, please [reach out directly](/contact)) diff --git a/src/posts/2025/2025-12-02-stationery-exchange.md b/src/posts/2025/2025-12-02-stationery-exchange.md index 946c235d..db75b659 100644 --- a/src/posts/2025/2025-12-02-stationery-exchange.md +++ b/src/posts/2025/2025-12-02-stationery-exchange.md @@ -12,13 +12,13 @@ do you, like me, have a stash of greeting cards and stickers you'll never use? T 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](https://flipping.rocks/tags/stationeryExchange){target="_blank" rel="external"}. +originated on the fediverse - see the [#stationeryExchange hashtag](https://flipping.rocks/tags/stationeryExchange). ## 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](https://www.postcrossing.com/postal-monitor){target="_blank" rel="external"}. 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. +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](https://www.postcrossing.com/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 @@ -34,7 +34,7 @@ if you are struggling with shipping costs, please feel free to put together a fl 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](https://www.pirateship.com){target="_blank" rel="external"} 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. +if you are in the US, I quite recommend [Pirate Ship](https://www.pirateship.com) 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 @@ -42,6 +42,6 @@ in the event of a drop-out or other issue, I will be providing one or two backup ## let's do it! -[sign up for the stationery exchange](https://airtable.com/appdTQoPQRBcMTPk7/pagT8xLSSk6XPC6eJ/form){target="_blank" rel="external"} +[sign up for the stationery exchange](https://airtable.com/appdTQoPQRBcMTPk7/pagT8xLSSk6XPC6eJ/form) (if airtable is for any reason inaccessible to you, please [reach out directly](/contact)) diff --git a/src/posts/2026/2026-01-05-orion-handspun.md b/src/posts/2026/2026-01-05-orion-handspun.md index 248ff185..393a276d 100644 --- a/src/posts/2026/2026-01-05-orion-handspun.md +++ b/src/posts/2026/2026-01-05-orion-handspun.md @@ -8,4 +8,4 @@ tags: - yarn --- -Fiber: Merino/silk 70/30 from [Jakira Farms](https://www.etsy.com/shop/JakiraFarms){target="_blank" rel="external"} in colorway Orion +Fiber: Merino/silk 70/30 from [Jakira Farms](https://www.etsy.com/shop/JakiraFarms) in colorway Orion diff --git a/src/posts/2026/2026-01-07-intro-to-git.md b/src/posts/2026/2026-01-07-intro-to-git.md index a019a32a..9f1938c5 100644 --- a/src/posts/2026/2026-01-07-intro-to-git.md +++ b/src/posts/2026/2026-01-07-intro-to-git.md @@ -64,14 +64,14 @@ have you ever tried to revert to a previous version of a document in MS Office o or, more uniquely and/or uncommonly: -- you've been using Google's named versions, but you're [out of named versions (you can have 40 per doc, or 15 per spreadsheet)](https://support.google.com/docs/answer/190843#zippy=%2Ccreate-a-named-version){target="_blank" rel="external"}, so you'll have to start going back and deleting named versions, and isn't that just a pain? -- you're using MS Office, but [your file isn't in OneDrive, so there's no version history at all](https://support.microsoft.com/en-us/office/view-previous-versions-of-office-files-5c1e076f-a9c9-41b8-8ace-f77b9642e2c2){target="_blank" rel="external"}? Or maybe it *is* in OneDrive, but you were offline, so too many changes got jumbled into one big edit when you next went online? +- you've been using Google's named versions, but you're [out of named versions (you can have 40 per doc, or 15 per spreadsheet)](https://support.google.com/docs/answer/190843#zippy=%2Ccreate-a-named-version), so you'll have to start going back and deleting named versions, and isn't that just a pain? +- you're using MS Office, but [your file isn't in OneDrive, so there's no version history at all](https://support.microsoft.com/en-us/office/view-previous-versions-of-office-files-5c1e076f-a9c9-41b8-8ace-f77b9642e2c2)? Or maybe it *is* in OneDrive, but you were offline, so too many changes got jumbled into one big edit when you next went online? -or, websites. Maybe you're building something in Squarespace and find out that [in current versions of Squarespace, it doesn't support version history.](https://forum.squarespace.com/topic/239030-roll-site-back-to-previous-version-changes/){target="_blank" rel="external"}. +or, websites. Maybe you're building something in Squarespace and find out that [in current versions of Squarespace, it doesn't support version history.](https://forum.squarespace.com/topic/239030-roll-site-back-to-previous-version-changes/). ## 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](https://www.11ty.dev/){target="_blank" rel="external"} 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. +I started writing this to help a friend. She's getting started with a website, and we're using the static site generator [11ty](https://www.11ty.dev/) 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**. @@ -91,8 +91,8 @@ that all said, let's get (git?) into it! 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](https://code.visualstudio.com/docs/sourcecontrol/overview){target="_blank" rel="external"}, [Zed](https://zed.dev/docs/git){:target="_blank"}, or [Sublime Text](https://www.sublimetext.com/docs/git_integration.html){:target="_blank"} -- there are [standalone `git` GUIs](https://git-scm.com/tools/guis){target="_blank" rel="external"} +- a lot of modern text editors have graphical user interfaces (GUIs) that let you perform `git` operations, like [VSCode](https://code.visualstudio.com/docs/sourcecontrol/overview), [Zed](https://zed.dev/docs/git), or [Sublime Text](https://www.sublimetext.com/docs/git_integration.html) +- there are [standalone `git` GUIs](https://git-scm.com/tools/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. @@ -108,9 +108,9 @@ if you want to use the `git` CLI, you'll need a terminal. You've got a couple op - 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 - - [`git` for Windows](https://gitforwindows.org/){target="_blank" rel="external"} packages a Linux-like terminal with a `git` GUI. This may be slightly friendlier for people who aren't at all familiar with Linux. If choosing `git` for Windows, [see my installation instructions below](#git-for-windows) - - I use [Windows Subsystem for Linux, or WSL](https://learn.microsoft.com/en-us/windows/wsl/install){target="_blank" rel="external"}, which gives you a Linux distribution within Windows. It's pretty smooth sailing at this point, but there's some idiosyncracies to conquer - like the fact that your *Windows* files and your *Linux* files are stored in different places. If choosing WSL, [see my usage notes below](#wsl) -- both of the Windows options listed work with [Windows Terminal](https://apps.microsoft.com/detail/9n0dx20hk701){target="_blank" rel="external"} 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](https://gitforwindows.org/) packages a Linux-like terminal with a `git` GUI. This may be slightly friendlier for people who aren't at all familiar with Linux. If choosing `git` for Windows, [see my installation instructions below](#git-for-windows) + - I use [Windows Subsystem for Linux, or WSL](https://learn.microsoft.com/en-us/windows/wsl/install), which gives you a Linux distribution within Windows. It's pretty smooth sailing at this point, but there's some idiosyncracies to conquer - like the fact that your *Windows* files and your *Linux* files are stored in different places. If choosing WSL, [see my usage notes below](#wsl) +- both of the Windows options listed work with [Windows Terminal](https://apps.microsoft.com/detail/9n0dx20hk701) 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 @@ -135,7 +135,7 @@ while *installing* WSL is a single command, here's a couple notes about getting 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](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack){target="_blank" rel="external"} +1. if you install VSCode, you'll need to add the [remote development extension pack](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) 1. 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** 1. 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](/comparing-text-editors) that it struggled with some file operations in WSL @@ -163,7 +163,7 @@ there's usually a terminal command for the editor. For VSCode, it's `code`; for ## `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`](https://git-scm.com/install){target="_blank" rel="external"}. +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`](https://git-scm.com/install). ### a few handy settings @@ -397,7 +397,7 @@ remember how I said we could use `git clone` to work on an existing project? If 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](https://codeberg.org/){target="_blank" rel="external"} First off, we'll make an account. +let's head on over to [Codeberg](https://codeberg.org/) 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. @@ -434,7 +434,7 @@ cool! we have a remote set up. What does "fetch" and "push" mean? 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](https://workingcopy.app/){target="_blank" rel="external"}) - we'll probably update the remote from one machine, then need to pull that work down onto the other machine. +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](https://workingcopy.app/)) - 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! @@ -531,7 +531,7 @@ git remote set-url codeberg 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](https://codeberg.org/user/settings/keys){target="_blank" rel="external"}. 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! +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](https://codeberg.org/user/settings/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 diff --git a/src/posts/2026/2026-01-08-comparing-text-editors.md b/src/posts/2026/2026-01-08-comparing-text-editors.md index 6f557300..4fd3f1eb 100644 --- a/src/posts/2026/2026-01-08-comparing-text-editors.md +++ b/src/posts/2026/2026-01-08-comparing-text-editors.md @@ -16,12 +16,12 @@ I'm fucking depressed. No, not like mental health depressed (okay, look, that to the editors I reviewed, in no particular order, are: -- [VSCode](https://code.visualstudio.com/){target="_blank" rel="external"} (my current daily driver which I've been wanting to leave behind for a while now) -- [Zed](https://zed.dev/){target="_blank" rel="external"} (an editor I've been tentatively interested in) -- [Kate](https://kate-editor.org/){target="_blank" rel="external"} (recommended to me semi-recently on the fediverse, but one I quickly wrote off at the time because of clunkiness) -- [Lapce](https://lap.dev/lapce/){target="_blank" rel="external"} (recommended via fedi) -- [Pulsar](https://pulsar-edit.dev/){target="_blank" rel="external"} (a fork of the discontinued Atom editor, recommended again by fedi, in the course of this review) -- and finally, [Sublime Text](https://www.sublimetext.com/){target="_blank" rel="external"} (my daily driver back in college) +- [VSCode](https://code.visualstudio.com/) (my current daily driver which I've been wanting to leave behind for a while now) +- [Zed](https://zed.dev/) (an editor I've been tentatively interested in) +- [Kate](https://kate-editor.org/) (recommended to me semi-recently on the fediverse, but one I quickly wrote off at the time because of clunkiness) +- [Lapce](https://lap.dev/lapce/) (recommended via fedi) +- [Pulsar](https://pulsar-edit.dev/) (a fork of the discontinued Atom editor, recommended again by fedi, in the course of this review) +- and finally, [Sublime Text](https://www.sublimetext.com/) (my daily driver back in college) ## the qualities @@ -60,7 +60,7 @@ and finally, 3 **ethical and trustworthiness** qualities: | Pulsar | no | **yes** | no[3] | **yes** | **yes** | | Sublime Text | **yes** | **yes** | no[3][4] | **yes** | no[5] | -[1] extension needed: [VSCode `.editorconfig`](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig){target="_blank" rel="external"}, [VSCode WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack){:target="_blank"}, [Zed `.editorconfig`](https://zed.dev/extensions/editorconfig){:target="_blank"} +[1] extension needed: [VSCode `.editorconfig`](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig), [VSCode WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack), [Zed `.editorconfig`](https://zed.dev/extensions/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. @@ -68,7 +68,7 @@ and finally, 3 **ethical and trustworthiness** qualities: [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](https://packagecontrol.io/packages/MarkdownLivePreview){target="_blank" rel="external"} and [MarkdownPreview](https://packagecontrol.io/packages/MarkdownPreview){:target="_blank"}. 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. +[5] I explored two different add-on packages for Markdown preview support. [Markdown Live Preview](https://packagecontrol.io/packages/MarkdownLivePreview) and [MarkdownPreview](https://packagecontrol.io/packages/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 @@ -100,11 +100,11 @@ this is my best guess based on searching online and reviewing the settings; it's | Pulsar | **yes** | n/a | **yes**[3] | | Sublime Text | **yes** | n/a | unknown[4] | -[1] [prompts directory](https://github.com/microsoft/vscode/tree/main/.github/prompts){target="_blank" rel="external"} +[1] [prompts directory](https://github.com/microsoft/vscode/tree/main/.github/prompts) -[2] looks like at current LLMs are only used for [documentation](https://github.com/zed-industries/zed/tree/main/.factory/prompts){target="_blank" rel="external"} +[2] looks like at current LLMs are only used for [documentation](https://github.com/zed-industries/zed/tree/main/.factory/prompts) -[3] it's been discussed and sounds currently up for debate: [Pulsar](https://github.com/pulsar-edit/pulsar/issues/792){target="_blank" rel="external"}, [Sublime Text](https://forum.sublimetext.com/t/implement-ai-into-sublime-text/68411){:target="_blank"} +[3] it's been discussed and sounds currently up for debate: [Pulsar](https://github.com/pulsar-edit/pulsar/issues/792), [Sublime Text](https://forum.sublimetext.com/t/implement-ai-into-sublime-text/68411) [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. @@ -123,4 +123,4 @@ at the end of the day, I might just have to keep looking... but regardless, I wa ### WSL2 and Linux GUIs -I learned that [WSL2 can support GUI apps](https://learn.microsoft.com/en-us/windows/wsl/tutorials/gui-apps){target="_blank" rel="external"} 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. +I learned that [WSL2 can support GUI apps](https://learn.microsoft.com/en-us/windows/wsl/tutorials/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. diff --git a/src/posts/2026/2026-01-11-spinning-plants.md b/src/posts/2026/2026-01-11-spinning-plants.md index 96857ee2..1b718c52 100644 --- a/src/posts/2026/2026-01-11-spinning-plants.md +++ b/src/posts/2026/2026-01-11-spinning-plants.md @@ -20,7 +20,7 @@ in picture, from top: 1. rose 1. ramie -notes on handspinning various plant fibers. Fibers were purchased as a [sample pack from Hearthside Fibers](https://www.etsy.com/listing/1141552359/plant-based-fiber-top-sampler-pack-vegan){target="_blank" rel="external"}. 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. +notes on handspinning various plant fibers. Fibers were purchased as a [sample pack from Hearthside Fibers](https://www.etsy.com/listing/1141552359/plant-based-fiber-top-sampler-pack-vegan). 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 diff --git a/src/posts/2026/2026-01-18-bfl-silk-handspun.md b/src/posts/2026/2026-01-18-bfl-silk-handspun.md index 222cf5c4..e65fc592 100644 --- a/src/posts/2026/2026-01-18-bfl-silk-handspun.md +++ b/src/posts/2026/2026-01-18-bfl-silk-handspun.md @@ -8,4 +8,4 @@ tags: - yarn --- -Fiber from [Woolgatherings](https://woolgatherings.com){target="_blank" rel="external"}. 70% Blue-Faced Leicester 30% tussah silk. +Fiber from [Woolgatherings](https://woolgatherings.com). 70% Blue-Faced Leicester 30% tussah silk. diff --git a/src/posts/2026/2026-01-18-coral-reef-handspun.md b/src/posts/2026/2026-01-18-coral-reef-handspun.md index 71e450f9..5cb04b31 100644 --- a/src/posts/2026/2026-01-18-coral-reef-handspun.md +++ b/src/posts/2026/2026-01-18-coral-reef-handspun.md @@ -8,4 +8,4 @@ tags: - yarn --- -Fiber from [Jakira Farms](https://www.etsy.com/shop/JakiraFarms){target="_blank" rel="external"} in Coral Reef colorway. 100% merino. +Fiber from [Jakira Farms](https://www.etsy.com/shop/JakiraFarms) in Coral Reef colorway. 100% merino. diff --git a/src/posts/2026/2026-01-18-fire-ice-handspun.md b/src/posts/2026/2026-01-18-fire-ice-handspun.md index c7bc34e9..b84434b1 100644 --- a/src/posts/2026/2026-01-18-fire-ice-handspun.md +++ b/src/posts/2026/2026-01-18-fire-ice-handspun.md @@ -8,4 +8,4 @@ tags: - yarn --- -Fiber from [Jakira Farms](https://www.etsy.com/shop/JakiraFarms){target="_blank" rel="external"} in Fire & Ice colorway. 100% merino. +Fiber from [Jakira Farms](https://www.etsy.com/shop/JakiraFarms) in Fire & Ice colorway. 100% merino. diff --git a/src/posts/2026/2026-01-18-rambouillet-handspun.md b/src/posts/2026/2026-01-18-rambouillet-handspun.md index 9c051b50..f0153b16 100644 --- a/src/posts/2026/2026-01-18-rambouillet-handspun.md +++ b/src/posts/2026/2026-01-18-rambouillet-handspun.md @@ -9,4 +9,4 @@ tags: - highlight --- -Fiber from [Woolgatherings](https://woolgatherings.com){target="_blank" rel="external"}. 100% rambouillet. Hand-dyed! +Fiber from [Woolgatherings](https://woolgatherings.com). 100% rambouillet. Hand-dyed! diff --git a/src/posts/2026/2026-01-18-spinners-dream-handspun.md b/src/posts/2026/2026-01-18-spinners-dream-handspun.md index dfe2aa92..634701c1 100644 --- a/src/posts/2026/2026-01-18-spinners-dream-handspun.md +++ b/src/posts/2026/2026-01-18-spinners-dream-handspun.md @@ -8,4 +8,4 @@ tags: - yarn --- -Fiber from [Paradise Fibers](https://paradisefibers.com){target="_blank" rel="external"}. 40% merino/20% alpaca/20% camel/20% mulberry silk. Scrumptiously soft. +Fiber from [Paradise Fibers](https://paradisefibers.com). 40% merino/20% alpaca/20% camel/20% mulberry silk. Scrumptiously soft. diff --git a/src/posts/2026/2026-01-24-gold-handspun.md b/src/posts/2026/2026-01-24-gold-handspun.md index e9e70e8a..18b9b3e5 100644 --- a/src/posts/2026/2026-01-24-gold-handspun.md +++ b/src/posts/2026/2026-01-24-gold-handspun.md @@ -8,4 +8,4 @@ tags: - yarn --- -Fiber from [Paradise Fibers](https://paradisefibers.com){target="_blank" rel="external"}. 70% merino/30% nylon. Hand-dyed by me. +Fiber from [Paradise Fibers](https://paradisefibers.com). 70% merino/30% nylon. Hand-dyed by me. diff --git a/src/posts/2026/2026-02-06-screen-reader-optimizations.md b/src/posts/2026/2026-02-06-screen-reader-optimizations.md index 62c98875..a93a545e 100644 --- a/src/posts/2026/2026-02-06-screen-reader-optimizations.md +++ b/src/posts/2026/2026-02-06-screen-reader-optimizations.md @@ -10,7 +10,7 @@ tags: ## context -recently, I've been working on a [website for a project called spoonfairies](https://inherentlee.codeberg.page/spoonfairies/){target="_blank" rel="external"}. On the providers page, we list a series of names along with their pronouns, location, and services offered. Visually, it looks like this: +recently, I've been working on a [website for a project called spoonfairies](https://inherentlee.codeberg.page/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.](/img/2026/spoonfairies-provider.png) diff --git a/src/posts/2026/2026-02-19-eleventy-lessons.md b/src/posts/2026/2026-02-19-eleventy-lessons.md index 9a21078f..3bfd6c6c 100644 --- a/src/posts/2026/2026-02-19-eleventy-lessons.md +++ b/src/posts/2026/2026-02-19-eleventy-lessons.md @@ -8,7 +8,7 @@ tags: - software --- -recently I wrote *several* sites using [Eleventy](https://www.11ty.dev/){target="_blank" rel="external"} (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](https://heckin.technology/){target="_blank" rel="external"}. See ya, GitHub. Won't miss ya. +recently I wrote *several* sites using [Eleventy](https://www.11ty.dev/) (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](https://heckin.technology/). See ya, GitHub. Won't miss ya. Originally, I compiled some of the things I've learned in a standalone site. @@ -20,7 +20,7 @@ this will comprise of 4 parts: [related posts](#related-posts), [featured images ## related posts -by default, the [Eleventy base blog](github.com/11ty/eleventy-base-blog){target="_blank" rel="external"} comes with pagination between posts. Post 2 can take you to posts 1 and 3, etc. +by default, the [Eleventy base blog](github.com/11ty/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. @@ -89,7 +89,7 @@ and that sorts related posts. ## featured images -images in 11ty use the [Image Transform Plugin](https://www.11ty.dev/docs/plugins/image/#eleventy-transform){target="_blank" rel="external"}. 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. +images in 11ty use the [Image Transform Plugin](https://www.11ty.dev/docs/plugins/image/#eleventy-transform). 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 @@ -192,7 +192,7 @@ together, that sets up featured images for posts. ### simple pagination -[Post pagination in Eleventy is pretty straightforward](https://www.11ty.dev/docs/pagination/){target="_blank" rel="external"}, mostly requiring some specific front matter. +[Post pagination in Eleventy is pretty straightforward](https://www.11ty.dev/docs/pagination/), mostly requiring some specific front matter. The home page pagination I have set up here looks like the following (in `index.njk`): @@ -208,7 +208,7 @@ pagination: 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](https://www.11ty.dev/docs/pagination/nav){target="_blank" rel="external"}. I did. Here's what I have... +[You'll also likely want previous and next buttons](https://www.11ty.dev/docs/pagination/nav). I did. Here's what I have... #### pagination.njk @@ -258,9 +258,9 @@ 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](https://www.11ty.dev/docs/quicktips/tag-pages/){target="_blank" rel="external"}! It's a lot harder to paginate those - you can't just use the front matter to set it up. +however, there's a catch. [Tag pages are *created* via pagination](https://www.11ty.dev/docs/quicktips/tag-pages/)! 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](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776){target="_blank" rel="external"} and came to the following solution... +I untangled [this GitHub issue about double-layered pagination](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776) and came to the following solution... #### eleventy.config.js @@ -329,7 +329,7 @@ eleventyExcludeFromCollections: true ``` {% endraw %} -note the pagination checking `tag.pageNumber` against `tag.PageSize` - the [original suggested solution](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776){target="_blank" rel="external"} 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](https://github.com/11ty/eleventy/issues/332#issuecomment-1248185406){target="_blank" rel="external"}. +note the pagination checking `tag.pageNumber` against `tag.PageSize` - the [original suggested solution](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776) 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](https://github.com/11ty/eleventy/issues/332#issuecomment-1248185406). #### filters.js (again) @@ -424,4 +424,4 @@ thankfully, the CSS property `aspect-ratio` makes this pretty straightforward, a --- -There's the good stuff from [11ty Lessons](https://inherentlee.codeberg.page/lessons/){target="_blank" rel="external"}. Hope you enjoyed. +There's the good stuff from [11ty Lessons](https://inherentlee.codeberg.page/lessons/). Hope you enjoyed. diff --git a/src/posts/2026/2026-03-22-accessible-image-modals.md b/src/posts/2026/2026-03-22-accessible-image-modals.md index 0160904a..db781978 100644 --- a/src/posts/2026/2026-03-22-accessible-image-modals.md +++ b/src/posts/2026/2026-03-22-accessible-image-modals.md @@ -14,11 +14,11 @@ Recently I've been working on a single-page digital rendition of a zine complete ## 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](https://www.w3schools.com/howto/howto_css_modal_images.asp){target="_blank" rel="external"} and [responsive image modals](https://www.w3schools.com/css/css3_images_modal.asp){target="_blank" rel="external"}. Several search results for "image modal" pop up div solutions - [div modal 1](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 2](https://dev.to/salehmubashar/create-an-image-modal-with-javascript-2lf3){target="_blank" rel="external"}, [div modal 3](https://www.youtube.com/watch?v=Y9TNHynFjaQ){target="_blank" rel="external"}. +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](https://www.w3schools.com/howto/howto_css_modal_images.asp) and [responsive image modals](https://www.w3schools.com/css/css3_images_modal.asp). Several search results for "image modal" pop up div solutions - [div modal 1](https://stackoverflow.com/questions/75598914/how-to-display-an-image-clicking-on-it-using-modal-window-on-html-css-and-js), [div modal 2](https://dev.to/salehmubashar/create-an-image-modal-with-javascript-2lf3), [div modal 3](https://www.youtube.com/watch?v=Y9TNHynFjaQ). If you don't know of the existence of ``, a search for image modals will not get you there quickly. -If you search for *accessible* image modals, you'll still hear about `
`s. Hell, [W3C's ARIA Authoring Practices Guide uses a `
`](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/){target="_blank" rel="external"}. You kinda have to go digging to read about the [dialog element from Scott O'Hara](https://www.scottohara.me/blog/2023/01/26/use-the-dialog-element.html){target="_blank" rel="external"} or find [AccessibleWeb.dev's piece on modals](https://accessibleweb.dev/modals){target="_blank" rel="external"}. Or you can go [straight for Adrian Roselli](https://adrianroselli.com/2025/06/where-to-put-focus-when-opening-a-modal-dialog.html){target="_blank" rel="external"} and find examples that use the native `` element. Thanks Adrian! +If you search for *accessible* image modals, you'll still hear about `
`s. Hell, [W3C's ARIA Authoring Practices Guide uses a `
`](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/). You kinda have to go digging to read about the [dialog element from Scott O'Hara](https://www.scottohara.me/blog/2023/01/26/use-the-dialog-element.html) or find [AccessibleWeb.dev's piece on modals](https://accessibleweb.dev/modals). Or you can go [straight for Adrian Roselli](https://adrianroselli.com/2025/06/where-to-put-focus-when-opening-a-modal-dialog.html) and find examples that use the native `` element. Thanks Adrian! Did I roll my own modal at first? Regretfully, yes. I'd used the `` element before... several years ago... in a project I don't have access to anymore... Needless to say, I had forgotten about its existence. @@ -38,7 +38,7 @@ so, what do we get from the `` element that we don't get from a `
` 1. the `autofocus` attribute for in-modal elements to set which element should receive focus on opening the modal 1. the `open` attribute which is set on the `` when open and removed when closed (when you use the functions mentioned previously) -and more. This is just the pieces in use for me. There's also things like [setting forms so that submission closes the dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#additional_notes){target="_blank" rel="external"} (point 1 in that list). +and more. This is just the pieces in use for me. There's also things like [setting forms so that submission closes the dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#additional_notes) (point 1 in that list). ### what doesn't it give us? @@ -51,7 +51,7 @@ MDN warns: > Do not add the `tabindex` property to the `` element as it is not interactive and does not receive focus. -— [``: additional notes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#additional_notes){target="_blank" rel="external"} (point 3 in that list). +— [``: additional notes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#additional_notes) (point 3 in that list). despite this, I found that in Firefox (but not Edge), the *`` 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. @@ -83,7 +83,7 @@ I also looped through all images and attached my `openDialog()` function to any here's the most relevant parts of the CSS: -- `dialog::backdrop` was given a [relatively calculated](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors){target="_blank" rel="external"} color - `rgba(from var(--color-bg) r g b / .8)` - as well as a blur +- `dialog::backdrop` was given a [relatively calculated](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors) 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` diff --git a/src/posts/2026/2026-05-06-fedilearns.md b/src/posts/2026/2026-05-06-fedilearns.md index e66b5a79..49f33893 100644 --- a/src/posts/2026/2026-05-06-fedilearns.md +++ b/src/posts/2026/2026-05-06-fedilearns.md @@ -7,4 +7,4 @@ tags: - reference --- -My new project [FediLearns](https://fedilearns.fyi){target="_blank" rel="external"} is a learning-focused classifieds page for the fediverse. Check it out! +My new project [FediLearns](https://fedilearns.fyi) is a learning-focused classifieds page for the fediverse. Check it out! diff --git a/src/posts/2026/2026-06-30-core-css.md b/src/posts/2026/2026-06-30-core-css.md index 6f426dc4..4378af33 100644 --- a/src/posts/2026/2026-06-30-core-css.md +++ b/src/posts/2026/2026-06-30-core-css.md @@ -9,13 +9,13 @@ tags: - highlight --- -What CSS would you implement if you had no or very low vision? Recently, a Blind friend wanted to know more about CSS. This is my attempt at a very minimal CSS file that cleans up a few [browser defaults](https://browserdefaultstyles.com/){target="_blank" rel="external"} for a more pleasant browsing experience without needing much if any visual testing. +What CSS would you implement if you had no or very low vision? Recently, a Blind friend wanted to know more about CSS. This is my attempt at a very minimal CSS file that cleans up a few [browser defaults](https://browserdefaultstyles.com/) for a more pleasant browsing experience without needing much if any visual testing. Want to just see the final stylesheet? [Skip to the end of the page](#result). ## CSS resets -Before we start: this isn't a CSS reset. You may want to apply it in concert with one. While writing this, a friend recommended [Josh W. Comeau's CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset/){target="_blank" rel="external"}, which looks largely very solid to me. However, if using that particular reset, I would ***not*** reset default margins (rule 2). They are tremendously useful in this case, where we are unlikely to be setting margins on elements individually. +Before we start: this isn't a CSS reset. You may want to apply it in concert with one. While writing this, a friend recommended [Josh W. Comeau's CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset/), which looks largely very solid to me. However, if using that particular reset, I would ***not*** reset default margins (rule 2). They are tremendously useful in this case, where we are unlikely to be setting margins on elements individually. ## color @@ -42,7 +42,7 @@ body { To skip reading about accent colors, head right to [focus indication](#focus-indication). -If you have any opinions about color, you might pick accents. At the simplest level, I'd pick one for light mode and one for dark mode. [XKCD has a color sheet based on a wide survey](https://xkcd.com/color/rgb/){target="_blank" rel="external"} that is potentially useful here. Validate that the color contrast is enough with a tool like [WebAIM's Contrast Checker](https://webaim.org/resources/contrastchecker/){target="_blank" rel="external"}. You might color your headers and links. +If you have any opinions about color, you might pick accents. At the simplest level, I'd pick one for light mode and one for dark mode. [XKCD has a color sheet based on a wide survey](https://xkcd.com/color/rgb/) that is potentially useful here. Validate that the color contrast is enough with a tool like [WebAIM's Contrast Checker](https://webaim.org/resources/contrastchecker/). You might color your headers and links. If you're coloring links, it's worth considering browser defaults. Blue is unvisited, purple is visited, and red is inactive. Choosing a red or purple link color might confuse users. Blues are pretty safe. A green might be fun. @@ -64,7 +64,7 @@ a { ## focus indication -Focus indication is a visual change that occurs when something interactive on the screen (like a link) receives keyboard focus. Without it, sighted keyboard-only users can't tell where they are on the page. Conventionally, it's an outline. [Read more about accessible focus indication](https://www.sarasoueidan.com/blog/focus-indicators/){target="_blank" rel="external"}. +Focus indication is a visual change that occurs when something interactive on the screen (like a link) receives keyboard focus. Without it, sighted keyboard-only users can't tell where they are on the page. Conventionally, it's an outline. [Read more about accessible focus indication](https://www.sarasoueidan.com/blog/focus-indicators/). I would recommend a *smidge* of padding (spacing *inside* the border or outline of an element) around your links to allow for more space between the letters and focus outline in order to help with legibility. @@ -141,7 +141,7 @@ img, picture, video, canvas, svg { ## headers, footers, navs -Let's talk the components that every page likely has - a header, a footer, and navs. I'm going to use a very simple design for our header - a [skip link](https://webaim.org/techniques/skipnav/){target="_blank" rel="external"}, an (optional) site title (the title could also be one of the nav links), and then an unordered list of links enclosed in a `nav` element. Like the following: +Let's talk the components that every page likely has - a header, a footer, and navs. I'm going to use a very simple design for our header - a [skip link](https://webaim.org/techniques/skipnav/), an (optional) site title (the title could also be one of the nav links), and then an unordered list of links enclosed in a `nav` element. Like the following: ```html
diff --git a/src/posts/2026/2026-07-26-log-cabin-dishtowels.md b/src/posts/2026/2026-07-26-log-cabin-dishtowels.md index 1c996f43..75f1cfd1 100644 --- a/src/posts/2026/2026-07-26-log-cabin-dishtowels.md +++ b/src/posts/2026/2026-07-26-log-cabin-dishtowels.md @@ -8,6 +8,6 @@ tags: - weaving --- -Yarn: [Circulo Anne Weaving Yarn](https://woolery.com/products/circulo-anne-weaving-yarn){target="_blank" rel="external"}. +Yarn: [Circulo Anne Weaving Yarn](https://woolery.com/products/circulo-anne-weaving-yarn). 3 towels. Woven area roughly 12"x24". Hemstitched. diff --git a/src/posts/2026/2026-08-01-loud-table-runner.md b/src/posts/2026/2026-08-01-loud-table-runner.md index 555587f5..6c2c05d1 100644 --- a/src/posts/2026/2026-08-01-loud-table-runner.md +++ b/src/posts/2026/2026-08-01-loud-table-runner.md @@ -8,6 +8,6 @@ tags: - weaving --- -Yarn: [Circulo Natural Cotton Maxcolor 4/6 Yarn](https://woolery.com/products/circulo-natural-cotton-maxcolor-4-6-yarn){target="_blank" rel="external"} with occasional stripes of [Fez Alpa](https://woolery.com/products/feza-alp-premier-yarn){target="_blank" rel="external"}. +Yarn: [Circulo Natural Cotton Maxcolor 4/6 Yarn](https://woolery.com/products/circulo-natural-cotton-maxcolor-4-6-yarn) with occasional stripes of [Fez Alpa](https://woolery.com/products/feza-alp-premier-yarn). About 11" wide and 5' long including tassels. diff --git a/src/posts/2026/2026-08-05-visual-site-builders-accessibility.md b/src/posts/2026/2026-08-05-visual-site-builders-accessibility.md index 850a64a0..a459e9b0 100644 --- a/src/posts/2026/2026-08-05-visual-site-builders-accessibility.md +++ b/src/posts/2026/2026-08-05-visual-site-builders-accessibility.md @@ -8,7 +8,7 @@ tags: - software --- -Recently, I [asked on the Fediverse](https://flipping.rocks/@inherentlee/117037989967706516){target="_blank" rel="external"} about visual/drag-and-drop website builders and got a wealth of answers. +Recently, I [asked on the Fediverse](https://flipping.rocks/@inherentlee/117037989967706516) about visual/drag-and-drop website builders and got a wealth of answers. I want to evaluate based on some accessibility factors: @@ -27,7 +27,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Blocs -[Blocs](https://blocsapp.com/){target="_blank" rel="external"} is a builder for MacOS, iPad, and iPhone. I had trouble getting a template loaded on my iPad, but I reviewed the Blocs website - built with Blocs, of course - for major issues. This is, I would assume, the shiniest version possible. +[Blocs](https://blocsapp.com/) is a builder for MacOS, iPad, and iPhone. I had trouble getting a template loaded on my iPad, but I reviewed the Blocs website - built with Blocs, of course - for major issues. This is, I would assume, the shiniest version possible. | Factor | Notes | Score | |---|---|---| @@ -35,13 +35,13 @@ Want to just see the final ranking? Pop down to the [summary](#summary). | Keyboard navigation | Custom focus, missing in many areas on the Blocs site and turned off by default in the CSS - not sure if that is for this site or is the standard. The ability to potentially customize focus is interesting. | 1 | | Reading order | Good! Block-based layout helps significantly here I would guess. | 3 | | Text alternatives | Supported. | 3 | -| Color | Light and dark modes are possible - [Blocs dark mode documentation](https://help.blocsapp.com/knowledge-base/dark-theme/){target="_blank" rel="external"}. | 3 | +| Color | Light and dark modes are possible - [Blocs dark mode documentation](https://help.blocsapp.com/knowledge-base/dark-theme/). | 3 | | Other | Difficulty with iPad app. | 1 | | | | **12** | ## Cowsites -[Cowsites](https://cowsites.net){target="_blank" rel="external"} is a simple site editor with no drag-and-drop elements. +[Cowsites](https://cowsites.net) is a simple site editor with no drag-and-drop elements. | Factor | Notes | Score | |---|---|---| @@ -55,7 +55,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Figma Sites -[Figma Sites](https://www.figma.com/sites/){target="_blank" rel="external"} allows you to turn a Figma design into a functioning website. It offers generative AI features. I tested two themes from Figma Community. +[Figma Sites](https://www.figma.com/sites/) allows you to turn a Figma design into a functioning website. It offers generative AI features. I tested two themes from Figma Community. | Factor | Notes | Score | |---|---|---| @@ -63,13 +63,13 @@ Want to just see the final ranking? Pop down to the [summary](#summary). | Keyboard navigation | Browser default focus outlines. One template *actually* had a skip link! | 2 | | Reading order | Not clear how order is determined. Potentially partially influenced by order of elements in the sidebar, but one theme tested did not adhere to that and the nav was the last in the reading order despite being top of the sidebar order. I can't publish on the starter plan, so I can't see how my own changes influence the site, but with a well-built theme the organization helps ensure that adding new elements puts them in a reasonable place in the sidebar order. | 2 | | Text alternatives | Supported. | 3 | -| Color | Light and dark modes are possible - [Figma variable modes documentation](https://help.figma.com/hc/en-us/articles/15343816063383-Modes-for-variables){target="_blank" rel="external"}. | 3 | +| Color | Light and dark modes are possible - [Figma variable modes documentation](https://help.figma.com/hc/en-us/articles/15343816063383-Modes-for-variables). | 3 | | Other | n/a | 2 | | | | **12** | ## Framer -[Framer](https://framer.com){target="_blank" rel="external"} is a full-featured site designer with a built-in CMS. It offers generative AI features. +[Framer](https://framer.com) is a full-featured site designer with a built-in CMS. It offers generative AI features. | Factor | Notes | Score | |---|---|---| @@ -83,7 +83,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Kiki -[Kiki](https://tomotama.com/kiki){target="_blank" rel="external"} is a simple site builder with no drag-and-drop elements. You can customize the CSS to your liking. I played with the demo site. +[Kiki](https://tomotama.com/kiki) is a simple site builder with no drag-and-drop elements. You can customize the CSS to your liking. I played with the demo site. | Factor | Notes | Score | |---|---|---| @@ -97,7 +97,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## mmm.page -[mmm.page](https://mmm.page/){target="_blank" rel="external"} is a drag-and-drop builder. The preview doesn't show you a standalone page (it's a page that also has the mmm.page login/signup menu bar), so I looked at a few sites to get a sense for how it worked. +[mmm.page](https://mmm.page/) is a drag-and-drop builder. The preview doesn't show you a standalone page (it's a page that also has the mmm.page login/signup menu bar), so I looked at a few sites to get a sense for how it worked. | Factor | Notes | Score | |---|---|---| @@ -111,11 +111,11 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Rapidweaver -[Rapidweaver](https://www.realmacsoftware.com/rapidweaver/){target="_blank" rel="external"} is built exclusively for Mac. Ah, well. +[Rapidweaver](https://www.realmacsoftware.com/rapidweaver/) is built exclusively for Mac. Ah, well. ## Showit -[Showit](https://showit.com/){target="_blank" rel="external"} is a drag-and-drop builder with a Wordpress backend for content management. I reviewed several different premade themes. Custom CSS is allowed. +[Showit](https://showit.com/) is a drag-and-drop builder with a Wordpress backend for content management. I reviewed several different premade themes. Custom CSS is allowed. | Factor | Notes | Score | |---|---|---| @@ -129,7 +129,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Startup -[Startup](https://designmodo.com/startup/){target="_blank" rel="external"} is a block-based builder with pre-defined components and less freedom than some others on this list. +[Startup](https://designmodo.com/startup/) is a block-based builder with pre-defined components and less freedom than some others on this list. | Factor | Notes | Score | |---|---|---| @@ -143,7 +143,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Straw.page -[Straw.Page](https://straw.page/){target="_blank" rel="external"} is a drag-and-drop builder that bills itself as mobile-friendly. I looked at one of the offered themes, intentionally choosing one that should have intuitive reading order (spoiler: didn't matter). +[Straw.Page](https://straw.page/) is a drag-and-drop builder that bills itself as mobile-friendly. I looked at one of the offered themes, intentionally choosing one that should have intuitive reading order (spoiler: didn't matter). | Factor | Notes | Score | |---|---|---| @@ -157,7 +157,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Univer.se -[Univer.se](https://univer.se/){target="_blank" rel="external"} is a drag-and-drop builder with plenty of premade themes. I reviewed a premade theme to get started. +[Univer.se](https://univer.se/) is a drag-and-drop builder with plenty of premade themes. I reviewed a premade theme to get started. | Factor | Notes | Score | |---|---|---| @@ -171,7 +171,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary). ## Webflow -[Webflow](https://webflow.com/){target="_blank" rel="external"} is a drag-and-drop builder. Currently bottom of my review list due to AI features. +[Webflow](https://webflow.com/) is a drag-and-drop builder. Currently bottom of my review list due to AI features. ## Webnode @@ -207,11 +207,11 @@ Gotta dive into Wordpress to explore these and haven't yet. ### Beaver Builder -[Beaver Builder](https://www.wpbeaverbuilder.com/){target="_blank" rel="external"}. +[Beaver Builder](https://www.wpbeaverbuilder.com/). ### Divi -[Divi](https://www.elegantthemes.com/gallery/divi/){target="_blank" rel="external"}. +[Divi](https://www.elegantthemes.com/gallery/divi/). --- diff --git a/src/posts/2026/2026-08-20-pink-lime-grey-shawl.md b/src/posts/2026/2026-08-20-pink-lime-grey-shawl.md index 0cbe00e3..d7b9ac2d 100644 --- a/src/posts/2026/2026-08-20-pink-lime-grey-shawl.md +++ b/src/posts/2026/2026-08-20-pink-lime-grey-shawl.md @@ -8,6 +8,6 @@ tags: - weaving --- -Yarn: [Gist Duet Cotton/Linen Weaving Yarn](https://woolery.com/products/gist-duet-cotton-linen-weaving-yarn){target="_blank" rel="external"}. +Yarn: [Gist Duet Cotton/Linen Weaving Yarn](https://woolery.com/products/gist-duet-cotton-linen-weaving-yarn). About 2' wide and 5' long including fringe. diff --git a/src/posts/2026/2026-09-08-framer-accessibility.md b/src/posts/2026/2026-09-08-framer-accessibility.md index 4af8892b..9aa29c06 100644 --- a/src/posts/2026/2026-09-08-framer-accessibility.md +++ b/src/posts/2026/2026-09-08-framer-accessibility.md @@ -8,7 +8,7 @@ tags: - software --- -This is a work in progress post originally written for a colleague beginning to explore [Framer](https://framer.com){target="_blank" rel="external"}, a visual site designer with CMS. It walks through some major web accessibility topics, first generally and then as they relate to Framer, with links to relevant resources. +This is a work in progress post originally written for a colleague beginning to explore [Framer](https://framer.com), a visual site designer with CMS. It walks through some major web accessibility topics, first generally and then as they relate to Framer, with links to relevant resources. ## Accessible from the beginning @@ -16,20 +16,20 @@ Accessibility **must** be built from the start of a project. Retrofitting a proj ## Definitions -- **Assistive technology (AT):** "technology used by individuals with (varying levels and kinds of) disabilities in order to perform functions that might otherwise be difficult or impossible. It is an umbrella term for a wide variery of tools, including tools that enable access to information on the Web. ... Keyboards, screen readers, braille displays, voice recognition software, switch controls, and screen magnifiers are examples of high-tech assistive technology. Operating system and browser accessibility display modes (such as dark mode, and Windows High Contrast Mode) are also a form of assistive technology." (Sara Souiedan, [Practical Accessibility](https://practical-accessibility.today){target="_blank" rel="external"} - content gated behind paid course) - - See Browsing with Assistive Technology for an overview of some common methods/uses of AT. +- **Assistive technology (AT):** "technology used by individuals with (varying levels and kinds of) disabilities in order to perform functions that might otherwise be difficult or impossible. It is an umbrella term for a wide variery of tools, including tools that enable access to information on the Web. ... Keyboards, screen readers, braille displays, voice recognition software, switch controls, and screen magnifiers are examples of high-tech assistive technology. Operating system and browser accessibility display modes (such as dark mode, and Windows High Contrast Mode) are also a form of assistive technology." (Sara Souiedan, [Practical Accessibility](https://practical-accessibility.today) - content gated behind paid course) + - See [Browsing with Assistive Technology](https://tetralogical.com/blog/2021/12/24/browsing-with-assistive-technology-videos/) for an overview of some common methods/uses of AT. - **Screen readers (SR):** A type of AT aimed at Blind/low vision users which reads aloud page content. Notably, SRs do not simply read page content in order; they have complex shortcuts which allow users to summarize links on a page, skip headline-by-headline, move to landmark sections, and more. - **Web Content Accessibility Guidelines (WCAG):** "the standard that defines how to make Web content more accessible to people with disabilities. It defines a baseline set of guidelines that digital content must meet in order to provide minimum levels of accessibility." (Sara Souiedan, Practical Accessibility again) ## Semantic HTML -Most HTML elements are semantic, that is, they convey meaning. Labeling something an `

` doesn't just style it like a header; it also means that assistive tech can understand it to be a header (this also helps with SEO - a lot of things that improve accessibility improve SEO as well). See the Mozilla docs for a [list of semantic HTML elements](https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantic_elements){target="_blank" rel="external"}. +Most HTML elements are semantic, that is, they convey meaning. Labeling something an `

` doesn't just style it like a header; it also means that assistive tech can understand it to be a header (this also helps with SEO - a lot of things that improve accessibility improve SEO as well). See the Mozilla docs for a [list of semantic HTML elements](https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantic_elements). Notably, `
`s and ``s are not semantic and convey no meaning. They are used for styling alone. ### Semantic HTML in Framer -Semantic HTML elements can be applied to any Framer element using the "Accessibility" section in the right-hand sidebar. Read about [using semantic tags for navigation and footers](https://www.framer.com/help/articles/semantic-tags-navigation-footer/){target="_blank" rel="external"} - this applies to far more than the two elements mentioned. +Semantic HTML elements can be applied to any Framer element using the "Accessibility" section in the right-hand sidebar. Read about [using semantic tags for navigation and footers](https://www.framer.com/help/articles/semantic-tags-navigation-footer/) - this applies to far more than the two elements mentioned. ## Reading order @@ -58,7 +58,7 @@ Following from reading order, we reach the concept of keyboard navigation. The a Links, buttons, and form controls are tabbable by default. When tagged as the correct HTML element, they will function as expected. -[Framer supports adding the tabindex attribute](https://www.framer.com/help/articles/tab-order-customization/){target="_blank" rel="external"}. If you *must* do this for some reason, make sure to set its value to 0 - Framer defaults to 1. 0 will maintain the reading order established by layout and the left-hand sidebar; 1 will place the tabbable element first in the tabbing order. +[Framer supports adding the tabindex attribute](https://www.framer.com/help/articles/tab-order-customization/). If you *must* do this for some reason, make sure to set its value to 0 - Framer defaults to 1. 0 will maintain the reading order established by layout and the left-hand sidebar; 1 will place the tabbable element first in the tabbing order. ## Keyboard focus @@ -66,7 +66,7 @@ When navigating with a keyboard, there should always be visual indication on the ### Keyboard focus in Framer -Framer does not currently allow for customizing keyboard focus in the editor. It must be done using [custom CSS](https://www.framer.com/help/articles/how-to-add-custom-code/){target="_blank" rel="external"}. +Framer does not currently allow for customizing keyboard focus in the editor. It must be done using [custom CSS](https://www.framer.com/help/articles/how-to-add-custom-code/). In my tests, it was possible to clip out the browser default focus outline with certain padding settings. Review your site by tabbing through the page(s), and ensure that a full outline surrounds all interactable elements. If an outline is missing, consider adjusting the padding around that element. @@ -74,7 +74,7 @@ In my tests, it was possible to clip out the browser default focus outline with Skip links allow keyboard users to bypass large repeated blocks of content (such as a top nav). Without a skip link, a keyboard user will not stay long on a site - after moving to a new page, they may realize they have to tab through the entire nav again and leave. -Skip links are generally invisible to mouse users, and only appear when tabbing around a page. To see an example, open [WebAIM (Web Accessibility in Mind)](https://webaim.org/){target="_blank" rel="external"} and hit the `TAB` key. Notice the red box that appears in the upper left that reads "skip to main content." +Skip links are generally invisible to mouse users, and only appear when tabbing around a page. To see an example, open [WebAIM (Web Accessibility in Mind)](https://webaim.org/) and hit the `TAB` key. Notice the red box that appears in the upper left that reads "skip to main content." ### Skip links in Framer @@ -82,7 +82,7 @@ Skip links in Framer require custom code, both React and CSS. ## Text alternatives -Text alternatives - alternative text, captioning, audio descriptions, etc. - are the most commonly thought of form of web accessibility. You likely need no further explanation of what they are and why they matter, but they can be rather daunting to write. I recommend reading [Adrian Roselli's approach to writing alt text](https://adrianroselli.com/2024/05/my-approach-to-alt-text.html){target="_blank" rel="external"}. +Text alternatives - alternative text, captioning, audio descriptions, etc. - are the most commonly thought of form of web accessibility. You likely need no further explanation of what they are and why they matter, but they can be rather daunting to write. I recommend reading [Adrian Roselli's approach to writing alt text](https://adrianroselli.com/2024/05/my-approach-to-alt-text.html). ### Text alternatives in Framer @@ -93,12 +93,12 @@ Text alternatives can be easily set by double clicking on the media item in ques There are a couple areas to consider when it comes to color: 1. **Light and dark modes** are both accessibility needs, and a site that only offers one limits access of some potential users. -1. **Color contrast** will improve users' abilities to view and read your site. WebAIM covers [color contrast as it relates to WCAG](https://webaim.org/articles/contrast/){target="_blank" rel="external"}. While you can use [WebAIM's contrast checker](https://webaim.org/resources/contrastchecker/){target="_blank" rel="external"}, I recommend finding a more fully-featured color design tool that incorporates contrast checking, luminance comparison, color vision simulation, and more. My personal tool of choice is [Atmos](https://atmos.style/){target="_blank" rel="external"}. +1. **Color contrast** will improve users' abilities to view and read your site. WebAIM covers [color contrast as it relates to WCAG](https://webaim.org/articles/contrast/). While you can use [WebAIM's contrast checker](https://webaim.org/resources/contrastchecker/), I recommend finding a more fully-featured color design tool that incorporates contrast checking, luminance comparison, color vision simulation, and more. My personal tool of choice is [Atmos](https://atmos.style/). 1. Ensuring that **color alone is not used to communicate meaning** helps users with various color deficiencies or certain AT users access your content and understand what is going on. For example, a form that highlights inputs in red when they are improperly filled in should *also* provide error messages. ### Color in Framer -Regarding item 1, Framer supports [light and dark modes for your color styles](https://www.framer.com/academy/lessons/light-dark-mode){target="_blank" rel="external"}. Items 2 & 3 are handled independently of Framer. +Regarding item 1, Framer supports [light and dark modes for your color styles](https://www.framer.com/academy/lessons/light-dark-mode). Items 2 & 3 are handled independently of Framer. ## Responsive design @@ -106,13 +106,13 @@ A huge percentage of web browsing comes from mobile devices or tablets - and tha ### Responsive design in Framer -Read about [how to design responsive websites in Framer](https://www.framer.com/blog/design-responsive-websites/){target="_blank" rel="external"}. +Read about [how to design responsive websites in Framer](https://www.framer.com/blog/design-responsive-websites/). ## Forms Accessible forms can be *hard*. They bring in challenges relating to labeling, validation, reading order, and color design. -1. **Labeling:** all form controls should have associated labels. Note that placeholder text does not constitute a label! Best practice is that labels be visible, but in some cases (for example a search bar which can be widely visually understood via placeholder text and a magnifying glass icon) you may want an invisible label. [Invisible labels can be achieved in several ways](https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text){target="_blank" rel="external"}. +1. **Labeling:** all form controls should have associated labels. Note that placeholder text does not constitute a label! Best practice is that labels be visible, but in some cases (for example a search bar which can be widely visually understood via placeholder text and a magnifying glass icon) you may want an invisible label. [Invisible labels can be achieved in several ways](https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text). 1. **Validation:** thankfully, form control attributes can control validation for many common scenarios such as email, phone number, etc. It’s also possible to control whether an input is required. 1. **Reading order:** it’s important to ensure that tabbing through your form follows the same order as the visual items. 1. **Color:** as discussed earlier, ensure that errors are not communicated solely by color! @@ -129,7 +129,7 @@ Accessible forms can be *hard*. They bring in challenges relating to labeling, v ## Other considerations - Links should have **anchor text** that accurately represents what they point to (review this document for examples - note how links encapsulate the content they lead to). - - Counterexample: a newspaper page with many "continue reading" links. In this case, you would use the title or aria-label attributes to give a better programmatic name to the link that isn't visible to sighted users. Framer doesn't support the title attribute, so use [aria-label](https://www.framer.com/help/articles/improving-accessibility-with-aria-labels/){target="_blank" rel="external"} (found under "Accessibility" in the right-hand sidebar). + - Counterexample: a newspaper page with many "continue reading" links. In this case, you would use the title or aria-label attributes to give a better programmatic name to the link that isn't visible to sighted users. Framer doesn't support the title attribute, so use [aria-label](https://www.framer.com/help/articles/improving-accessibility-with-aria-labels/) (found under "Accessibility" in the right-hand sidebar). - Links should always be **visibly indicated as links** - underlines are traditional, and traditional is understandable by users. If you choose otherwise, ensure you aren't [distinguishing only by color](#color)! - If your links are underlined, avoid underlining other text elements to avoid confusion. -- Some users need **reduced or removed animations**. There is a setting in Framer to [allow reduced motion support](https://www.framer.com/help/articles/reduced-motion-settings/){target="_blank" rel="external"}. It's turned off by default. +- Some users need **reduced or removed animations**. There is a setting in Framer to [allow reduced motion support](https://www.framer.com/help/articles/reduced-motion-settings/). It's turned off by default. diff --git a/src/posts/2026/2026-09-08-leather-mouse-purse.md b/src/posts/2026/2026-09-08-leather-mouse-purse.md index cc31aba6..6316d45b 100644 --- a/src/posts/2026/2026-09-08-leather-mouse-purse.md +++ b/src/posts/2026/2026-09-08-leather-mouse-purse.md @@ -8,4 +8,4 @@ tags: - leather --- -Made from [a pattern by AnnaleatherHK on Etsy](https://www.etsy.com/listing/900951877/pdf-pattern-mouse-coin-purse-leather-diy){target="_blank" rel="external"}. +Made from [a pattern by AnnaleatherHK on Etsy](https://www.etsy.com/listing/900951877/pdf-pattern-mouse-coin-purse-leather-diy). diff --git a/src/posts/2026/2026-09-09-houndstooth-dishtowels.md b/src/posts/2026/2026-09-09-houndstooth-dishtowels.md index 405d7534..12e47369 100644 --- a/src/posts/2026/2026-09-09-houndstooth-dishtowels.md +++ b/src/posts/2026/2026-09-09-houndstooth-dishtowels.md @@ -8,6 +8,6 @@ tags: - weaving --- -Yarn: [Circulo Anne Weaving Yarn](https://woolery.com/products/circulo-anne-weaving-yarn){target="_blank" rel="external"}. +Yarn: [Circulo Anne Weaving Yarn](https://woolery.com/products/circulo-anne-weaving-yarn). 3 towels. Woven area roughly 12"x24". Hemstitched.