about the site

Website under construction


changelog

This site is a work in progress. Here's a changelog and notes on building it, mostly for my own reference of why I did things.

Jan. 31

I added a digital garden and moved my code reference page there. This is a static collection with normal posts in it.

Dec. 27, 2020

Dec. 24

In the more abstract: I added a few more lines to my homepage about the site and my plans with it. I saw this tweet today that made me think more about how I should truly personalize my site. I built it but it still does feel quite cold, because I don't get very personal.

Building on this, I have also been looking at others' personal sites. There were a couple of standouts I found that really emulated the kinds of things I want to do, and they also had acknowledgement pages that cited their inspirations and peers. And then there was just like, no women cited. So. I should just keep trucking along on this and not feel doubtful about whether or not this is "worth" putting out into the world, for the representation or whatever.

Dec. 19

Dec. 13

Nov. 14

Nov. 7

Added support for a Table of Contents. This works by:

I updated my blog layout to be left aligned instead of centered, which allows for more space to be used for asides and the TOC.

Oct. 17

Added support for <aside> margin notes. This is a hacky implementation involving:

My original idea was using float: right on the <aside>, except this required that the aside come before the paragraph it referenced, which is semantically incorrect. I found this detailed post on sidenotes by Gwern Bran­wen that compares and examines how different sites do sidenotes.

I scrapped my initial goal of being able to sync up sidenotes/footnotes and decided to just go with asides as sidenotes that would exist relative to a paragraph, and footnotes would be used for reference links or more independent things not tied to a specific place in the text.

I'll probably revisit this usage in the future as I add more blog posts.

In design notes, I swapped out green as a complementary colour and replaced it with lilac, and drew a little pixel controller for my migrated 2020 games post.

Oct. 13

Added a sketchbook page. Ideally this will be a dynamic collection that can serve as a canonical source for my sketches (or similar quick artwork).

Added this site notes page. I wonder if it will be helpful to publicly record my thinking process behind things?

Oct. 10

Launched! 🎉 I transformed my old static site of two HTML pages into an Eleventy blog. I had set up a dummy blog an entire year ago and then didn't do anything, so I built on top of that. I migrated the one post I had on my old jekyll blog (RIP) that was somewhat presentable, and drew new tiny pixel art graphics.


site docs

aka: how do i run this site? I will probably forget if I don't touch it for a month, so recording here:

Run eleventy: npx @11ty/eleventy --serve

starting a new 11ty project

—on a computer that already has 11ty installed. abridged from the official getting started docs

cd project-directory
npm init -y
npm install --save-dev @11ty/eleventy
npx @11ty/eleventy --serve

create .eleventy.js file in root directory

add css/imgs to load in _site

module.exports = function(eleventyConfig) {

  eleventyConfig.addPassthroughCopy('css');
  eleventyConfig.addPassthroughCopy('img');

  return {
    passthroughFileCopy: true
  }  
}

restart 11ty to see these changes npx @11ty/eleventy --serve