1 parent
b4fbeffc41
commit
bfa91ea19f
30 files changed
+589
-87
No files matched your search
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: moving images
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/cormorant.jpg
|
||||
alt: "Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats."
|
||||
@@ -10,7 +11,7 @@ tags:
|
||||
|
||||
## problem statement
|
||||
|
||||
today I decided to finally clean up the `assets/img` directory for this site. Since 2022, when I started this project, I've just been adding images directly to that directory with no further segmentation - messy of me, I know! It's gotten unwieldy and I'm starting to get worried about generic names leading to duplicates at some point, particularly for the non-gallery images where I have a tendency to [use](/stationery-exchange) [lots](/favorite-git-flag) [of](/trans-networks) [mushroom](/no-politics) [images](/domain-and-site-setup).
|
||||
today I decided to finally clean up the `assets/img` directory for this site. Since 2022, when I started this project, I've just been adding images directly to that directory with no further segmentation - messy of me, I know! It's gotten unwieldy and I'm starting to get worried about generic names leading to duplicates at some point, particularly for the non-gallery posts where I have a tendency to [use](/stationery-exchange) [lots](/my-favorite-git-flag) [of](/networks-of-trans-care) [mushroom](/no-politics-wip) [images](/domain-and-site-setup).
|
||||
|
||||
so it's time to move them into year-based folders. Let's talk about how I did that. `bash` away!
|
||||
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: an intro to git
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/goldeneye-tail.jpg
|
||||
alt: "Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash."
|
||||
@@ -10,54 +11,6 @@ tags:
|
||||
|
||||
alrighty, this one's a real doozy. Strap in.
|
||||
|
||||
---
|
||||
|
||||
<!-- TOC -->
|
||||
|
||||
- [versioning](#versioning)
|
||||
- [problem statement](#problem-statement)
|
||||
- [what is git?](#what-is-git)
|
||||
- [where can I use git?](#where-can-i-use-git)
|
||||
- [what is a CLI?](#what-is-a-cli)
|
||||
- [where can I use the git CLI?](#where-can-i-use-the-git-cli)
|
||||
- [git for Windows](#git-for-windows)
|
||||
- [WSL](#wsl)
|
||||
- [a few terminal operations](#a-few-terminal-operations)
|
||||
- [edit files](#edit-files)
|
||||
- [git version](#git-version)
|
||||
- [a few handy settings](#a-few-handy-settings)
|
||||
- [git going](#git-going)
|
||||
- [git init](#git-init)
|
||||
- [git clone](#git-clone)
|
||||
- [git status](#git-status)
|
||||
- [branch main](#branch-main)
|
||||
- [no commits / nothing to commit](#no-commits--nothing-to-commit)
|
||||
- [commits and history](#commits-and-history)
|
||||
- [git log](#git-log)
|
||||
- [creating a commit](#creating-a-commit)
|
||||
- [the staging area](#the-staging-area)
|
||||
- [git add](#git-add)
|
||||
- [git commit](#git-commit)
|
||||
- [checking our work](#checking-our-work)
|
||||
- [changes to existing files](#changes-to-existing-files)
|
||||
- [git restore](#git-restore)
|
||||
- [git revert](#git-revert)
|
||||
- [git remote](#git-remote)
|
||||
- [git fetch and git pull](#git-fetch-and-git-pull)
|
||||
- [git push, take one](#git-push-take-one)
|
||||
- [authentication](#authentication)
|
||||
- [SSH keys](#ssh-keys)
|
||||
- [creation](#creation)
|
||||
- [an alias...](#an-alias)
|
||||
- [and a function](#and-a-function)
|
||||
- [SSH keys and the remote](#ssh-keys-and-the-remote)
|
||||
- [git push, take two](#git-push-take-two)
|
||||
- [summary](#summary)
|
||||
|
||||
<!-- /TOC -->
|
||||
|
||||
---
|
||||
|
||||
## versioning
|
||||
|
||||
have you ever tried to revert to a previous version of a document in MS Office or Google Docs and found that your revision history is cluttered with small changes that by all rights should be grouped into one set of edits, but they aren't, and it's tedious to pick through all the versions?
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: comparing text editors
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/horsetail.jpg
|
||||
alt: "Image unrelated to post. Close up on a horsetail plant's stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint."
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: screen reader optimizations
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/crow.jpg
|
||||
alt: "Image unrelated to post. A crow poses on driftwood against a whitish sky."
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: eleventy lessons
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/hellebore.jpg
|
||||
alt: Image unrelated to post. Close up on a pale green hellebore flower.
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: accessible image modals
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/snacking-seagull.jpg
|
||||
alt: Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth.
|
||||
@@ -10,7 +11,7 @@ tags:
|
||||
|
||||
Recently I've been working on a single-page digital rendition of a zine complete with many hand-drawn images. The author wanted to be able to bring images up to a full-screen view, to either zoom in or to put the whole enlarged image on one screen with no scrolling. It was a real struggle to find resources on how to do this in an accessible manner, so I'm writing up what I did.
|
||||
|
||||
> Fair warning: This solution is likely imperfect.
|
||||
> Fair warning: this solution is likely imperfect.
|
||||
|
||||
## the `dialog` element
|
||||
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: core CSS
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/core-css.png
|
||||
alt: "A website mockup in dark mode with light pink accents. Everything is filler text such as the title 'This is my cool website', headers reading things like 'This is an h1', nav items 'Nav item 1', etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley."
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: visual site builders and accessibility
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/roses.jpg
|
||||
alt: Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus.
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: leatherworking zine
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/leatherworking-zine.jpg
|
||||
alt: "3 copies of the same zine with different colored cardstock covers. The cover reads 'Leatherworking Tools' and lists myself as the author. Surrounding the text are many small icons of tools and explanatory diagrams. The text is dark teal and the icons are dark pink."
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
---
|
||||
title: framer accessibility
|
||||
layout: post-with-toc.njk
|
||||
image:
|
||||
src: 2026/framer.png
|
||||
alt: "A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features."
|
||||
|
||||
Reference in new issue
Block a user