Mushrooms photo post

This group has one command so far: next-tag. It looks at the git tag list and
figured out the next deployment tag. For the most part tags are named like so:

    deploy-%Y-%m-%d-NN

The middle segments are year-month-day, and the last segment is an incrementing
counter. For the most part this number will be 01. On days when I deploy more than
once, it will increment.

.gitattributes

@@ -0,0 +1,5 @@
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.pxm filter=lfs diff=lfs merge=lfs -text
+*.mov filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,11 @@
+node_modules/
+public/
+/documentation/mirrors/
+/resources/
+.hugo_build.lock
+*.log
+*.orig
+*~
+
+# Backup files for Markdown files processed in-place with sed
+*.md-e

.gitmodules

@@ -0,0 +1,18 @@
+[submodule "themes/platters"]
+	path = themes/platters
+	url = nutmeg:git/hugo-theme-platters.git
+[submodule "themes/termlite"]
+	path = themes/termlite
+	url = git@github.com:erynofwales/hugo-theme-termlite.git
+[submodule "themes/resource-builders"]
+	path = themes/resource-builders
+	url = git@github.com:erynofwales/hugo-resource-builders.git
+[submodule "themes/image-utils"]
+	path = themes/image-utils
+	url = git@github.com:erynofwales/hugo-image-utilities.git
+[submodule "themes/photostream"]
+	path = themes/photostream
+	url = git@github.com:erynofwales/hugo-theme-photostream.git
+[submodule "themes/feeds"]
+	path = themes/feeds
+	url = git@github.com:erynofwales/hugo-theme-feeds.git

.nvim/UltiSnips/markdown.snippets

@@ -0,0 +1,15 @@
+snippet jp "lang jp shortcode" w
+{{< lang jp >}}$1{{< /lang >}}
+endsnippet
+
+snippet jpp "lang jp shortcode with expansion" w
+{{% lang jp %}}$1{{% /lang %}}
+endsnippet
+
+snippet tess "tess shortcode" w
+{{< tess >}}
+endsnippet
+
+snippet ruby "ruby shortcode" w
+{{< ruby "$1" >}}$2{{< /ruby >}}
+endsnippet

.nvim/after/ftplugin/css.lua

@@ -0,0 +1,4 @@
+-- Eryn Wells <eryn@erynwells.me>
+
+vim.bo.shiftwidth = 2
+vim.bo.softtabstop = 2

.nvim/after/ftplugin/html.lua

@@ -0,0 +1,6 @@
+-- Eryn Wells <eryn@erynwells.me>
+
+local root = gitTopLevelDirectory()
+vim.opt_local.path:prepend(root .. "/assets/scripts/**")
+vim.opt_local.path:prepend(root .. "/assets/styles/**")
+vim.opt_local.path:prepend(root .. "/layouts/**")

.nvim/after/ftplugin/javascript.lua

@@ -0,0 +1,4 @@
+-- Eryn Wells <eryn@erynwells.me>
+
+local root = gitTopLevelDirectory()
+vim.opt_local.path:prepend(root .. "/assets/scripts/**")

.nvim/after/ftplugin/markdown.lua

@@ -0,0 +1,11 @@
+-- Eryn Wells <eryn@erynwells.me>
+
+vim.bo.textwidth = 80
+
+vim.cmd [[
+    iabbrev tokyo Tōkyō
+    iabbrev Tokyo Tōkyō
+    iabbrev kyoto Kyōto
+    iabbrev Kyoto Kyōto
+    iabbrev xx &times;
+]]

.nvim/ftdetect/html.lua

@@ -0,0 +1,8 @@
+-- Eryn Wells <eryn@erynwells.me>
+
+local filetypedetectGroup = vim.api.nvim_create_augroup("HugoHTMLTemplates", {clear = true})
+vim.api.nvim_create_autocmd({"BufRead", "BufNewFile"}, {
+    pattern = {"**/layouts/**/*.html"},
+    group = filetypedetectGroup,
+    command = "set ft=gohtmltmpl",
+})

Makefile

@@ -0,0 +1,42 @@
+# Eryn Wells <eryn@erynwells.me>
+
+BUILD_DIR=public
+
+CONTENT_PATH=content
+
+DEPLOY_USER=eryn
+DEPLOY_HOSTNAME=nutmeg.erynwells.me
+DEPLOY_PATH=/srv/www/erynwells.me/html
+DEPLOY_LOCATION=$(DEPLOY_USER)@$(DEPLOY_HOSTNAME):$(DEPLOY_PATH)
+
+HOSTNAME=$(shell hostname -s)
+
+NETHACK_LOGFILE=$(shell command nethack --showpaths | grep scoredir | sed 's/.*"\(.*\)".*/\1/g')/logfile
+NETHACK_LOGFILE_DATA_FILE=data/nethack/logfile/$(HOSTNAME).json
+
+.PHONY: site deploy clean
+
+site:
+	@echo "Building site"
+	hugo --buildFuture --enableGitInfo --destination "$(BUILD_DIR)"
+
+deploy: site
+	@echo "Deploying to $(DEPLOY_LOCATION)"
+	rsync -avz --no-times --no-perms --delete "$(BUILD_DIR)/" "$(DEPLOY_LOCATION)"
+	git tag -f deploy-$(shell date +%Y-%m-%d)
+
+deployall: nethack deploy
+
+nethack: nethack-logfile nethack-commit
+
+nethack-logfile: $(NETHACK_LOGFILE)
+ifeq (,$(wildcard $<))
+	@echo "Importing Nethack logfile from $(NETHACK_LOGFILE)"
+	scripts/import-nethack-logfile.py -o $(NETHACK_LOGFILE_DATA_FILE) $<
+endif
+
+nethack-commit: $(NETHACK_LOGFILE_DATA_FILE)
+	if ! git diff --quiet $<; then git commit -m "Update Nethack logfile for $(HOSTNAME)" -- $<; fi
+
+clean:
+	rm -rf "$(BUILD_DIR)/"

archetypes/default/index.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

archetypes/link.md

@@ -0,0 +1,9 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+slug: link-{{ .Name }}
+date: {{ .Date }}
+categories: links
+draft: true
+tags: []
+---
+

archetypes/sketch/index.md

@@ -0,0 +1,7 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
+{{< figures/p5 id="sketch" >}}

archetypes/sketch/sketch.js

@@ -0,0 +1,20 @@
+const sketch = p => {
+    p.setup = () => {
+        const sketchContainer = document.querySelector('#sketch');
+        const canvasWidth = parseFloat(getComputedStyle(sketchContainer).width);
+        let canvas = p.createCanvas(canvasWidth, canvasWidth);
+        canvas.canvas.removeAttribute('style');
+        sketchContainer.appendChild(canvas.canvas);
+
+        p.pixelDensity(p.displayDensity());
+    };
+
+    p.draw = () => {
+        p.background(255);
+        p.strokeWeight(4);
+        p.stroke(0, 0, 255);
+        p.circle(100, 100, 100);
+    };
+};
+
+new p5(sketch, 'sketch');

archetypes/weeknotes.md

@@ -0,0 +1,10 @@
+---
+title: "Notes on {{ time.Now.Format "2006" }}W%%WEEK_NUMBER%%"
+slug: weeknotes-{{ time.Now.Format "2006" }}w%%WEEK_NUMBER%%
+date: {{ .Date | time.Format "2006-01-02" }}
+categories: weeknotes
+tags:
+  - Weeknotes
+draft: true
+---
+

assets/css/099_format_tweaks.css

@@ -0,0 +1,18 @@
+
+
+
+
+
+/************************
+ * PARAGRAPH-SPACED LIST
+ ************************/
+
+p + .paragraph-spaced-list {
+  margin-block-start: var(--space-paragraph);
+}
+
+.paragraph-spaced-list {
+  li + li {
+    margin-block-start: var(--space-paragraph);
+  }
+}

assets/css/099_home_latest.css

@@ -0,0 +1,42 @@
+.home-latest {
+  display: grid;
+  grid-column: main-start / main-end;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-template-rows: min-content min-content;
+  grid-template-areas:
+    "blog1 blog1 blog2 blog2"
+    "photo1 photo2 photo3 photo4";
+
+  .home-latest__blog {
+    margin-block-end: var(--space-m);
+  }
+
+  .home-latest__blog:nth-of-type(1) {
+    grid-area: blog1;
+    border-right: 2px dashed var(--gray6);
+    padding-inline-end: var(--space-s);
+  }
+
+  .home-latest__blog:nth-of-type(2) {
+    grid-area: blog2;
+    padding-inline-start: var(--space-s);
+  }
+
+  .home-latest__photo {
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .home-latest {
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: repeat(min-content, 4);
+    grid-template-areas:
+      "blog1 blog2"
+      "photo1 photo2"
+      "photo3 photo4";
+  }
+}
+
+p + .home-latest {
+  margin-block-start: var(--space-paragraph);
+}

assets/css/099_nethack.css

@@ -0,0 +1,100 @@
+
+
+
+
+
+/******************
+ * NETHACK LOGFILE
+ ******************/
+
+#dungeon-background {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  filter: brightness(0.3);
+}
+
+.nethack-logfile {
+  margin-inline-start: 0;
+  padding-inline-start: 0;
+
+  .nethack-logentry {
+    align-items: first baseline;
+    display: grid;
+    grid-template-columns: min-content min-content auto min-content;
+    grid-template-areas:
+      "list-marker entry-marker entry-date        entry-character-descriptor"
+      ".           .            entry-description entry-description"
+      ".           .            entry-stats       entry-stats";
+    gap: var(--space-xs);
+    margin-inline-start: 0;
+  }
+}
+
+
+.nethack-logentry {
+  &:not(:last-child) {
+    margin-block-end: var(--space-l);
+  }
+
+  &::before {
+    grid-area: list-marker;
+  }
+
+  .nethack-logentry__marker {
+    grid-area: entry-marker;
+  }
+
+  .nethack-logentry__date {
+    grid-area: entry-date;
+    line-height: 1;
+    margin: 0;
+    padding: 0;
+  }
+
+  .nethack-logentry__character-descriptor {
+    font-family: var(--font-family-monospace);
+    font-size: var(--text-s);
+    grid-area: entry-character-descriptor;
+    line-height: 1;
+    white-space: nowrap;
+  }
+
+  .nethack-logentry__description {
+    grid-area: entry-description;
+    margin: 0;
+  }
+
+  .nethack-logentry__stats {
+    border: 0;
+    color: var(--text-color-secondary);
+    font-family: var(--font-family-monospace);
+    font-size: var(--text-s);
+    grid-area: entry-stats;
+    margin-block: 0;
+    width: 100%;
+    -webkit-border-horizontal-spacing: 0;
+    -webkit-border-vertical-spacing: 0;
+  }
+
+  .nethack-logentry__stats {
+    padding: 0;
+    text-transform: uppercase;
+    vertical-align: bottom;
+    white-space: nowrap;
+
+    thead {
+      font-weight: bolder;
+    }
+
+    .nethack-logentry__score,
+    .nethack-logentry__hp,
+    .nethack-logentry__level {
+      width: 16rem;
+      text-align: right;
+    }
+  }
+}

assets/scripts/nethack/dungeon.js

@@ -0,0 +1,758 @@
+const NUMBER_OF_ROOMS = 12;
+const TUNNEL_PASSES = 3;
+
+class Cell {
+  static CORRIDOR = "#";
+  static DOOR_CLOSED = "+";
+
+  character;
+  characterColor;
+  backgroundColor;
+
+  constructor(char, charColor) {
+    this.character = char;
+  }
+
+  empty() { this.character = " "; }
+  floor() { this.character = "."; }
+  upStair() { this.character = "<"; }
+  downStair() { this.character = ">"; }
+  corridor() { this.character = Cell.CORRIDOR; }
+  topLeftWall() { this.character = "┌"; }
+  topRightWall() { this.character = "┐"; }
+  bottomLeftWall() { this.character = "└"; }
+  bottomRightWall() { this.character = "┘"; }
+  horizontalWall() { this.character = "─"; }
+  verticalWall() { this.character = "│"; }
+  doorClosed() { this.character = Cell.DOOR_CLOSED; }
+
+  isEmpty() { return !this.character || this.character === " "; }
+  isDoor() { return this.character === Cell.DOOR_CLOSED; }
+  isCorridor() { return this.character === Cell.CORRIDOR; }
+
+  canBecomeDoor() { return this.character === "─" || this.character === "│" }
+}
+
+class Point {
+  x = 0;
+  y = 0;
+
+  constructor(x, y) {
+    if (x) { this.x = x; }
+    if (y) { this.y = y; }
+  }
+
+  *neighbors() {
+    const x = this.x;
+    const y = this.y;
+
+    yield new Point(x - 1, y - 1);
+    yield new Point(x,     y - 1);
+    yield new Point(x + 1, y - 1);
+    yield new Point(x - 1, y);
+    yield new Point(x + 1, y);
+    yield new Point(x - 1, y + 1);
+    yield new Point(x,     y + 1);
+    yield new Point(x + 1, y + 1);
+  }
+
+  equalsPoint(other) { return this.x === other.x && this.y === other.y; }
+}
+
+class Size {
+  width = 0;
+  height = 0;
+
+  constructor(width, height) {
+    this.width = width;
+    this.height = height;
+  }
+}
+
+class Rect {
+  origin = new Point();
+  size = new Size();
+
+  static fromCoordinates(x, y, w, h) {
+    return new Rect(new Point(x, y), new Size(w, h));
+  }
+
+  constructor(origin, size) {
+    this.origin = origin;
+    this.size = size;
+  }
+
+  get minX() { return this.origin.x; }
+  get minY() { return this.origin.y; }
+  get maxX() { return this.origin.x + this.size.width; }
+  get maxY() { return this.origin.y + this.size.height; }
+
+  get width() { return this.size.width; }
+  get height() { return this.size.height; }
+  get area() { return this.size.width * this.size.height; }
+
+  *xCoordinates() {
+    for (let x = this.minX; x <= this.maxX; x++) {
+      yield x;
+    }
+  }
+
+  *yCoordinates() {
+    for (let y = this.minY; y <= this.maxY; y++) {
+      yield y;
+    }
+  }
+
+  insetRect(inset) {
+    const twiceInset = 2 * inset;
+
+    return Rect.fromCoordinates(
+      this.origin.x + inset,
+      this.origin.y + inset,
+      this.size.width - twiceInset,
+      this.size.height - twiceInset
+    );
+  }
+
+  intersects(otherRect) {
+    if (otherRect.minX > this.maxX)
+      return false;
+
+    if (otherRect.maxX < this.minX)
+      return false;
+
+    if (otherRect.minY > this.maxY)
+      return false;
+
+    if (otherRect.maxY < this.minY)
+      return false;
+
+    return true;
+  }
+}
+
+class Grid {
+  #size;
+  #cells = [];
+  #rooms = [];
+
+  constructor(width, height) {
+    this.#size = new Size(width, height);
+
+    this.#cells = new Array(width * height);
+    for (let i = 0; i < this.#cells.length; i++) {
+      this.#cells[i] = new Cell(" ");
+    }
+  }
+
+  get bounds() { return new Rect(new Point(), this.#size); }
+  get width() { return this.#size.width; }
+  get height() { return this.#size.height; }
+  get rooms() { return this.#rooms; }
+
+  generate(p, roomGeneratorClass, tunnelGeneratorClass) {
+    this.#generateRooms(p, new roomGeneratorClass(this, NUMBER_OF_ROOMS));
+    this.#placeStairs();
+    this.#digCorridors(p, new tunnelGeneratorClass(this, TUNNEL_PASSES));
+  }
+
+  #generateRooms(p, generator) {
+    generator.generate(p);
+    this.#rooms = generator.rooms;
+  }
+
+  #placeStairs() {
+    const indexOfRoomWithUpStairs = randomInt(this.#rooms.length);
+    const coordinateOfUpStair = this.#rooms[indexOfRoomWithUpStairs].randomPoint();
+    this.cellAt(coordinateOfUpStair.x, coordinateOfUpStair.y).upStair();
+
+    while (true) {
+      let indexOfRoomForDownStair = randomInt(this.#rooms.length);
+      if (indexOfRoomForDownStair == indexOfRoomWithUpStairs) {
+        continue;
+      }
+
+      const coordinateOfDownStair = this.#rooms[indexOfRoomForDownStair].randomPoint();
+      this.cellAt(coordinateOfDownStair.x, coordinateOfDownStair.y).downStair();
+
+      break;
+    }
+  }
+
+  #digCorridors(p, generator) {
+    generator.generate(p);
+  }
+
+  pointIsInBounds(pt) { return pt.x >= 0 && pt.x < this.width && pt.y >= 0 && pt.y < this.height; }
+
+  cellAt(x, y) { return this.#cells[y * this.width + x]; }
+}
+
+class Room {
+  #rect;
+
+  constructor(rect) {
+    this.#rect = rect;
+  }
+
+  get bounds() { return this.#rect; }
+
+  get minX() { return this.#rect.minX; }
+  get minY() { return this.#rect.minY; }
+  get maxX() { return this.#rect.maxX; }
+  get maxY() { return this.#rect.maxY; }
+
+  randomPoint() {
+    return new Point(
+      this.#rect.minX + 1 + randomInt(this.#rect.size.width - 2),
+      this.#rect.minY + 1 + randomInt(this.#rect.size.height - 2)
+    );
+  }
+
+  transformCellAt(pt, cell) {
+    const minX = this.minX;
+    const minY = this.minY;
+    const maxX = this.maxX;
+    const maxY = this.maxY;
+
+    const x = pt.x;
+    const y = pt.y;
+
+    if (y === minY && x === minX) { cell.topLeftWall(); }
+    else if (y === minY && x === maxX) { cell.topRightWall(); }
+    else if (y === maxY && x === minX) { cell.bottomLeftWall(); }
+    else if (y === maxY && x === maxX) { cell.bottomRightWall(); }
+    else if (y === minY || y === maxY) { cell.horizontalWall(); }
+    else if (x === minX || x === maxX) { cell.verticalWall(); }
+    else if ((x > minX && x < maxX) && (y > minY && y < maxY)) { return cell.floor(); }
+  }
+}
+
+class NRandomRoomsGenerator {
+  static MIN_ROOM_DIMENSION = 7;
+  static MAX_ROOM_DIMENSION = 12;
+
+  #numberOfRooms = 12;
+  #rooms;
+  #grid;
+
+  constructor(grid, numberOfRooms) {
+    this.#grid = grid;
+
+    if (numberOfRooms) {
+      this.#numberOfRooms = numberOfRooms;
+    }
+  }
+
+  get rooms() {
+    if (!this.#rooms) {
+      this.#generateRooms();
+    }
+
+    return this.#rooms;
+  }
+
+  get #bounds() { return this.#grid.bounds; }
+
+  generate(p) {
+    this.#generateRooms();
+
+    for (let i = 0; i < this.#rooms.length; i++) {
+      let room = this.#rooms[i];
+      for (let y = room.minY; y <= room.maxY; y++) {
+        for (let x = room.minX; x <= room.maxX; x++) {
+          let point = new Point(x, y);
+          let cell = this.#grid.cellAt(x, y);
+
+          room.transformCellAt(point, cell);
+          cell.characterColor = p.color(255);
+        }
+      }
+    }
+  }
+
+  #generateRooms() {
+    let rects = new Array();
+
+    const sizeRange = NRandomRoomsGenerator.MAX_ROOM_DIMENSION - NRandomRoomsGenerator.MIN_ROOM_DIMENSION;
+
+    while (rects.length < this.#numberOfRooms) {
+      const randomSize = new Size(
+        NRandomRoomsGenerator.MIN_ROOM_DIMENSION + randomInt(sizeRange),
+        NRandomRoomsGenerator.MIN_ROOM_DIMENSION + randomInt(sizeRange)
+      );
+
+      const randomOrigin = new Point(
+        this.#bounds.minX + randomInt(this.#bounds.maxX - randomSize.width),
+        this.#bounds.minY + randomInt(this.#bounds.maxY - randomSize.height)
+      );
+
+      const proposedRoomRect = new Rect(randomOrigin, randomSize);
+
+      // Check that the rect doesn't intersect with any other rects.
+      if (rects.some(e => e.intersects(proposedRoomRect))) {
+        continue;
+      }
+
+      rects.push(proposedRoomRect);
+    }
+
+    rects.sort((a, b) => {
+      if (a.origin.x < b.origin.x) { return -1; }
+      if (a.origin.x > b.origin.x) { return 1; }
+      if (a.origin.y < b.origin.y) { return -1; }
+      if (a.origin.y > b.origin.y) { return 1; }
+      return 0;
+    });
+
+    this.#rooms = rects.map(r => new Room(r.insetRect(1)));
+  }
+}
+
+class TunnelGenerator {
+  static MAX_DOORS = 100;
+
+  #grid;
+  #passes = 3;
+  #numberOfDoorsPlaced = 0;
+
+  constructor(grid, passes) {
+    this.#grid = grid;
+    if (passes) { this.#passes = passes; }
+  }
+
+  generate(p) {
+    console.group("Digging tunnels");
+
+    if (this.#passes >= 1) {
+      this.#doPassOne(p);
+    }
+
+    if (this.#passes >= 2) {
+      this.#doPassTwo(p);
+    }
+
+    if (this.#passes >= 3) {
+      this.#doPassThree(p);
+    }
+
+    console.groupEnd();
+  }
+
+  #doPassOne(p) {
+    console.group("Pass 1");
+    this.#iterateAndConnectRoomsWithOffset(p, 1);
+    console.groupEnd();
+  }
+
+  #doPassTwo(p) {
+    console.group("Pass 2");
+    this.#iterateAndConnectRoomsWithOffset(p, 2);
+    console.groupEnd();
+  }
+
+  #doPassThree(p) {
+    console.group("Pass 3");
+    this.#iterateAndConnectRoomsWithOffset(p, 3);
+    console.groupEnd();
+  }
+
+  #iterateAndConnectRoomsWithOffset(p, offset) {
+    let rooms = this.#grid.rooms;
+    const numberOfRooms = rooms.length;
+    for (let i = 0; i < numberOfRooms - offset; i++) {
+      let fromRoom = rooms[i];
+      let toRoom = rooms[i + offset];
+
+      let [fromPoint, toPoint] = this.#findPointFromRoomToRoom(fromRoom, toRoom);
+      if (!fromPoint || !toPoint) {
+        continue;
+      }
+
+      for (let neighbor of fromPoint.neighbors()) {
+        if (!this.#grid.pointIsInBounds(neighbor)) {
+          continue;
+        }
+
+        let cell = this.#grid.cellAt(neighbor.x, neighbor.y);
+        if ((neighbor.x === fromPoint.x || neighbor.y === fromPoint.y) && cell.canBecomeDoor()) {
+          cell.doorClosed();
+          this.#numberOfDoorsPlaced++;
+          break;
+        }
+      }
+
+      const successfullyFoundTargetPoint = this.#digCorridorFromPointToPoint(p, fromPoint, toPoint);
+
+      if (successfullyFoundTargetPoint) {
+        for (let neighbor of toPoint.neighbors()) {
+          if (!this.#grid.pointIsInBounds(neighbor)) {
+            continue;
+          }
+
+          let cell = this.#grid.cellAt(neighbor.x, neighbor.y);
+          if ((neighbor.x === toPoint.x || neighbor.y === toPoint.y) && cell.canBecomeDoor()) {
+            cell.doorClosed();
+            this.#numberOfDoorsPlaced++;
+            break;
+          }
+        }
+      }
+    }
+  }
+
+  /**
+   * Dig a corridor from fromPoint to toPoint, assuming that both points are
+   * adjacent to valid locations for doors on the map.
+   *
+   * This is as close a copy of dig_corridor in the Nethack source as I could
+   * muster. It's not exactly pretty. This method assumed
+   */
+  #digCorridorFromPointToPoint(p, fromPoint, toPoint) {
+    const MAX_STEPS = 500;
+
+    if (!fromPoint || !toPoint) {
+      return;
+    }
+
+    const fromX = fromPoint.x;
+    const toX = toPoint.x;
+    const fromY = fromPoint.y;
+    const toY = toPoint.y;
+
+    let curX = fromX;
+    let curY = fromY;
+
+    let dx = 0;
+    let dy = 0;
+
+    // Set up the initial direction of the dig.
+    if (toX > curX) {
+      dx = 1;
+    } else if (toY > curY) {
+      dy = 1;
+    } else if (toX < curX) {
+      dx = -1;
+    } else {
+      dy = -1;
+    }
+
+    curX -= dx;
+    curY -= dy;
+
+    let steps = 0;
+    while (curX !== toX || curY !== toY) {
+      if (steps++ > MAX_STEPS) {
+        return false;
+      }
+
+      curX += dx;
+      curY += dy;
+
+      if (curX >= this.#grid.width - 1 || curX <= 0 || curY <= 0 || curY >= this.#grid.height - 1) {
+        return false;
+      }
+
+      let cell = this.#grid.cellAt(curX, curY);
+      if (cell.isEmpty()) {
+        cell.corridor();
+      } else if (!cell.isCorridor()) {
+        return false;
+      }
+
+      let dix = Math.abs(curX - toX);
+      let diy = Math.abs(curY - toY);
+
+      if (dix > diy && diy) {
+        const random = randomInt(dix - diy + 1);
+        if (!random) {
+          dix = 0;
+        }
+      } else if (diy > dix && dix) {
+        const random = randomInt(dix - diy + 1);
+        if (!random) {
+          diy = 0;
+        }
+      }
+
+      if (dy && dix > diy) {
+        const ddx = curX > toX ? -1 : 1;
+
+        let cell = this.#grid.cellAt(curX + ddx, curY);
+        if (cell.isEmpty() || cell.isCorridor()) {
+          dx = ddx;
+          dy = 0;
+          continue;
+        }
+      } else if (dx && diy > dix) {
+        const ddy = curY > toY ? -1 : 1;
+
+        let cell = this.#grid.cellAt(curX, curY + ddy);
+        if (cell.isEmpty() || cell.isCorridor()) {
+          dy = ddy;
+          dx = 0;
+          continue;
+        }
+      }
+
+      cell = this.#grid.cellAt(curX + dx, curY + dy);
+      if (cell.isEmpty() || cell.isCorridor()) {
+        continue;
+      }
+
+      if (dx) {
+        dx = 0;
+        dy = toY < curY ? -1 : 1;
+      } else {
+        dy = 0;
+        dx = toX < curX ? -1 : 1;
+      }
+
+      cell = this.#grid.cellAt(curX + dx, curY + dy);
+      if (cell.isEmpty() || cell.isCorridor()) {
+        continue;
+      }
+
+      dy = -dy;
+      dx = -dx;
+    }
+
+    return true;
+  }
+
+  #findPointFromRoomToRoom(fromRoom, toRoom) {
+    const fromRoomBounds = fromRoom.bounds;
+    const toRoomBounds = toRoom.bounds;
+
+    let foundFromPoint = false;
+    let foundToPoint = false;
+
+    let fromPoint;
+    let toPoint;
+    if (fromRoomBounds.maxX < toRoomBounds.minX) {
+      // fromRoom is farther left than toRoom
+      
+      fromPoint = new Point(fromRoomBounds.maxX, fromRoomBounds.minY + 1 + randomInt(fromRoomBounds.height - 2));
+      foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+
+      for (let y of fromRoomBounds.yCoordinates()) {
+        fromPoint.y = y;
+        foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+        if (foundFromPoint) {
+          break;
+        }
+      }
+
+      if (!foundFromPoint) {
+        return [];
+      }
+
+      toPoint = new Point(toRoomBounds.minX, toRoomBounds.minY + 1 + randomInt(toRoomBounds.height - 2));
+      foundToPoint = this.#canPlaceDoorAt(toPoint);
+
+      for (let y of toRoomBounds.yCoordinates()) {
+        toPoint.y = y;
+        foundToPoint = this.#canPlaceDoorAt(toPoint);
+        if (foundToPoint) {
+          break;
+        }
+      }
+
+      if (!foundToPoint) {
+        return [];
+      }
+
+      fromPoint.x += 1;
+      toPoint.x -= 1;
+    } else if (fromRoomBounds.minX > toRoomBounds.maxX) {
+      // fromRoom is farther right than toRoomBounds.
+
+      fromPoint = new Point(toRoomBounds.maxX, toRoomBounds.minY + 1 + randomInt(toRoomBounds.height - 2));
+      foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+
+      for (let y of toRoomBounds.yCoordinates()) {
+        fromPoint.y = y;
+        foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+        if (foundFromPoint) {
+          break;
+        }
+      }
+
+      if (!foundFromPoint) {
+        return [];
+      }
+
+      toPoint = new Point(fromRoomBounds.minX, fromRoomBounds.minY + 1 + randomInt(fromRoomBounds.height - 2));
+      foundToPoint = this.#canPlaceDoorAt(toPoint);
+
+      for (let y of fromRoomBounds.yCoordinates()) {
+        toPoint.y = y;
+        foundToPoint = this.#canPlaceDoorAt(toPoint);
+        if (foundToPoint) {
+          break;
+        }
+      }
+
+      if (!foundToPoint) {
+        return [];
+      }
+
+      fromPoint.x -= 1;
+      toPoint.x += 1;
+    } else if (fromRoomBounds.maxY < (toRoomBounds.minY - 1)) {
+      // fromRoom is above toRoom
+
+      fromPoint = new Point(fromRoomBounds.minX + 1 + randomInt(fromRoomBounds.width - 2), fromRoomBounds.maxY);
+      foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+
+      for (let x of fromRoomBounds.xCoordinates()) {
+        fromPoint.x = x;
+        foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+        if (foundFromPoint) {
+          break;
+        }
+      }
+
+      if (!foundFromPoint) {
+        return [];
+      }
+
+      toPoint = new Point(toRoomBounds.minX + 1 + randomInt(toRoomBounds.width - 2), toRoomBounds.minY);
+      foundToPoint = this.#canPlaceDoorAt(toPoint);
+
+      for (let x of toRoomBounds.xCoordinates()) {
+        toPoint.x = x;
+        foundToPoint = this.#canPlaceDoorAt(toPoint);
+        if (foundToPoint) {
+          break;
+        }
+      }
+
+      if (!foundToPoint) {
+        return [];
+      }
+
+      fromPoint.y += 1;
+      toPoint.y -= 1;
+    } else if (fromRoomBounds.minY > (toRoomBounds.maxY + 1)) {
+      // fromRoom is below toRoom
+
+      fromPoint = new Point(toRoomBounds.minX + 1 + randomInt(toRoomBounds.width - 2), toRoomBounds.maxY);
+      foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+
+      for (let x of toRoomBounds.xCoordinates()) {
+        fromPoint.x = x;
+        foundFromPoint = this.#canPlaceDoorAt(fromPoint);
+        if (foundFromPoint) {
+          break;
+        }
+      }
+
+      if (!foundFromPoint) {
+        return [];
+      }
+
+      toPoint = new Point(fromRoomBounds.minX + 1 + randomInt(fromRoomBounds.width - 2), fromRoomBounds.minY);
+      foundToPoint = this.#canPlaceDoorAt(toPoint);
+
+      for (let x of fromRoomBounds.xCoordinates()) {
+        toPoint.x = x;
+        foundToPoint = this.#canPlaceDoorAt(toPoint);
+        if (foundToPoint) {
+          break;
+        }
+      }
+
+      if (!foundToPoint) {
+        return [];
+      }
+
+      fromPoint.y += 1;
+      toPoint.y -= 1;
+    }
+
+    return [fromPoint, toPoint];
+  }
+
+  #canPlaceDoorAt(pt) {
+    if (this.#numberOfDoorsPlaced > TunnelGenerator.MAX_DOORS) {
+      return false;
+    }
+
+    if (!this.#grid.cellAt(pt.x, pt.y).canBecomeDoor()) {
+      return false;
+    }
+
+    for (let neighbor of pt.neighbors()) {
+      if (!this.#grid.pointIsInBounds(neighbor)) {
+        continue;
+      }
+
+      let cell = this.#grid.cellAt(neighbor.x, neighbor.y);
+      if (cell.isDoor()) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+}
+
+function randomInt(n) {
+  max = Math.floor(n);
+  return Math.floor(Math.random() * max);
+}
+
+let grid;
+
+new p5(p => {
+  const CELL_WIDTH = 20;
+  const CELL_HEIGHT = Math.floor(CELL_WIDTH * 1.3);
+
+  p.setup = () => {
+    const container = document.querySelector('#dungeon-background');
+    console.assert(container, "Missing #dungeon-background element");
+
+    canvasWidth = parseFloat(getComputedStyle(container).width);
+    canvasHeight = parseFloat(getComputedStyle(container).height);
+
+    let canvas = p.createCanvas(canvasWidth, canvasHeight);
+    canvas.canvas.removeAttribute('style');
+    container.appendChild(canvas.canvas);
+
+    p.pixelDensity(p.displayDensity());
+    p.textFont("Courier");
+
+    const gridBounds = Rect.fromCoordinates(
+      0, 0,
+      Math.max(80, Math.ceil(canvasWidth / CELL_WIDTH) - 1),
+      Math.max(24, Math.ceil(canvasHeight / CELL_HEIGHT) - 1)
+    );
+
+    console.log(`Generating grid with size ${gridBounds.size.width} x ${gridBounds.size.height}`);
+
+    grid = new Grid(gridBounds.size.width, gridBounds.size.height);
+    grid.generate(p, NRandomRoomsGenerator, TunnelGenerator);
+  };
+
+  p.draw = () => {
+    console.log("Drawing");
+
+    p.textSize(CELL_HEIGHT);
+
+    for (let y = 0; y < grid.height; y++) {
+      for (let x = 0; x < grid.width; x++) {
+        let cell = grid.cellAt(x, y);
+
+        let fillColor = cell.characterColor ? cell.characterColor : p.color(255);
+        p.fill(fillColor);
+
+        p.textAlign(p.CENTER, p.CENTER);
+        p.text(cell.character, x * CELL_WIDTH, y * CELL_HEIGHT, CELL_WIDTH, CELL_HEIGHT);
+      }
+    }
+
+    p.noLoop();
+  };
+
+}, '#dungeon-background');

assets/scripts/railroad-utils.js

@@ -0,0 +1,63 @@
+import rr from "scripts/lib/railroad.js";
+
+class RailroadDiagramManager {
+    constructor() {
+        this.figures = new Map();
+        this.isCurrentlyNarrow = undefined;
+
+        this.diagramBreakpoint = window.matchMedia("(max-width: 450px)");
+        this.diagramBreakpoint.addEventListener("change", () => {
+            this.updateVisiblity();
+        });
+    }
+
+    add(svg) {
+        const parent = svg.parentElement;
+        if (!this.figures.has(parent)) {
+            this.figures.set(parent, []);
+        }
+
+        this.figures.get(parent).push(svg);
+
+        parent.removeChild(svg);
+    }
+
+    updateVisiblity() {
+        const isNarrow = this.diagramBreakpoint.matches;
+
+        if (isNarrow === this.isCurrentlyNarrow) {
+            return;
+        }
+
+        this.isCurrentlyNarrow = isNarrow;
+
+        for (let [figure, svgs] of this.figures.entries()) {
+            for (let svg of svgs) {
+                const svgHasNarrowClass = svg.classList.contains("narrow");
+                if (isNarrow && svgHasNarrowClass)
+                    figure.appendChild(svg);
+                else if (!isNarrow && !svgHasNarrowClass)
+                    figure.appendChild(svg);
+                else if (svg.parentElement === figure)
+                    figure.removeChild(svg);
+            }
+        }
+    }
+}
+
+let railroadDiagramManager = new RailroadDiagramManager();
+
+export function railroadDiagram(builder, elementID, isNarrow) {
+    const diagram = builder(rr);
+    const svg = diagram.addTo(document.getElementById(elementID));
+
+    if (isNarrow) {
+        svg.classList.add("narrow");
+    }
+
+    railroadDiagramManager.add(svg);
+}
+
+window.addEventListener("DOMContentLoaded", () => {
+    railroadDiagramManager.updateVisiblity();
+});

assets/scripts/rubiks/scrambler.js

@@ -0,0 +1,123 @@
+class RubiksCubeScrambler extends HTMLElement {
+    static #RandomMoveHysteresisMaxLength = 2;
+
+    #shadowRoot;
+    #movesListElement;
+
+    #numberOfMovesToGenerate = 25;
+
+    constructor() {
+        super();
+        this.#shadowRoot = this.attachShadow({ mode: "open" });
+    }
+
+    scramble() {
+        console.log("Randomizing Rubik's cube...");
+
+        const movesList = this.#movesListElement;
+
+        while (movesList.childElementCount > this.#numberOfMovesToGenerate) {
+            movesList.removeChild(movesList.lastChild);
+        }
+
+        let randomMoveHysteresis = [];
+
+        for (let i = 0; i < this.#numberOfMovesToGenerate; i++) {
+            const randomMove = this.#randomMove(randomMoveHysteresis);
+
+            let moveItem;
+            if (i < movesList.childElementCount) {
+                moveItem = movesList.children[i];
+            } else {
+                moveItem = document.createElement("li");
+                movesList.appendChild(moveItem);
+            }
+
+            moveItem.classList.add("scrambler__move");
+            moveItem.classList.remove("scrambler__move--start", "scrambler__move--end");
+
+            if (randomMove.includes("2")) {
+                moveItem.classList.add("scrambler__move--start");
+            } else if (randomMove.includes("'")) {
+                moveItem.classList.add("scrambler__move--end");
+            }
+
+            moveItem.innerText = randomMove;
+        }
+    }
+
+    #randomMove(hysteresis) {
+        const faces = "FBLRUD";
+
+        let move;
+        do {
+            move = faces.charAt(Math.floor(Math.random() * faces.length));
+        } while (hysteresis && hysteresis.includes(move));
+
+        if (hysteresis) {
+            hysteresis.unshift(move);
+            while (hysteresis.length > RubiksCubeScrambler.#RandomMoveHysteresisMaxLength) {
+                hysteresis.pop();
+            }
+        }
+        
+        const modifierFactor = Math.random();
+        if (modifierFactor < 0.33333) {
+            move = "2" + move;
+        } else if (modifierFactor < 0.666666) {
+            move = move + "'";
+        }
+
+        return move;
+    }
+
+    #removeAllMoves() {
+        const element = this.#movesListElement;
+        while (element.hasChildNodes()) {
+            element.removeChild(element.lastChild);
+        }
+    }
+
+    // MARK: Custom Element
+
+    connectedCallback() {
+        let template = document.getElementById("rubiks-cube-scrambler-template");
+        console.assert(template, "Couldn't find RubiksCubeScrambler component template in the document");
+
+        const shadowRoot = this.#shadowRoot;
+        shadowRoot.appendChild(template.content.cloneNode(true));
+
+        this.#movesListElement = shadowRoot.querySelector(".scrambler__move-list");
+
+        shadowRoot
+            .querySelector("button[name='scramble']")
+            .addEventListener("click", () => this.scramble());
+
+        const patternLengthInputElement = shadowRoot.querySelector(".scrambler__pattern-length > input");
+        patternLengthInputElement.value = this.#numberOfMovesToGenerate;
+        patternLengthInputElement.addEventListener("input", event => {
+            try {
+                const integerValue = parseInt(event.target.value);
+                this.#numberOfMovesToGenerate = integerValue;
+            } catch (e) {
+                console.error("Non-integer value of pattern length field", e);
+            }
+        });
+
+        this.scramble();
+    }
+
+    attributeChangedCallback(name, oldValue, newValue) {
+        console.debug("RubiksCubeScrambler attribute changed", name, oldValue, newValue);
+        if (name === "count") {
+            try {
+                let newIntValue = parseInt(newValue);
+                this.#numberOfMovesToGenerate = newIntValue;
+            } catch (e) {
+                console.error("`count` attribute should have an integer value.", e);
+            }
+        }
+    }
+}
+
+window.customElements.define("rubiks-cube-scrambler", RubiksCubeScrambler);

assets/scripts/ruby_switch.js

@@ -0,0 +1,169 @@
+// Eryn Wells <eryn@erynwells.me>
+
+class RubySwitch extends HTMLElement {
+    static controlSizeInPixels = 32;
+    static thumbTransitionDuration = 0.1;
+
+    static settings = [
+        {
+            id: "ruby-switch-none",
+            value: "none",
+            label: "あ"
+        },
+        {
+            id: "ruby-switch-both",
+            value: "both",
+            label: "<ruby>あ<rt>a</rt></ruby>",
+            default: true
+        },
+        {
+            id: "ruby-switch-hidden",
+            value: "hidden",
+            label: "ab"
+        },
+    ];
+
+    #root;
+    #thumb;
+
+    constructor() {
+        super();
+
+        this.#updateValue(RubySwitch.settings.find(obj => obj.default).value);
+        this.addEventListener("RubyStyleChanged", event => {
+            this.#updateValue(event.detail.style);
+        });
+
+        this.#root = this.attachShadow({ mode: "closed" });
+        this.#buildShadowDOM();
+
+        this.#updateThumbPosition(this.#root.querySelector(".control[data-default]"));
+    }
+
+    #updateValue(style) {
+        this.setAttribute("value", style);
+    }
+
+    get #stylesheet() {
+        const controlSize = RubySwitch.controlSizeInPixels;
+        const halfControlSize = controlSize / 2;
+
+        return `
+            #ruby-controls {
+                box-sizing: border-box;
+                display: inline-block;
+                position: relative;
+            }
+
+            #controls {
+                border: none;
+                box-sizing: border-box;
+                display: inline grid;
+                grid-template-columns: repeat(3, ${controlSize}px);
+                margin: 0;
+                overflow: none;
+                padding: 0;
+            }
+
+            #thumb {
+                box-sizing: border-box;
+                box-shadow: 2px 2px 6px #ccc;
+                border: 0.5px solid #aaa;
+                border-radius: ${halfControlSize}px;
+                position: absolute;
+                top: 0;
+                height: ${controlSize}px;
+                width: ${controlSize}px;
+                z-index: 50;
+                transition: left ${RubySwitch.thumbTransitionDuration}s;
+            }
+
+            .control {
+                aspect-ratio: 1;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: ${controlSize}px;
+                width: ${controlSize}px;
+            }
+
+            b {
+                font-weight: normal;
+                cursor: pointer;
+            }
+
+            label {
+                z-index: 2;
+                text-align: center;
+            }
+
+            #ruby-switch-both {
+            }
+        `;
+    }
+
+    #buildShadowDOM() {
+        const root = this.#root;
+
+        const style = document.createElement("style");
+        style.textContent = this.#stylesheet;
+        root.appendChild(style);
+
+        let container = document.createElement("div");
+        container.id = "ruby-controls";
+        root.appendChild(container);
+
+        let controls = document.createElement("div");
+        controls.id = "controls";
+        container.appendChild(controls);
+
+        for (const desc of RubySwitch.settings) {
+            let control = document.createElement("div");
+            control.classList.add("control")
+            control.id = desc.id;
+
+            control.dataset.value = desc.value;
+            if (desc.default) {
+                control.dataset.default = "";
+            }
+
+            controls.appendChild(control);
+
+            control.addEventListener("click", event => {
+                event.stopPropagation();
+                event.preventDefault();
+
+                this.#updateThumbPosition(event.currentTarget);
+
+                this.#root.dispatchEvent(new CustomEvent("RubyStyleChanged", {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        style: control.dataset.value,
+                    },
+                }));
+            }, { capture: true });
+
+            const label = document.createElement("b");
+            label.innerHTML = desc.label;
+            control.appendChild(label);
+        }
+
+        const thumb = document.createElement("div");
+        this.#thumb = thumb;
+        thumb.id = "thumb";
+        container.appendChild(thumb);
+    }
+
+    #updateThumbPosition(selectedControl) {
+        const controls = this.#root.querySelector("#controls");
+
+        const trackBoundingRect = controls.getBoundingClientRect();
+        const controlBoundingRect = selectedControl.getBoundingClientRect();
+
+        const offset = controlBoundingRect.left - trackBoundingRect.left;
+        this.#thumb.style.left = `${offset}px`;
+    }
+}
+
+customElements.define("ruby-switch", RubySwitch);

assets/scripts/site.js

@@ -0,0 +1,6 @@
+/* site.js
+ * Eryn Wells <eryn@erynwells.me>
+ */
+
+window.addEventListener("DOMContentLoaded", () => {
+});

assets/scripts/sketch-utils.js

@@ -0,0 +1,7 @@
+function getInlineSketchWidth() {
+    return getComputedStyle(document.documentElement).getPropertyValue("--body-width");
+}
+
+function convertRemToPx(rem) {
+    return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+}

config.old.toml

@@ -0,0 +1,75 @@
+baseURL = 'https://erynwells.me/'
+languageCode = 'en-us'
+title = 'Erynwells.me'
+defaultContentLanguage = 'en'
+
+[author]
+name = 'Eryn Wells'
+
+[languages]
+    [languages.en]
+    weight = 1
+    [languages.es]
+    weight = 2
+
+[markup]
+    [markup.highlight]
+        anchorLineNos = true
+        lineNos = true
+        lineNumbersInTable = false
+        noClasses = false
+
+[mediaTypes]
+    [mediaTypes.'application/rss+xml']
+        delimiter = '.'
+        suffixes = ['rss']
+
+[menu]
+    [[menu.main]]
+        identifier = 'blog'
+        name = 'Blog'
+        url = '/blog/'
+        weight = 10
+    [[menu.main]]
+        identifier = 'photos'
+        name = 'Photos'
+        url = '/photos/'
+        weight = 20
+    [[menu.main]]
+        identifier = 'about'
+        name = 'About'
+        url = '/about/'
+
+[outputFormats]
+    [outputFormats.RSS]
+        mediatype = 'application/rss+xml'
+        baseName = 'feed'
+        suffixes = ['rss']
+
+[outputs]
+home = ['HTML', 'RSS']
+page = ['HTML', 'JSON']
+
+[params]
+twitter = 'erynofwales'
+github = 'erynofwales'
+instagram = 'erynofwales'
+description = 'Home page of Eryn Wells'
+
+[permalinks]
+blog = 'blog/:year/:month/:slug/'
+photos = 'photos/:year/:month/:slug/'
+
+[taxonomies]
+category = 'categories'
+location = 'locations'
+series = 'series'
+tag = 'tags'
+
+[privacy]
+    [privacy.twitter]
+    enableDNT = true
+
+[services]
+    [services.twitter]
+    disableInlineCSS = true

config/_default/config.yaml

@@ -0,0 +1,6 @@
+baseURL: https://erynwells.me/
+languageCode: en-US
+title: ~eryn
+copyright: Copyright © 2020—2024 Eryn Wells
+defaultContentLanguage: en
+enableEmoji: true

config/_default/languages.yaml

@@ -0,0 +1,12 @@
+en:
+  languageName: English
+  weight: 1
+es:
+  languageName: Español
+  weight: 2
+jp:
+  languageName: 日本語
+  weight: 3
+tok:
+  languageName: toki pona
+  weight: 4

config/_default/markup.yaml

@@ -0,0 +1,12 @@
+goldmark:
+  renderer:
+    unsafe: true
+  parser:
+    attribute:
+      block: true
+      title: true
+highlight:
+  anchorLineNos: true
+  lineNos: false
+  lineNumbersInTable: false
+  noClasses: false

config/_default/mediatypes.yaml

@@ -0,0 +1,6 @@
+application/rss+xml:
+  delimiter: .
+  suffixes: [rss]
+application/atom+xml:
+  delimiter: .
+  suffixes: [atom, xml]

config/_default/menu.yaml

@@ -0,0 +1,52 @@
+main:
+  - identifier: blog
+    name: Blog
+    url: /blog/
+    weight: 10
+  - identifier: photos
+    name: Photos
+    url: /photos/
+    weight: 20
+  - identifier: about
+    name: About
+    url: /about/
+    weight: 30
+  - identifier: feed
+    name: feed
+    url: /feed.atom
+    weight: 40
+    params:
+      style: file
+social:
+  - identifier: mastodon
+    name: Mastodon
+    url: https://mastodon.social/@erynofwales
+    weight: 10
+    params:
+      shortName: mst
+  - identifier: github
+    name: Github
+    url: https://github.com/erynofwales
+    weight: 20
+    params:
+      shortName: gh
+  - identifier: instagram
+    name: Instagram
+    url: https://instagram.com/erynofwales
+    weight: 30
+    params:
+      shortName: ig
+  - identifier: feed
+    name: feed
+    url: /feed.atom
+    weight: 40
+    params:
+      shortName: feed
+      targetBlank: false
+about:
+  - identifier: resume
+    name: Résumé
+    url: /resume/
+  - identifier: whereAmI
+    name: Where Am I
+    url: /where-am-i/

config/_default/module.yaml

@@ -0,0 +1,15 @@
+hugoVersion:
+  extended: false
+  min: "0.116.0"
+replacements: >-
+  github.com/erynofwales/hugo-theme-feeds/v2 -> feeds,
+  github.com/erynofwales/hugo-theme-termlite/v2 -> termlite,
+  github.com/erynofwales/hugo-theme-photostream/v2 -> photostream,
+  github.com/erynofwales/hugo-resource-builders/v2 -> resource-builders,
+  github.com/erynofwales/hugo-image-utilities/v2 -> image-utils
+imports:
+  - path: github.com/erynofwales/hugo-theme-termlite/v2
+  - path: github.com/erynofwales/hugo-theme-feeds/v2
+  - path: github.com/erynofwales/hugo-theme-photostream/v2
+  - path: github.com/erynofwales/hugo-resource-builders/v2
+  - path: github.com/erynofwales/hugo-image-utilities/v2

config/_default/outputformats.yaml

@@ -0,0 +1,8 @@
+RSS:
+  mediatype: application/rss+xml
+  baseName: feed
+  suffixes: [rss]
+Atom:
+  mediatype: application/atom+xml
+  baseName: feed
+  suffixes: [atom, xml]

config/_default/outputs.yaml

@@ -0,0 +1,4 @@
+home: [HTML, Atom]
+section: [HTML, Atom]
+taxonomy: [HTML]
+term: [HTML]

config/_default/params.yaml

@@ -0,0 +1,20 @@
+author:
+  name: Eryn Wells
+  email: eryn@erynwells.me
+
+shortTitle: Eryn Wells
+
+twitter: erynofwales
+github: erynofwales
+instagram: erynofwales
+description: Home page of Eryn Rachel Wells
+
+blog:
+  yearLimit: 3
+
+photostream:
+  yearLimit: 3
+
+photos:
+  gridSize: 200
+  thumbnailSize: 600

config/_default/permalinks.yaml

@@ -0,0 +1,2 @@
+blog: blog/:year/:month/:slug/
+photos: photos/:year/:month/:slug/

config/_default/privacy.yaml

@@ -0,0 +1,2 @@
+x:
+  enableDNT: true

config/_default/services.yaml

@@ -0,0 +1,2 @@
+x:
+  disableInlineCSS: true

config/_default/taxonomies.yaml

@@ -0,0 +1,4 @@
+category: categories
+location: locations
+series: series
+tag: tags

content/_index.es.md

@@ -0,0 +1,8 @@
+---
+title: Eryn Rachel Wells
+layout: single
+---
+
+{{< nobreak >}}Ingeniera de software,{{< /nobreak >}}
+alfarera, música, y
+{{< nobreak >}}nerd en general.{{< /nobreak >}}

content/_index.md

@@ -0,0 +1,58 @@
+---
+layout: single
+params:
+  renderHeadingAnchors: false
+---
+
+Hi, I'm Eryn Wells. This is my website. Welcome!
+
+## Latest
+
+Here are some of my most recent posts.
+
+{{< home/latest >}}
+
+## Personal
+
+I'm a queer trans woman, {{< tess >}}' partner, and mom of [two cats][cats]. I
+was born in Seattle, {{< abbr Washington >}}WA{{< /abbr >}} and grew up in
+Phoenix, {{< abbr Arizona >}}AZ{{< /abbr >}}. I attended [Oberlin College][ob]
+where I got a degree in Computer Science. My pronouns are [she/her][pronouns]. 
+
+You can read more about me on my [about][ab] page, or [get in touch][where-am-i].
+
+## Professional
+
+I've worked as a software engineer since 2011 for a variety of companies around
+the San Francisco Bay Area. I joined [Apple][a] in 2016, where I currently work
+on password management and authentication technologies.
+
+My [résumé][r] has all the details.
+
+## Hobbies
+
+When I'm not working, you can reliably find me hacking on this website or [some
+coding other project][gh]. I'm also a musician, and play piano, Irish tin
+whistle, and modular synthesizer. Occasionally I [record][bc] [things][sc]. I
+love outer space and astronomy; I will always get excited to look at the moon
+with you, or check out anything through a telescope. I enjoy [photograhy][p],
+mostly as a travel hobby. And I've been practicing iaido, a traditional Japanese
+sword art, since early 2024. Other things I've been into include: bread baking,
+bicycling, calligraphy, ceramics, and knitting. 
+
+[a]: https://apple.com
+[ab]: {{< ref "/about" >}}
+[b]: {{< ref "/blog" >}}
+[bc]: https://erynwells.bandcamp.com/releases
+[cats]: {{< ref "/cats" >}}
+[eml]: mailto:Eryn%20Wells<eryn@erynwells.me>
+[gh]: https://github.com/erynofwales
+[ig]: https://www.instagram.com/erynofwales
+[m]: https://mastodon.social/@erynofwales
+[n]: {{< ref "/now" >}}
+[ob]: https://www.oberlin.edu
+[p]: {{< ref "/photos" >}}
+[pronouns]: http://pronoun.is/she
+[r]: {{< ref "/resume" >}}
+[sc]: https://soundcloud.com/purlsnbeeps
+[where-am-i]: {{< ref "/about/where-am-i" >}}

content/about/_index.es.md

@@ -0,0 +1,63 @@
+---
+title: "Hola! 👋🏻"
+draft: false
+slug: sobre
+resources:
+  - name: me
+    src: me.jpeg
+---
+
+{{< circular_image id=me name=me class="float-right" width=200
+  alt="Una foto de me, con sombrero, sentando en frente de un fondo de piedra">}}
+
+Me llamo Eryn. Mis pronombres son [ella/ella][p]. Esta es me página personal.
+Bienvenide.
+
+Soy una mujer trans y queer. Vivo en San Francisco con mis [dos gatos][cats].
+Nací en Seattle, WA, y crecía en Phoenix, AZ. Asistí [Oberlin College][ob] donde
+obtuve un títolo en informática. {{< tess >}} es mi novia.
+
+Mi lengua nativa es inglés, y también hablo español pero siempre necesito
+practicar más.
+
+## Pasatiempos
+
+Tengo un gran apetito por probar y aprender pasatiempos nuevos, especialmente
+las que combinan varias de mis intereses.
+
+He sido música para el gran parte de mi vida. Empezé tocar el piano cuando tuve
+siete años, toqué la trompeta en colegio, y he tocado algunos otros instrumentos
+por el camino. Todavía toco el piano, pero mi obsesión musical hoy en día es mi
+sintetizador modular. De vez en cuando, grabo música y espero compartirla aquí,
+en este sitio. Por el momento, puedes escuchar mi música en [Bandcamp][bc] o
+[SoundCloud][sc].
+
+Otros pasatiempos de los años recients incluyen: cerámica, caligrafía, tejido,
+horneado pan, ciclismo, fotografía, y astronomía. ¿Uno no puede tener demasiados
+pasatiemos, de verdad?
+
+## Trabajo
+
+He trabajado como ingeniera de software desde 2011 por varias companías basadas
+en San Francisco y Silicon Valley. Hace seis años que he trabajado en Apple,
+primero en el equipo iOS Accessibility, y ahora en el equipo Authentication
+Experience.
+
+Echa un vistazo a mi [resumen][r] para más detalles.
+
+## Decirme Hola
+
+Puedes [encontrarme en muchos rincones del Internet][where-am-i]. Estoy más
+activa en [Twitter][t] y [Instagram][i]. Publico música en [SoundCloud][sc] y
+[Bandcamp][bc]. Y para los proyectos de software, estoy en [GitHub][gh].
+
+[p]: http://pronoun.is/she
+[cats]: {{< ref "/cats" >}}
+[ob]: https://www.oberlin.edu
+[r]: {{< ref path="/resume" >}}
+[where-am-i]: {{< ref path="about/where-am-i" lang="es" >}}
+[t]: https://twitter.com/erynofwales
+[i]: https://www.instagram.com/erynofwales/
+[sc]: https://soundcloud.com/purlsnbeeps
+[bc]: https://erynwells.bandcamp.com/releases
+[gh]: https://github.com/erynofwales

content/about/_index.md

@@ -0,0 +1,69 @@
+---
+title: "Hi! 👋🏻"
+layout: single
+resources:
+  - name: me
+    src: me.jpeg
+    params:
+      alt: >
+        Me, wearing a hat and smiling slightly, standing in front of a stone
+        background.
+---
+
+{{% section class=content--small-right-column %}}
+
+I'm Eryn. My pronouns are [she/her][p]. I'm a queer trans woman. I live in San
+Francisco, CA, on the unceded ancestral lands of the Ramaytush Ohlone people,
+with my [two cats][cats]. I was born in Seattle, WA and grew up in Phoenix, AZ.
+I attended [Oberlin College][ob] where I got a degree in Computer Science.
+{{< tess >}} is my girlfriend.
+
+I speak English natively, and Spanish too, though I always need more practice.
+
+{{< circular_image id=me name=me class="content--right-column" width=200 >}}
+
+{{% /section %}}
+
+## Hobbies
+
+I've been a musician for most of my life. I started on the piano at age seven,
+played trumpet in high school, and have picked up a smattering of other
+instruments along the way. I still play piano occasionally, but my current
+musical obsession is my modular synthesizer. I occasionally record things, and
+I'm hoping to share them here on this site, but for now, they're on
+[SoundCloud][sc] and [Bandcamp][bc].
+
+I do try to spend my non-work time away from the computer, but every so often I
+get inspired to hack on something. Those projects usually end up on
+[GitHub][gh].
+
+Other things I've picked up over the years include: ceramics, calligraphy,
+knitting, bread baking, bicycling, photography, and astronomy. You can never
+have too many hobbies, right?
+
+## Professional
+
+I've worked as a software engineer since 2011 for a variety of companies around
+the San Francisco Bay Area. I've been at Apple since early 2016, first on the
+iOS Accessibility team, and now on the Authentication Experience team.
+
+Check out my [résumé][r] for more details.
+
+## Say Hello
+
+You can find me in [lots of other corners of the Internet][where-am-i]. I'm most
+active on [Twitter][t] and [Instagram][i]. I post music on [SoundCloud][sc] and
+[Bandcamp][bc]. I'm on [GitHub][gh] for coding projects. You can also send me an
+[email][eml].
+
+[p]: http://pronoun.is/she
+[cats]: {{< ref "/cats" >}}
+[ob]: https://www.oberlin.edu
+[r]: {{< ref "/resume" >}}
+[t]: https://twitter.com/erynofwales
+[i]: https://www.instagram.com/erynofwales/
+[sc]: https://soundcloud.com/purlsnbeeps
+[bc]: https://erynwells.bandcamp.com/releases
+[gh]: https://github.com/erynofwales
+[eml]: mailto:Eryn%20Wells<eryn@erynwells.me>
+[where-am-i]: {{< ref "/about/where-am-i" >}}

content/about/me.jpeg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bd1145d48109dd4cb948c0f53c0dea540741ef9c95ff0c895c9b0d5ee831c510
+size 1286058

content/about/style.css

@@ -0,0 +1,17 @@
+@layer page {
+  main > section > p:not(:last-child) {
+    margin-bottom: var(--body-item-spacing);
+  }
+
+  p:has(img#me) {
+    display: inline;
+    grid-column: unset;
+    margin-bottom: 0;
+  }
+
+  img#me {
+    margin: 0;
+    shape-outside: circle(55%);
+    width: min(200px, 25%);
+  }
+}

content/about/where-am-i.es.md

@@ -0,0 +1,25 @@
+---
+title: "Dónde encontrarme"
+date: 2022-11-11T08:35:26-08:00
+slug: donde-encontrarme
+---
+
+Aquí está una lista de dónde se puede encontrarme en línea.
+
+## Redes Sociales
+
+- Cohost: [@eryn](https://cohost.org/eryn)
+- Instagram: [@erynofwales](https://instagram.com/erynofwales)
+- Mastodon: [@erynofwales](https://mastodon.social/@erynofwales)
+- Twitter: [@erynofwales](https://twitter.com/erynofwales)
+
+## Contenido
+
+- Bandcamp: [erynwells](https://erynwells.bandcamp.com/releases)
+- Soundcloud: [purlsnbeeps](https://soundcloud.com/purlsnbeeps)
+- YouTube: [Eryn Wells](https://www.youtube.com/channel/UCWb2pTDlC27R1PucyUPrypA)
+- GitHub: [erynofwales](https://github.com/erynofwales)
+
+## La Manera Antigua
+
+- Email: [eryn@erynwells.me](mailto:Eryn%20Wells<eryn@erynwells.me>)

content/about/where-am-i.md

@@ -0,0 +1,30 @@
+---
+title: "Where to Find Me"
+date: 2022-11-11T08:35:26-08:00
+---
+
+Here's a list of places you can find me online. You can often find me on
+services not listed here with the `erynofwales` or `erynrwells` handles.
+
+## Social Media
+
+I'm really only on Instagram and Mastodon these days. My Twitter account is
+still live, as an archive, but I don't post on it or look at it. Ditto for
+Facebook.
+
+- Facebook: [erynofwales](https://www.facebook.com/erynofwales)
+- Instagram: [@erynofwales](https://instagram.com/erynofwales)
+- Mastodon: [@erynofwales](https://mastodon.social/@erynofwales)
+- Twitter: [@erynofwales](https://twitter.com/erynofwales)
+
+## Content
+
+- Bandcamp: [erynwells](https://erynwells.bandcamp.com/releases)
+- GitHub: [erynofwales](https://github.com/erynofwales)
+- Soundcloud: [purlsnbeeps](https://soundcloud.com/purlsnbeeps)
+- StoryGraph: [erynrwells](https://app.thestorygraph.com/profile/erynrwells)
+- YouTube: [Eryn Wells](https://www.youtube.com/channel/UCWb2pTDlC27R1PucyUPrypA)
+
+## The Old Fashioned Way
+
+- Email: [eryn@erynwells.me](mailto:Eryn%20Wells<eryn@erynwells.me>)

content/blog/2020/10/boot-raspberry-pi-over-tftp.md

@@ -0,0 +1,102 @@
+---
+title: "Booting a Raspberry Pi Over TFTP"
+date: 2020-10-13T08:31:52-07:00
+description: A writeup of how I set up a Raspberry Pi to boot over TFTP to facilitate an operating system development project.
+series: ["Raspberry Pi OS Development"]
+categories: ["Tech"]
+tags: ["Raspberry Pi", "Networking"]
+---
+
+In order to do this, I modified the [EEPROM bootloader][eeprom] bootloader
+according to the instructions in the Raspberry Pi documentation. That page is
+also on [GitHub][eeprom-gh] which might be a more stable location. On Raspbian
+on the Raspberry Pi:
+
+{{< figures/code >}}
+```sh
+fw=/lib/firmware/raspberrypi/bootloader/stable/pieeprom-2020-09-03.bin
+rpi-eeprom-config $fw > ~/bootconf.txt
+vi ~/bootconf.txt
+rpi-eeprom-config --out ~/pieeprom-new.bin --config ~/bootconf.txt $fw
+sudo rpi-eeprom-update -d -f ~/pieeprom-new.bin
+sudo reboot
+```
+{{< /figures/code >}}
+
+My updated `bootconf.txt` is:
+
+{{< figures/code >}}
+```cfg
+[all]
+BOOT_UART=1
+WAKE_ON_GPIO=0
+POWER_OFF_ON_HALT=0
+DHCP_TIMEOUT=45000
+DHCP_REQ_TIMEOUT=4000
+TFTP_FILE_TIMEOUT=30000
+ENABLE_SELF_UPDATE=1
+DISABLE_HDMI=0
+BOOT_ORDER=0xf412
+```
+{{< /figures/code >}}
+
+I enabled UART debugging, and set the boot order to be: network `0x2`, SD card
+`0x1`, USB mass storage `0x4`, and finally reboot `0xf`. These steps need to be
+repeated if the bootloader is updated via apt.
+
+I [enabled the TFTP server][mac-tftp] on my Mac:
+
+{{< figures/code >}}
+```sh
+sudo launchctl load -F /System/Library/LaunchDaemons/tftp.plist
+sudo launchctl enable System/com.apple.tftpd
+sudo launchctl start com.apple.tftpd
+```
+{{< /figures/code >}}
+
+I’m not sure if the `enable` command is actually necessary. This doesn't
+actually start the `tftpd` daemon. Instead, macOS starts the daemon on demand
+when it notices an incoming tftp request on the network. Don't be alarmed!
+
+The tftp server looks for files to serve out of **`/private/tftpboot`**, and those
+things need to be world `rwx`, i.e. `777`. By default (this is configurable) the
+Raspberry Pi queries for a directory named by its serial number.
+
+{{< figures/code >}}
+```sh
+mkdir /private/tftpboot/$raspberry_pi_serial
+chmod 777 /private/tftpboot
+chmod -R 777 /private/tftpboot/*
+```
+{{< /figures/code >}}
+
+Raspberry Pi looks for files of various names in that directory, one in
+particular by the name of **`start.elf`**.
+
+Next, I had to update my Ubiquiti router's DHCP server configuration (on the
+command line) to pass a `tftp-server` parameter in the DHCP payload. This step
+may be optional because you can also set `TFTP_IP` in the **`bootconf.txt`** above
+to specify the IP directly. On my router:
+
+{{< figures/code >}}
+```sh
+configure
+set service dhcp-server shared-network-name LAN subnet $lan_cidr_subnet tftp-server-name $ip_of_mac
+commit
+save
+exit
+```
+{{< /figures/code >}}
+
+I also gave my Mac a static IP, and renewed the DHCP lease so it took the new IP
+to make the whole process a little more smooth.  Now, it appears the Raspberry
+Pi will attempt a TFTP boot, and I see queries in the logs on my Mac.
+
+## Further Reading
+
+* [Hackaday's Raspberry Pi Boot Sequence Guide](https://hackaday.io/page/6372-raspberry-pi-4-boot-sequence)
+* [Linuxhit Guide to Booting a Raspberry Pi with PXE](https://linuxhit.com/raspberry-pi-pxe-boot-netbooting-a-pi-4-without-an-sd-card/)
+
+[eeprom]: https://www.raspberrypi.org/documentation/hardware/raspberrypi/bcm2711_bootloader_config.md
+[eeprom-gh]: https://github.com/raspberrypi/documentation/blob/master/hardware/raspberrypi/bcm2711_bootloader_config.md
+[mac-tftp]: https://www.unixfu.ch/start-a-tftp-server-on-your-mac/

content/blog/2020/_index.md

@@ -0,0 +1,4 @@
+---
+title: 2020
+date: 2020-01-01
+---

content/blog/2021/09/nihonmachi/images/buchanan.jpg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e0c54bf91569c3de90d7aa6c068a3385580f8f3baeb66096bf985f9f087dc83
+size 3999984

content/blog/2021/09/nihonmachi/images/ramen.jpg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b529ba8cb263fc92a4882cf0e099c589df0997834ec8dc579e6d8948adb008ef
+size 3520265

content/blog/2021/09/nihonmachi/index.md

@@ -0,0 +1,49 @@
+---
+title: "日本町"
+slug: "nihonmachi"
+date: 2021-09-27T08:08:59-07:00
+description: A quick staycation getaway to San Francisco's Japantown with Tess.
+draft: false
+resources:
+- name: "buchanan"
+  src: "images/buchanan.jpg"
+  title: "Buchanan Street Pedestrian Alley"
+- name: "ramen"
+  src: "images/ramen.jpg"
+  title: "A bowl of ramen from Marufuku"
+categories: ["Travel"]
+locations: ["San Francisco", "California", "United States"]
+tags: ["Staycation", "Food"]
+---
+
+{{< figures/image name=buchanan >}}
+
+This past weekend, {{< tess >}} and I took a short, one-night staycation in San
+Francisco's Japantown. With all the flurry of things happening in our lives, it
+was so great to get away from home for a short time and relax.
+
+We stayed at the [Hotel Kabuki][hk], a historic hotel in Japantown, and booked
+time at the [Kabuki Springs][ks] bath on Sunday afternoon. We sat in the warm
+bath, dunked in the freezing cold pool, sat in the sauna and steam room, and
+lounged on the beds around the pools. The lights were low, the music was chill,
+and it was so good to disconnect. This was my first experience in a communal
+bath, and I left feeling like I wanted to go every weekend. (Tess and I are now
+considering memberships.)
+
+One of the wonderful things about a clothing-optional communal bath is the wide
+variety of bodies you see. It was a great reminder of how diverse we are, and
+how broad the definition of "woman's body" can be. I can't say for sure if Tess
+and I were the only trans women there, but I think both of us came to feeling
+like just one of the women there to enjoy the baths -- not out of place or
+strange at all. It was a really great feeling.
+
+We spent the rest of our time in 日本町 wandering the shops in Japan Center,
+walking around the neighborhood, eating, and relaxing. For only being just over
+24 hours away from home, I was impressed how much it felt like a real vacation.
+
+Tess also [wrote](https://tess.oconnor.cx/2021/09/japantown) about our trip.
+
+{{< figures/image name=ramen >}}
+
+[hk]: https://www.jdvhotels.com/hotels/california/san-francisco/hotel-kabuki
+[ks]: https://kabukisprings.com

content/blog/2021/09/oskitone-scout/index.md

@@ -0,0 +1,20 @@
+---
+title: "Oskitone Scout"
+date: 2021-09-11T16:47:07-07:00
+description: A timelapse video of me building an Oskitone Scout set to music produced using the Scout itself.
+draft: false
+categories: ["Music"]
+tags: ["Synthesizers", "Electronics", "DIY", "Compositions"]
+---
+
+{{< youtube id="gCSwWsxzy_c" title="A timelapse video of me building an Oskitone Scout, set to music produced using the Scout itself" >}}
+
+[Oskitone][oskitone] recently released a new synthesizer: the [Scout][scout].
+It's a small monophonic keyboard synth built around an Arduino. It was a quick
+build, and the result is tons of fun to noodle with. Here's a video of me
+building the kit, set to music I wrote and produced with the completed Scout.
+
+Enjoy!
+
+[oskitone]: https://www.oskitone.com
+[scout]: https://www.oskitone.com/product/scout-synth

content/blog/2021/10/pnw-reunion-trip/friends.jpg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4d38a8c3baec45d593c863b3fb8eecbc59ae438c22c3ba4a00f6605da717bf77
+size 335978

content/blog/2021/10/pnw-reunion-trip/index.md

@@ -0,0 +1,44 @@
+---
+title: "PNW Reunion Trip"
+date: 2021-10-16T12:00:00-07:00
+description: In which I travel to the Pacific Northwest with some high school friends, and have a lot of warm fuzzy feelings about it.
+draft: false
+resources:
+- name: friends
+  src: "friends.jpg"
+  title: ""
+categories: ["Travel"]
+locations: 
+  - "Portland, OR"
+  - "Oregon"
+  - "Olympic Peninsula"
+  - "Seattle, WA"
+  - "Washington"
+  - "Pacific Northwest"
+  - "United States"
+tags: ["Pandemic", "Friends"]
+---
+
+{{< figures/image name=friends >}}
+
+I'm writing this in the airport having just spend a week with a group of friends
+who mean the world to me. For the past 18 months, we have been spending our
+Monday nights on Zoom with each other. They've been an anchor of my week,
+consistently one of the highlights, and a vital community during the COVID-19
+pandemic, when I was often feeling otherwise isolated.
+
+Way back at the beginning of the pandemic, we talked about getting together when
+it wound down. Surely by August 2020, we all thought. Lol.
+
+Nearly a year later, we started planning. Amazingly, we all made it through the
+hours of calls devoted to AirBnbs and rental cars and the harrowing adventure of
+traveling during a pandemic. We stayed together in Portland, OR for a few days
+and then drive up the Olympic Peninsula to a grand old house in the forest. From
+there we hiked and kayaked. We ate together and laughed and played music. We
+finished our trip with a ferry ride to Seattle, WA.
+
+I'm so grateful for every one of these people. We've been friends for years and
+even though our lives have taken us in so many different directions, we've found
+each other again and that is so wonderful.
+
+{{< twitter user=erynofwales id=1447951049076056071 >}}

content/blog/2021/10/pnw/index.md

@@ -0,0 +1,43 @@
+---
+title: "Pacific Northwest"
+date: 2021-10-15T16:39:55-07:00
+draft: true
+tags: ["Travel"]
+---
+
+## Portland
+
+Our first weekend, we stayed in Portland, OR. We rented a great three-story
+house on the north side of the city that was great for all 10 of us to hang out.
+On our one full day there, we went to Powell Books and Deschutes Brewery.
+
+On the way up, we all stopped in Olympia, WA for a break and some lunch. Some of
+us stopped for oysters along the Hood Canal too. Our final destination was a
+house in the woods outside of Port Angeles.
+
+## Freshwater Bay
+
+Our first day in Port Angeles we went kayaking on Freshwater Bay. We say river otters, sea
+otters, and a baby sea lion! Our guide shared a bunch of cool stuff about the
+kelp forests along the coast too.
+
+## Hurricane Ridge
+
+The second day we drove up to Hurricane Ridge where it was snowing. None of us
+was really expecting such a dramatic change in weather. The snow was beuatiful,
+but we were all a bit unprepared.
+
+## Hoh Rainforest
+
+The next day, we took a long drive around the Olympic Peninsula to visit the Hoh
+Rainforest. We hiked through the Hall of Mosses, and along the Hoh River for a
+while. We stopped along the riverbank to skip stones before heading back to our
+cars. On the way back to Port Angeles, we took a short detour to Rialto Beach, a
+rocky windswept beach covered in seafoam and driftwood. It was overcast and a
+little foggy but beautiful.
+
+## Lake Crescent
+
+The last full day of our time in Port Angeles, we took a short trip to Lake
+Crescent and nearby Marymere Falls. It was a short hike up to the falls. A
+little rainy but nothing we couldn't handle.

content/blog/2021/_index.md

@@ -0,0 +1,4 @@
+---
+title: 2021
+date: 2021-01-01
+---

content/blog/2022/01/cmss-3modules/index.md

@@ -0,0 +1,23 @@
+---
+title: "Colorado Modular Synth Society Three Module Challenge"
+date: 2022-01-23T09:21:35-07:00
+description: In which I submit a video of me playing a small Eurorack system to CMSS
+draft: false
+categories: ["Music"]
+tags: ["Eurorack", "Synthesizers", "Recordings", "Performances", "Compositions"]
+---
+
+{{< youtube id="sqr7g4P85aM" title="A top-down video of me operating a small Eurorack system made of only three modules. Lights flash, an incorporeal hand turns knobs to sculpt the sound." >}}
+
+This is my submission to the [Three Module Challenge][3mc] show put on by
+Colorado Modular Synth Society in late January 2022. This is my first time
+submitting a performance to a show like this, and I was super nervous. 🙈 I
+persevered though and it was well-received. The hosts had [some nice
+things][hosts] to say after too.
+
+Submitting a video to a show like this is a nice way to dip your toe into
+performing, without the stage fright that comes with doing it live in front of a
+crowd. I encourage you to give it a go if you're interested in performing!
+
+[3mc]: https://youtu.be/sglQv_fV4FQ?t=1930
+[hosts]: https://youtu.be/sglQv_fV4FQ?t=2382

content/blog/2022/01/profiling-zsh/index.md

@@ -0,0 +1,36 @@
+---
+title: "Profiling ZSH"
+date: 2022-01-23T11:35:38-08:00
+description: In which I learn about how to profile my ZSH init files.
+draft: false
+categories: ["Tech"]
+tags: ["ZSH", "Dotfiles"]
+---
+
+I've been hacking on my [dotfiles][dotfiles] a lot lately. One of the things
+that has bothered me about my shell setup is how long it takes zsh to start up.
+I did some research and found this [blog post][debug-zsh] from someone who
+undertook the same project.
+
+TIL, ZSH has a profiler built in. You can start it by calling the following.
+
+{{< figures/code >}}
+```zsh
+zmodload zsh/zprof
+```
+{{< /figures/code >}}
+
+Then, once you're done, you call `zprof` to get a report that tells you where
+ZSH is spending most of its time. I put the line above at the top of my
+`.zshenv` and then called `zprof` at the end of my `.zshrc`.
+
+Over the years, my shell init has grown organically in various ways as needs
+arise. I add things, hack around to make things work, and don't generally pay
+attention to the overall structure of it. I've also frankly never spent a lot of
+time to learn the quirks of how ZSH behaves, and the most efficient ways of
+doing things. So, when I started this process, my init was taking close to a
+second. By the end, it was down to about 100 ms. Not bad for a couple hours of
+work. :)
+
+[dotfiles]: https://github.com/erynofwales/dotfiles
+[debug-zsh]: https://collectednotes.com/gillchristian/debugging-zsh-init-times

content/blog/2022/04/nethack/index.es.md

@@ -0,0 +1,38 @@
+---
+title: Ay, Ella Se Ha Vuelto Adicta a Nethack
+date: 2022-04-24T17:36:33-07:00
+description: In which I get hooked on that one roguelike (God help me)
+categories: ["Games"]
+tags: ["Nethack", "Video Games"]
+---
+
+Hace unas semanas que conecté a mi VPS para averiguar algo. Hay [un
+parte][list-tmux-sessions] de [mis dotfiles][zprofile] que ejecuta durante la
+iniciación de las sesiones de inicio de ZSH que imprime las sesiones existidos
+de `tmux` asociados con mi cuenta. Me dio cuenta que había una sesión y me la
+adjunté.
+
+En esa sesión encontré un juego de [Nethack][nethack] que empezaba en enero y
+nunca lo completé. Lo completé, me mató un duende, y, pues, el daño ya se me
+estuve hecho.
+
+Es posible que me entusiasme un poco.
+
+{{< twitter user=erynofwales id=1510763278691016705 >}}
+
+He mejorado mucho en las últimas semanas. Mis puntajes han crecidos desde 1,000
+hasta el mejor juego hasta ahora en que [obtuve 9401 puntos][over9000]. Quién
+puede decir si alguna vez ascenderé, pero me divierte mucho.
+
+Incluso, me causa pensar en cómo puedo crear un roguelike de mi mismo... (hmmm)
+
+Para diviertirme y porque soy un gran nerd, creé una página en este sitio que
+auto-actualizará con los puntajas más recientes cada vez que yo publico mi sitio
+web. Echa un vistazo a mi [logfile](/nethack) de Nethack para esa.
+
+[zprofile]: https://github.com/erynofwales/dotfiles/blob/main/zprofile#L26
+[list-tmux-sessions]: https://github.com/erynofwales/dotfiles/blob/main/zsh/func/list_tmux_sessions
+[nethack]: https://www.nethack.org
+[nethackwiki]: https://nethackwiki.com/wiki/Main_Page
+[priceid]: https://nethackwiki.com/wiki/Price_identification
+[over9000]: https://www.youtube.com/watch?v=ITWMoS2L1oo

content/blog/2022/04/nethack/index.md

@@ -0,0 +1,44 @@
+---
+title: Oh Dear, She Got Hooked on Nethack Again
+date: 2022-04-24T17:36:33-07:00
+description: In which I get hooked on that one roguelike (God help me)
+categories: ["Games"]
+tags: ["Nethack", "Roguelikes"]
+---
+
+A couple weeks ago, I connected to my VPS to check on something. There's [a
+part](list-tmux-sessions) of [my dotfiles][zprofile] that runs during login
+shell initialization that prints the currently running `tmux` sessions
+associated with my account. I noticed I had a session running and attached to it
+to see what it was.
+
+In that session I found a [Nethack][nethack] game that I'd started back in
+January and never finished. I finished the game, killed by a Woodland Elf, and,
+well, the damage had been done.
+
+It has been three weeks and I've had at least one game of Nethack going on my
+VPS or my laptop nonstop since then. There's been at least one Safari window
+packed with [NetHackWiki][nethackwiki] tabs too, including a pinned one for the
+[Price Identification][priceid] page.
+
+I may have gotten a little carried away a time or two.
+
+{{< twitter user=erynofwales id=1510763278691016705 >}}
+
+I've gotten much better in that time. My scores have increased from the
+1000-2000 range to my best game so far in which [I scored 9401
+points][over9000]. Who's to say if I'll ever ascend, but I am having a lot of
+fun with it.
+
+It's even got me thinking about building roguelikes... (hmmm)
+
+For fun and cause I'm a huge nerd, I put together a page on my site that will
+auto-update with my latest scores each time I publish the site. Check out my
+Nethack [logfile](/nethack) for that.
+
+[zprofile]: https://github.com/erynofwales/dotfiles/blob/main/zprofile#L26
+[list-tmux-sessions]: https://github.com/erynofwales/dotfiles/blob/main/zsh/func/list_tmux_sessions
+[nethack]: https://www.nethack.org
+[nethackwiki]: https://nethackwiki.com/wiki/Main_Page
+[priceid]: https://nethackwiki.com/wiki/Price_identification
+[over9000]: https://www.youtube.com/watch?v=ITWMoS2L1oo

content/blog/2022/05/roguelikes-i-like/brogue.jpg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a0b911ea6789b20e80faf27c5e6aa0ebabd619d95eb1019272a279e90a11d0f1
+size 823255

content/blog/2022/05/roguelikes-i-like/index.md

@@ -0,0 +1,52 @@
+---
+title: "Roguelikes I Like"
+date: 2022-05-09T08:37:23-07:00
+description: Some roguelikes I’ve enjoyed recently.
+draft: false
+resources:
+  - name: nethack
+    src: "nethack.png"
+    title: ""
+  - name: brogue
+    src: "brogue.jpg"
+    title: ""
+  - name: dcss
+    src: "dcss.png"
+    title: ""
+categories: ["Games"]
+tags: ["Roguelikes", "Video Games"]
+---
+
+I've been playing a whole bunch of Roguelikes lately. Here's a short list of games I've really enjoyed.
+
+### Nethack
+
+[Nethack][nh] is the first roguelike I ever played. There were a bunch of students in my Computer Science program at
+Oberlin that were always playing it in the CS labs.
+
+Most recently, it's what got me hooked on the genre all over again. Famously, it gives you almost nothing to go on when
+you start. It's up to you to figure out everything based on what you -- the player -- know about the game. It's like a
+puzzle!
+
+{{< figures/image name=nethack >}}
+
+### Brogue
+
+[Brogue][b] is the first Roguelike I played after only ever playing Nethack. The first time I started it up I was in
+awe. It does a really great job of making use of the terminal to render a beautiful world for you to explore. The water
+(there are lakes!) animates, there are fields of mossy grass and plants, there are blobs of goo that explode and spread
+noxious pink gas everywhere.
+
+{{< figures/image name=brogue >}}
+
+### Dungeon Crawl Stone Soup
+
+My friend David introduced me to [Dungeon Crawl Stone Soup][dcss] on Twitter. I think it does a good job of distilling
+the complexities of many roguelikes into a simpler form that's still rich and engaging. I really like how easy it is to
+drop in on people and observe games too!
+
+{{< figures/image name=dcss >}}
+
+[nh]: https://www.nethack.org
+[b]: https://sites.google.com/site/broguegame/
+[dcss]: http://crawl.akrasiac.org:8080/#play-dcss-0.28

content/blog/2022/08/audio-scope-with-p5js/diagram.svg

@@ -0,0 +1,36 @@
+<svg class="railroad-diagram" width="408" height="62" viewBox="0 0 408 62">
+<g transform="translate(.5 .5)">
+<g>
+<path d="M20 21v20m10 -20v20m-10 -10h20"></path>
+</g>
+<path d="M40 31h10"></path>
+<g>
+<path d="M50 31h0"></path>
+<path d="M358 31h0"></path>
+<g class="terminal ">
+<path d="M50 31h0"></path>
+<path d="M126 31h0"></path>
+<rect x="50" y="20" width="76" height="22" rx="10" ry="10"></rect>
+<text x="88" y="35">&#60;audio></text>
+</g>
+<path d="M126 31h10"></path>
+<path d="M136 31h10"></path>
+<g class="terminal ">
+<path d="M146 31h0"></path>
+<path d="M230 31h0"></path>
+<rect x="146" y="20" width="84" height="22" rx="10" ry="10"></rect>
+<text x="188" y="35">Analyzer</text>
+</g>
+<path d="M230 31h10"></path>
+<path d="M240 31h10"></path>
+<g class="terminal ">
+<path d="M250 31h0"></path>
+<path d="M358 31h0"></path>
+<rect x="250" y="20" width="108" height="22" rx="10" ry="10"></rect>
+<text x="304" y="35">destination</text>
+</g>
+</g>
+<path d="M358 31h10"></path>
+<path d="M 368 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
+</g>
+</svg>

content/blog/2022/08/audio-scope-with-p5js/index.md

@@ -0,0 +1,204 @@
+---
+title: "Making an Audio Scope with P5.js"
+date: 2022-08-18T20:48:37-07:00
+description: A writeup of a small JavaScript waveform visualizer I made with P5.js.
+categories: ["Tech"]
+tags: ["P5.js", "Programming", "Web", "Art"]
+resources:
+    - src: sketch.js
+      params:
+        is_module: false
+---
+
+{{< audio id="amen" mp3="amen.mp3" >}}
+
+This is a quick write-up to share with y'all a small project I've been working
+on using [P5.js][p5] and [Web Audio][webaudio] to implement some audio
+visualizations. By the end, we'll have something like this:
+
+{{< figures/p5 id="oscilloscopeFinal" bordered=1 >}}
+
+## Embedding an Audio File
+
+HTML has the ability to [embed audio][mdn-audio-tag] in a page with the
+`<audio>` tag. This one declares a single MP3 file as a source.
+
+{{< figures/code >}}
+```html
+<audio id="amen">
+    <source src="amen.mp3" type="audio/mpeg">
+</audio>
+```
+{{< /figures/code >}}
+
+In this form, the `<audio>` element doesn't do anything except declare some
+audio that can be played. It's invisible and the user can't interact with it or
+control playback. That fine because because I'm going to implement my own
+playback control as part of my sketch below.
+
+## Processing Audio with Web Audio
+
+Web Audio uses a node-based paradigm to process audio. Audio flows from source
+nodes, through a web of interconnected processing nodes, and out through
+destination nodes.
+
+Sources can be `<audio>` tags or realtime waveform generators; processing nodes
+might be filters, gain adjustments, or more complex effects like reverb; and
+destinations could be your computer's speakers or a file.
+
+Here's the entire code snippet that sets up the audio processing I need for the
+sketch:
+
+{{< figures/code >}}
+```js {linenostart=2}
+let analyzerNode = null;
+let samples = null;
+
+let audioElement = (() => {
+    return document.querySelector('audio#amen');
+})();
+
+let audioContext = (() => {
+    const audioContext = new AudioContext();
+    const track =
+        audioContext.createMediaElementSource(audioElement);
+    analyzerNode = audioContext.createAnalyser();
+
+    track.connect(analyzerNode)
+         .connect(audioContext.destination);
+
+    return audioContext;
+})();
+```
+{{< /figures/code >}}
+
+The [`AudioContext`][mdn-audio-context] is the object that encapsulates the
+entire node graph. On line 10, I create a new `AudioContext`.
+
+On line 11, I create a [`MediaElementSourceNode`][mdn-webaudio-media-source-tag]
+with the `<audio>` element I declared on this page.
+
+Next, line 13 creates an [AnalyzerNode][mdn-analyzer-node]. Analyzer nodes don't
+affect the audio that flows through them. Instead, this node gives the sketch
+access to the raw audio samples as they're passing through the AudioContext.
+We'll use this to plot the waveform as the audio is playing!
+
+Line 15 hooks up the nodes in the graph. We connect the output of the source
+node to the input of the analyzer node, and the output of the analyzer node to
+the audio context's `destination` node that routes to the computer's speakers.
+Our audio processing graph looks like this:
+
+![](diagram.svg)
+
+By itself the AudioContext doesn't actually play any audio. I'll tackle that
+next.
+
+## Playing Audio
+
+Next up is starting playback. The following snippet creates a Play button using
+P5.js's DOM manipulation API, and hooks up the button's `click` event to start
+and stop playback.
+
+{{< figures/code >}}
+```js {linenostart=29}
+const playPauseButton = p.createButton('Play');
+playPauseButton.position(10, 10);
+
+const playPauseButtonElement = playPauseButton.elt;
+playPauseButtonElement.dataset.playing = 'false';
+playPauseButtonElement.addEventListener('click', function() {
+    if (audioContext.state === 'suspended') {
+        audioContext.resume();
+    }
+
+    if (this.dataset.playing === 'false') {
+        audioElement.play();
+        this.dataset.playing = 'true';
+        this.innerHTML = '<span>Pause</span>';
+    } else if (this.dataset.playing === 'true') {
+        audioElement.pause();
+        this.dataset.playing = 'false';
+        this.innerHTML = '<span>Play</span>';
+    }
+});
+```
+{{< /figures/code >}}
+
+Something I found odd while working with these audio components is there isn't a
+way to ask any of them if audio is playing back at any given moment. Instead it
+is up to the script to listen for the appropriate [events][mdn-audio-tag-events]
+and track playback state itself.
+
+If this snippet looks a little convoluted, that's why.
+
+To track playback status, I decided to set a `playing` property on the button's
+`dataset` indicating whether to call `audioElement.play()` or
+`audioElement.pause()` and to set the label of the button appropriately.
+
+The last bit of playback state tracking to do is to listen for when playback
+ends because it reached the end of the audio file. I did that with the `ended`
+event:
+
+{{< figures/code >}}
+```js {linenostart=53}
+audioElement.addEventListener('ended', function() {
+    playPauseButtonElement.dataset.playing = 'false';
+    playPauseButtonElement.innerHTML = '<span>Play</span>';
+}, false);
+```
+{{< /figures/code >}}
+
+This handler resets the `playing` flag and the label of the button.
+
+## The Sketch
+
+Now it's time to draw some waveforms! The main part of a P5 sketch is the `draw` method. Here's mine:
+
+{{< figures/code >}}
+```js {linenostart=57}
+const amplitude = p.height / 2;
+const axis = p.height / 2;
+
+const blue = p.color(24, 62, 140);
+const purple = p.color(255, 0, 255);
+
+p.background(255);
+
+if (analyzerNode) {
+    analyzerNode.getFloatTimeDomainData(samples);
+}
+
+for (let i = 0; i < samples.length; i++) {
+    const sampleValue = samples[i];
+    const absSampleValue = Math.abs(sampleValue);
+
+    const weight = p.lerp(2, 12, 1.5 * absSampleValue);
+    p.strokeWeight(sampleValue === 0 ? 1 : weight);
+    p.stroke(p.lerpColor(blue, purple, absSampleValue));
+
+    p.point(i, axis + amplitude * sampleValue);
+}
+```
+{{< /figures/code >}}
+
+The most interesting part of this function starts at line 66 where we get an array of samples from the analyzer node. The `samples` variable is a JavaScript `Float32Array`, with one element for each pixel of width.
+
+{{< figures/code >}}
+```js {linenostart=30}
+samples = new Float32Array(p.width);
+```
+{{< /figures/code >}}
+
+Once the sample data is populated from the analyzer, we can render them by
+plotting them along the X axis, scaling them to the height of the sketch.
+
+I also manipulate the weight (size) of the point and its color by interpolating sizes and colors based on the value of the sample.
+
+[p5]: https://p5js.org
+[webaudio]: https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
+[mdn-audio-tag]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
+[mdn-audio-tag-events]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#events
+[mdn-audio-context]: https://developer.mozilla.org/en-US/docs/Web/API/AudioContext
+[mdn-webaudio-media-source-tag]: https://developer.mozilla.org/en-US/docs/Web/API/MediaElementAudioSourceNode
+[mdn-create-media-element-source]: https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/createMediaElementSource
+[mdn-analyzer-node]: https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode

content/blog/2022/08/audio-scope-with-p5js/sketch.js

@@ -0,0 +1,89 @@
+const oscilloscopeFinal = p => {
+    let analyzerNode = null;
+    let samples = null;
+
+    let audioElement = (() => {
+        return document.querySelector('audio#amen');
+    })();
+
+    let audioContext = (() => {
+        const audioContext = new AudioContext();
+        const track =
+            audioContext.createMediaElementSource(audioElement);
+        analyzerNode = audioContext.createAnalyser();
+
+        track.connect(analyzerNode)
+             .connect(audioContext.destination);
+
+        return audioContext;
+    })();
+
+    p.setup = () => {
+        const sketchContainer = document.querySelector('#oscilloscopeFinal');
+        const canvasWidth = parseFloat(getComputedStyle(sketchContainer).width);
+        let canvas = p.createCanvas(canvasWidth, 250);
+        canvas.canvas.removeAttribute('style');
+        sketchContainer.appendChild(canvas.canvas);
+
+        p.pixelDensity(p.displayDensity());
+
+        samples = new Float32Array(p.width);
+
+        const playPauseButton = p.createButton('Play');
+        playPauseButton.position(10, 10);
+
+        const playPauseButtonElement = playPauseButton.elt;
+        playPauseButtonElement.dataset.playing = 'false';
+        playPauseButtonElement.addEventListener('click', function() {
+            if (audioContext.state === 'suspended') {
+                audioContext.resume();
+            }
+
+            if (this.dataset.playing === 'false') {
+                audioElement.play();
+                this.dataset.playing = 'true';
+                this.innerHTML = '<span>Pause</span>';
+            } else if (this.dataset.playing === 'true') {
+                audioElement.pause();
+                this.dataset.playing = 'false';
+                this.innerHTML = '<span>Play</span>';
+            }
+        });
+
+        audioElement.addEventListener('ended', function() {
+            playPauseButtonElement.dataset.playing = 'false';
+            playPauseButtonElement.innerHTML = '<span>Play</span>';
+        }, false);
+    };
+
+    p.draw = () => {
+        const amplitude = p.height / 2;
+        const axis = p.height / 2;
+
+        const blue = p.color(24, 62, 140);
+        const purple = p.color(255, 0, 255);
+
+        p.background(255);
+
+        if (analyzerNode) {
+            analyzerNode.getFloatTimeDomainData(samples);
+        }
+
+        for (let i = 0; i < samples.length; i++) {
+            const sampleValue = samples[i];
+            const absSampleValue = Math.abs(sampleValue);
+
+            const weight = p.lerp(2, 12, 1.5 * absSampleValue);
+            p.strokeWeight(sampleValue === 0 ? 1 : weight);
+            p.stroke(p.lerpColor(blue, purple, absSampleValue));
+
+            p.point(i, axis + amplitude * sampleValue);
+        }
+    };
+
+    p.mouseClicked = () => {
+        p.clear();
+    };
+};
+
+new p5(oscilloscopeFinal, 'oscilloscopeFinal');

content/blog/2022/10/hugo-dictionary-api/index.md

@@ -0,0 +1,152 @@
+---
+title: "Hugo's Dictionary API"
+date: 2022-10-13T10:19:02-07:00
+description: I’ve found Hugo’s API for collections to be difficult to understand. Here’s my attempt to summarize it’s quirks.
+categories: ["Tech"]
+tags: ["Hugo", "Web", "API Design"]
+series: "Erynwells.me Development"
+---
+
+Hugo's templating system has support for dictionaries. Unfortunately the API for
+working with them is, frankly, awful. While working on developing some new
+templates for this site, I had to figure out how to build up dictionary data
+structures and it took me a _long_ time to figure out how to do some basic
+operations with them.
+
+Here's a quick summary of what I found.
+
+## Creating Dictionaries
+
+The function to create a dictionary is called [`dict`][dict] and it takes a
+variable number of arguments that alternate between keys and values. It reminds
+me of this [bizarre and backwards NSDictionary API][nsdictionary-init] in Apple's
+Foundation framework. Keys must be strings (or string slices) and values can be
+anything. So this:
+
+{{< figures/code >}}
+```go-html-template
+{{ $d := dict "a" 1 "b" 2 "c" 3 }}
+```
+{{< /figures/code >}}
+
+creates a structure that looks like this JSON object:
+
+{{< figures/code >}}
+```json
+{ "a": 1, "b": 2, "c": 3 }
+```
+{{< /figures/code >}}
+
+You can also create an empty dictionary by calling `dict` with no arguments.
+
+{{< figures/code >}}
+```go-html-template
+{{ $d := dict }}
+```
+{{< /figures/code >}}
+
+## Accessing Keys and Values
+
+Statically, you can get a single item in a dictionary with dot syntax. Below,
+`$item` will get the value 1.
+
+{{< figures/code >}}
+```go-html-template
+{{ $item := (dict "a" 1 "b" 2 "c" 3).a }}
+```
+{{< /figures/code >}}
+
+If you want to get a value with a key you get at render time, you can use the
+[`index`][index] function. In the snippet below, `$item` will get the value of
+`"b"`, which is 2.
+
+{{< figures/code >}}
+```go-html-template
+{{ $key := "b" }}
+{{ $item := index $key (dict "a" 1 "b" 2 "c" 3) }}
+```
+{{< /figures/code >}}
+
+`index` doesn't make much sense to me as a verb for accessing values in a
+dictionary. It sounds more like an array function, and indeed it's the function
+that gives you access to items in arrays. I would like to see another function
+with a more dictionary-sounding name, like `get` or `value` or `item`, even if
+it were just an alias for `index` underneath.
+
+## Adding Items to a Dictionary
+
+This is a bit complex because, as far as I can tell, dictionaries are immutable.
+So, if you want to update a dictionary, you need to combine two dictionaries and
+then save it back to the original variable. The [`merge`][merge] function does
+that. Here's a snippet:
+
+{{< figures/code >}}
+```go-html-template
+{{ $d := dict "a" 1 "b" 2 "c" 3 }}
+{{ $d = merge $d (dict "b" 4) }}
+{{ $item = index "b" $d }}
+```
+{{< /figures/code >}}
+
+`merge` takes a variable number of arguments, and merges dictionaries left to
+right. So, items in dictionaries later in the argument list will override items
+in dictionaries earlier in the list.
+
+Just to underscore, you have to set the update dictionary back to the original
+variable to complete the update, hence the `$d = ...`.
+
+All that is to say: at the end of that snippet, `$item` will get the value 4.
+
+## A Complex Example: A Dictionary of Arrays
+
+For the previously mentioned template changes I was making, I was updating the
+`terms` template for my category taxonomy. For each category, I wanted to show
+one section per tag, and a list of all the posts with that tag underneath.
+
+My categories are high level groups like "Tech," "Music," and "Travel." Tags are
+more specific topics for the post like "Web" or "Compositions." Pages only ever
+have one category but they can have multiple tags.
+
+A `terms` template lets you access an array of terms, and the pages associated
+with those terms. You can access the tags attached to a page with the
+`.GetTerms` function. Here's what I did, and then I'll talk through it:
+
+{{< figures/code >}}
+```go-html-template
+{{- $pagesByTag := dict -}}
+{{- range $page := .Pages -}}
+  {{- range $tag := .GetTerms "tags" -}}
+    {{- $tagName := $tag.Name -}}
+    {{- if not (in $pagesByTag $tagName) -}}
+      {{- $pagesByTag = merge $pagesByTag
+          (dict $tagName (slice $page)) -}}
+    {{- else -}}
+      {{- $pagesForTag := index $pagesByTag $tagName -}}
+      {{- $pagesForTag = $pagesForTag | append $page -}}
+      {{- $pagesByTag = merge $pagesByTag
+          (dict $tagName $pagesForTag) -}}
+    {{- end -}}
+  {{- end -}}
+{{- end -}}
+```
+{{< /figures/code >}}
+
+`$pagesByTag` is my empty dictionary. It will hold tag names as keys, each
+pointing to a slice (array) of page objects. For each page, I get its list of
+tags. For each tag, I check `$pagesByTag` to see if it already has a key/value
+pair for that tag. If not, I create a new entry in `$pagesByTag` with `merge`.
+If it does already, I get the slice for that tag with `index`, add the Page to
+the slice with `append`, and then merge the updated slice back into
+`$pagesByTag` with `merge`.
+
+It's not too bad once it's all spelled out, but it does feel like more work than
+it should take for such simple operations.
+
+I think this API could be improved substantially with some new functions that
+operate specifically on dictionaries and that have clear names that describe
+what they do.
+
+[dict]: https://gohugo.io/functions/dict/
+[index]: https://gohugo.io/functions/index-function/
+[merge]: https://gohugo.io/functions/merge/
+[nsdictionary-init]: https://developer.apple.com/documentation/foundation/nsdictionary/1574181-dictionarywithobjectsandkeys?language=objc

content/blog/2022/11/lunar-eclipse.md

@@ -0,0 +1,34 @@
+---
+title: "Lunar Eclipse 🌝"
+date: 2022-11-07T08:37:45-08:00
+description: A quick note about the upcoming lunar eclipse in the morning of 2022-11-08.
+categories: Space
+tags: [Moon, Lunar Eclipse]
+---
+
+I shouldn't be surprised (but I am) that the lunar eclipse happening tomorrow
+morning has [its own Wikipedia page][wp]. It won't be visible at all from most
+of Europe and Africa, but it will be from most of North America, and on the west
+coast of North America, we'll be able to see it all. Yay!
+
+All the times on that page are in UTC. Here are some handy conversions (in 24-hr
+form) to PST for those of us on the US west coast:
+
+| Contact  | Time (PST) |
+|:--------:|:----------:|
+|   P1     | 00:02      |
+|   U1     | 01:09      |
+|   U2     | 02:16      |
+|   Max    | 02:59      |
+|   U3     | 03:41      |
+|   U4     | 04:49      |
+|   P4     | 04:56      |
+
+If these times make no sense to you, the eclipse starts at roughly midnight
+tonight, the total eclipse is between 02:16 and 03:41, and it ends at 04:56.
+
+More information about contact points for lunar eclipses can be found in the
+Timing section on the Wikipedia page for [Lunar Eclipse][wp-le].
+
+[wp]: https://en.wikipedia.org/wiki/November_2022_lunar_eclipse
+[wp-le]: https://en.wikipedia.org/wiki/Lunar_eclipse#Timing

content/blog/2022/11/my-best-nethack-game-so-far/index.md

@@ -0,0 +1,66 @@
+---
+title: "My Best Nethack Game (So Far)"
+date: 2022-11-24T09:13:15-05:00
+description: A summary of my best-to-date game of Nethack.
+categories: ["Games"]
+tags: ["Nethack", "Roguelikes", "Video Games"]
+resources:
+  - name: wishing
+    src: wishing.png
+    title:
+  - name: oracle
+    src: oracle.png
+    title:
+---
+
+I just finished my best ever game of Nethack. I earned 31,118 points as a level
+9 Valkyrie.
+
+Some highlights:
+
+I got all the way to the bottom of the Mines, fought several vampires and
+trolls, but somehow completely missed the luckstone. I did pick up a grey stone,
+but it ended up being a touchstone.
+
+I got a Wand of Wishing! I was zap testing wands in Minetown and the game asked
+me for a wish! I had no idea what to wish for -- it was my first time getting a
+wish 😱 -- but I had been watching [Adeon's Nethack speedrun][adeon] at the 2017
+Roguelike Celebration and remembered him wishing for some absurdly qualified
+dragon scale mail, so I ended up with a *+2 uncursed silver dragon scale mail*
+that brought my AC down to -10. It saved my butt later on when I ran into a
+bunch of winter wolf pups because it reflected their cold beams.
+
+{{< figures/image name=wishing >}}
+
+Later on in the mines, I stepped on a polymorph trap that transformed me into an
+ice dragon. That transformation caused my dragon scale mail to fuse into my
+body.  When the transformation ended, I was left with simple dragon scales,
+which were still silver, but no longer had the big defense bonus. Boo. :( I did
+get to lay two eggs that hatched into baby ice dragons. Baby dragons are
+ravenous and indiscrimate.
+
+The baby dragons killed the Oracle. Whoops.
+
+{{< figures/image name=oracle >}}
+
+In the oracle level, I tried to dip my long sword into the fountains around the
+Oracle, hoping to find Excalibur. Just a few turns before, I'd fought a
+gelatinous cube that corroded my sword. I didn't notice at the time though, so
+dipping went horribly wrong... Not only did my corroded long sword become
+*thoroughly rusted*, it also eventually became cursed. Oddly enough, that sword
+was still the best weapon I had, and I used it to the very end. I need to figure
+out how to replace weapons that get degraded like that.
+
+I solved Sokoban with some help from the Nethack wiki for the first time. The
+puzzles are hard but I enjoyed thinking through them. The monsters in there,
+especially in the upper levels are *hard*: multiple elementals, several packs of
+winter wolf pups, yetis, apes, and a zruty. I got through the last level and
+discovered a mimic blocking the hallway to the zoo. It killed me.
+
+Near the end, I was testing amulets and put on an Amulet of Changing that caused
+me to switch genders. Boo.
+
+It's in my [logfile][logfile] now too.
+
+[adeon]: https://www.youtube.com/watch?v=rIB0y_kwFuY
+[logfile]: {{< ref "nethack" >}}

content/blog/2022/11/week-of-soup.md

@@ -0,0 +1,20 @@
+---
+title: "Week of Soup"
+date: 2022-11-11T12:42:33-08:00
+categories: ["Food"]
+tags: ["Soup", "San Francisco", "Restaurants"]
+---
+
+{{< tess >}} and I were both sick this week and had a hankering for soup. We
+ended up eating soup for lunch every day. (What can I say, we like soup.) All of
+these places are excellent.
+
+- Matzo Ball Soup from [Wise Sons][ws]
+- Pozole and caldo de pollo from [La Espiga de Oro][edo]
+- Ramen from [Coco's][cocos]
+- Chicken Noodle Soup and dumplings from [Leleka][leleka]
+
+[ws]: https://www.wisesonsdeli.com
+[edo]: https://www.yelp.com/biz/la-espiga-de-oro-san-francisco
+[cocos]: http://www.cocoramen.com
+[leleka]: https://lelekasf.com

content/blog/2022/11/where-am-i.md

@@ -0,0 +1,17 @@
+---
+title: "Where Am I"
+date: 2022-11-20T07:42:27-08:00
+categories: "Tech"
+tags: ["Twitter", "Me", "News"]
+---
+
+In the wake of Elon Musk taking control of Twitter, a lot of folks have decided
+it's not as welcoming a place as it once was. In my circles, there's been a huge
+movement of people to [Mastodon][m] and [cohost][c] mainly. I have accounts on
+all of those places, though I haven't quite figured out where I'll land yet. If
+you're interested in following me anywhere else on the internet, I made
+[a handy list][where].
+
+[m]: https://mastodon.social/
+[c]: https://cohost.org
+[where]: {{< ref "about/where-am-i" >}}

content/blog/2022/_index.md

@@ -0,0 +1,4 @@
+---
+title: 2022
+date: 2022-01-01
+---

content/blog/2023/_index.md

@@ -0,0 +1,4 @@
+---
+title: 2023
+date: 2023-01-01
+---

content/blog/2023/atom-feed-bug-fixes/index.md

@@ -0,0 +1,17 @@
+---
+title: "Atom Feed Bug Fixes"
+date: 2023-08-09T08:43:26-07:00
+categories: ["Tech"]
+tags: ["Erynwells.me", "Meta", "Atom"]
+---
+
+A kind reader pointed out to me that my Atom feed was incorrect. There were two
+problems. First, I was specifying an incorrect URL in the feed's `<link
+rel="self">` -- it was pointing to a nonexistant feed.xml file. Second, I was
+omitting a `<link>` tag from the entries entirely.
+
+Thunderbird didn't like this. With no `<link>` for an entry, it would show the
+feed's `<link>` in it's UI. And that link left users at a 404 page.
+
+I pushed a fix this morning. You might have to refresh or resubscribe to pick up
+the changes.

content/blog/2023/chess/index.md

@@ -0,0 +1,22 @@
+---
+title: "Chess"
+date: 2023-11-20T14:58:56-08:00
+categories: Chess
+tags: ["Games", "Hobbies"]
+---
+
+I've been playing a lot of chess lately. {{< tess >}} and I have been watching
+[Slow Horses][slow-horses] on Apple TV+, and there was a recent episode in which
+a chess game between two characters is a key plot beat. That got me thinking
+about playing again.
+
+I learned chess as a kid. My dad taught me. I played in chess clubs in
+elementary and middle school. I was really into it for a while!
+
+I have a [Chess.com](chess.com) account now: [erynrwells][chess-com-profile].
+I'm also on [lichess.org](lichess.org): I'm [erynrwells][lichess-profile] there too.
+Send me a friend request or challenge? :)
+
+[slow-horses]: https://tv.apple.com/us/show/slow-horses/umc.cmc.2szz3fdt71tl1ulnbp8utgq5o
+[chess-com-profile]: https://www.chess.com/member/erynrwells
+[lichess-profile]: https://lichess.org/@/erynrwells

content/blog/2023/guide-to-computing/index.md

@@ -0,0 +1,13 @@
+---
+title: "Guide to Computing"
+date: 2023-09-23T10:24:35-07:00
+categories: "Tech"
+tags: ["Retro Computing", "Design"]
+---
+
+I really enjoyed looking through the images on [Docubyte's Guide to
+Computing][link]. It depicts machines from the early days of modern computing --
+think IBM mainframes, PDP-1's, and lots of midcentury modern design -- in a way
+I found really intriguing.
+
+[link]: https://www.docubyte.com/projects/guide-to-computing/

content/blog/2023/hello-chess-friend.md

@@ -0,0 +1,38 @@
+---
+title: "Hello Chess Friend"
+description: I started building a chess engine in Rust. Here it is.
+date: 2023-12-29T08:29:00-08:00
+series: chess-friend
+categories: Tech
+tags: [Programming, Chess]
+---
+
+I started [playing a lot of chess][chess-post] recently. As often happens with
+me, it wasn't very long until I started wondering how I could Do Programming To
+It.
+
+I found the mostly excellent, occasionally vague and confusing [Chess
+Programming Wiki][cpwiki] and have been using that as a guide. It helpfully says
+this on it's [Getting Started][cpgs] page:
+
+> The **very first step** to writing a chess engine is to write a complete, bug
+> free board representation that knows every rule of chess.
+
+As a software engineer, the "bug free" bit cracks me up.
+
+My engine is called ChessFriend. It uses [bitboards][cpbb] for its board
+representation. As of this post, I've managed to write a board representation
+that allows me to place pieces of both colors on any square, and I'm hacking
+away at the move generator. I've also written a small command line "board
+explorer" utility that can interact with my board representation. Of course, it
+has a pile of unit tests, helping me inch ever-so-slowly toward that blissful
+bug-free state.
+
+It's written in Rust. I've [_mostly_][rust-bc-toot] avoided fighting with the
+borrow checker.
+
+[chess-post]: {{< ref "chess" >}}
+[cpwiki]: https://www.chessprogramming.org/Main_Page
+[cpgs]: https://www.chessprogramming.org/Getting_Started
+[cpbb]: https://www.chessprogramming.org/Bitboards
+[rust-bc-toot]: https://mastodon.social/@erynofwales/111637122773195611

content/blog/2023/less-instagram-more-blog.md

@@ -0,0 +1,36 @@
+---
+title: "Less Instagram, More Blog"
+description: Resolving, yet again, to blog more and social media less.
+date: 2023-12-27T08:56:44-07:00
+categories: Meta
+tags: [Writing, Resolutions, Habits]
+---
+
+I've been thinking the last few days about how to make use of my blog in 2024. I
+made some vague noises in this general direction a few days ago in my [What
+Should I Blog About?][what-to-blog-about] post too.
+
+My vision since I started posting more here has been to use it as a place to
+share all sorts of things: stuff I'm working on or thinking about; photos; and
+stories from travel and life.
+
+I often fall into a trap when I sit down to write something in which I feel like
+I must first invent the Universe. The need to explain everything from first
+principles seriously hampers my ability (and frankly, desire) to write anything.
+I don't want to only post carefully thought out, highly edited and polished
+pieces, though I certainly hope _some_ of my posts reach that bar. I hope to
+also post quick notes and sketches of ideas. I've enjoyed reading some quicker
+posts from {{< tess >}} and [Elaine][e] this past year, and I'd like to follow
+their example.
+
+{{< youtube zSgiXGELjbc >}}
+
+I'm not setting myself a specific goal here. The idea is just "more" in a
+certain general direction. I don't want to commit to a specific frequency or
+quality. Instead, I'm hoping this post sets a foundation on which to build a
+sustainable thinking-writing-sharing habit.
+
+Thanks for coming along. :)
+
+[what-to-blog-about]: {{< ref "what-to-blog-about" >}}
+[e]: https://diplograph.net

content/blog/2023/long-way-to-a-small-angry-planet-book/cover.jpg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:562f6c157c43ef11ae55274b0bd1403c2cbb9a64b82443a2d9f4fb58b32606fd
+size 148873

content/blog/2023/long-way-to-a-small-angry-planet-book/index.md

@@ -0,0 +1,10 @@
+---
+title: "The Long Way to a Small, Angry Planet by Becky Chambers"
+slug: long-way-to-a-small-angry-planet-book
+date: 2023-02-01T09:16:48-08:00
+draft: true
+categories: Books
+tags: ["Science Fiction"]
+series: 2023-books
+---
+

content/blog/2023/mastodon-icon/index.md

@@ -0,0 +1,15 @@
+---
+title: "Mastodon Icon"
+date: 2023-08-11T08:23:25-07:00
+categories: ["Tech"]
+tags: ["Meta", "Erynwells.me", "Web"]
+---
+
+I finally got around to replacing the Twitter icon in the site's header with a
+link to my Mastodon page. It was surprisingly tricky because of how I styled and
+layed out those icons. I was able to clean up the SVGs a little bit too.
+
+These days I have [way too many social media accounts][where-to-find-me]. I'm
+mostly on Mastodon and Instagram.
+
+[where-to-find-me]: {{< ref "/about/where-am-i" >}}

content/blog/2023/nethack-illustrated-guide.md

@@ -0,0 +1,14 @@
+---
+title: "Nethack Illustrated Guide"
+date: 2023-01-07T08:52:53-08:00
+link: https://thinkmoult.com/nethack-illustrated-guide-mazes-of-menace.html
+categories: Games
+tags: [Nethack, Art, AI]
+---
+
+While browsing {{< r nethack >}}, I came across a [post][post] from someone sharing a [collection of AI-generated
+images][guide] that illustrate the story arc of a game of Nethack. Between the images and the prose they added around
+it, I thought they did a fantastic job of capturing the mood of the game.
+
+[post]: https://www.reddit.com/r/nethack/comments/zx965y/nethack_an_illustrated_guide_to_the_mazes_of/
+[guide]: https://thinkmoult.com/nethack-illustrated-guide-mazes-of-menace.html

content/blog/2023/netscape-meteors-retrospective/index.md

@@ -0,0 +1,47 @@
+---
+title: "Netscape Meteors: Retrospective"
+date: 2023-08-05T17:14:40-07:00
+description: Someone shared my Netscape Meteors post on the Orange Website, causing it to be moderately viral for a few days. Here’s an update on the web traffic my server received.
+categories: ["Tech"]
+tags:
+  - History
+  - Meta
+  - Netscape
+  - Web
+  - Web Browsers
+---
+
+Last week, I published a small blog post about trying to find the original
+[Netscape "meteors"][meteors] loading animation. At some point that night,
+someone posted it on the orange website, and ... it did some numbers.
+
+As of today, five days later, my server has registered just over 200,000 page
+accesses.
+
+{{< figures/code >}}
+```txt
+% grep "GET /blog/2023/08/netscape-meteors/" \
+    /var/log/nginx/access.log | wc -l
+  200201
+```
+{{< /figures/code >}}
+
+Bandwidth saw a bit of a spike too.
+
+{{< figures/image name=bandwidth-2023-08-05.png shouldShowTitle=false >}}
+
+To my knowledge this is the first time anything I've published on the internet
+has been picked up by Hacker News. It's jarring to realize so many people have
+visited my website in the last several days, reading this and other things I've
+written, listening to music I've published, and looking through photos I've
+posted. It's a little like having surprise house guests and realizing you
+haven't tidied up in a little while.
+
+I only took a brief look at the comments. I was pleased to see they were civil,
+and mostly reminiscing about the days of Netscape and the early web. I had a few
+people reach out to tell me they enjoyed my post too.
+
+Thanks, y'all, for reading my little corner of the web, and for your kind
+words.
+
+[meteors]: {{< ref "blog/2023/netscape-meteors" >}}

content/blog/2023/netscape-meteors/index.md

@@ -0,0 +1,97 @@
+---
+title: "Netscape Meteors"
+date: 2023-08-01T18:23:33-07:00
+description: I went on a hunt to find the "Meteors" loading animation from Netscape back in the 90s, and wrote up my adventure.
+resources:
+    - name: netscape60
+      title: Netscape Meteor Loading Animation
+      src: netscape-meteors.gif
+    - name: netscape-modified60
+      title: Modified Netscape Meteor Loading Animation, Small
+      src: netscape-meteors-modified-60.gif
+    - name: netscape-modified240
+      title: Modified Netscape Meteor Loading Animation, Large
+      src: netscape-meteors-modified-240.gif
+    - name: rectangular-pixels
+      title: Rectangular Pixels
+      src: rectangular-pixels.png
+      alt: "A zoomed in screenshot of an animation frame with pixel grid enabled,
+            showing rectangular pixels"
+categories: Tech
+tags: ["Netscape", "History", "Web Browsers", "Web"]
+---
+
+I went on a small journey the last couple days to find the original Netscape
+Navigator "meteors" animation. This one has a special place in my head and
+heart because it is so clearly connected to my memories of discovering the
+web as a kid. Here it is in its original 60×60 px glory:
+
+{{< figures/image name=netscape60 shouldShowTitle=false size=small >}}
+
+I started out doing some web searches that turned up several versions. One was
+promising but far too big: 400&times;400 px. Worse, after some shoddy resize
+attempts, the "pixels" had become rectangular.
+
+{{< figures/image name=rectangular-pixels shouldShowTitle=false size=small >}}
+
+This would not do.
+
+I continued searching, hoping to find the original animations. I found someone's
+[mirror of Netscape 5.0 on Github][gh-netscape]. Then I found some [very old
+versions of Mozilla][moz-netscape] on a Mozilla FTP server. Sadly, the
+animations had been stripped out of these archives. :(
+
+Frustrated with hitting several deadends, I complained to {{< tess >}} and
+wondered aloud if anyone might have the original images stashed away somewhere.
+She quipped that if anyone did, it would be Jamie Zawinski.
+
+A little later, I posted about it on Mastodon.
+
+<iframe
+    src="https://mastodon.social/@erynofwales/110817133916254596/embed"
+    class="mastodon-embed"
+    style="max-width: 100%; border: 0"
+    width="400"
+    allowfullscreen="allowfullscreen">
+</iframe>
+
+And wouldn't you know it, a friend tagged [`@jwz`][masto-jwz] asking if he had
+it, and a few moments later I got a reply from [Jamie][jwz] himself.
+
+<iframe
+    src="https://mastodon.social/@jwz/110817331045294426/embed"
+    class="mastodon-embed"
+    style="max-width: 100%; border: 0"
+    width="400"
+    allowfullscreen="allowfullscreen">
+</iframe>
+
+If you don't know, Jamie Zawinski is well-know for working on several important
+software projects in the '90s. He worked on Netscape Navigator, built and
+maintains [Xscreensaver][xscreensaver], and several other things. Nowadays, he
+owns and runs [DNA Lounge][dna] in San Francisco.
+
+There are a lot of neat bits of web browser history on the page he linked --
+totally worth a quick look over -- but most important to the quest at hand, it
+had that Netscape meteors loading animation.
+
+The original one has some small artifacts on the left side of frame 10 that
+render as red and orange pixels. These bothered me enough that I made a version
+that replaces those pixels with ones that match the surrounding pixels. Here's
+the modified 60&times;60 one and a bigger 240&times;240 px one, for good
+measure:
+
+{{< content-grid columns=2 >}}
+  {{< figures/image name="netscape-modified60" shouldShowTitle=false shouldResize=false size=small >}}
+  {{< figures/image name="netscape-modified240" shouldShowTitle=false shouldResize=false size=small >}}
+{{< /content-grid >}}
+
+<script src="https://mastodon.social/embed.js" async="async"></script>
+
+[gh-netscape]: https://github.com/zii/netscape
+[moz-netscape]: https://ftp.mozilla.org/pub/mozilla/source/
+[masto-jwz]: https://mastodon.social/@jwz
+[jwz]: https://www.jwz.org
+[xscreensaver]: https://www.jwz.org/xscreensaver/
+[dna]: https://www.jwz.org
+[about-jwz]: https://www.jwz.org/doc/about-jwz.html

content/blog/2023/once-upon-a-time-on-mars-book/cover.jpeg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fa3b6749eb23bff608c4b7233746c6d0577c689786cc69d7354758959e56a9fc
+size 159168