Meta aka how this site was made

Technologies

I use Jekyll to generate my site and I host it on GitHub Pages. Everything is open source – check it out on my GitHub, and feel free to fork it if you want.

I originally started with Maxime Vaillancourt’s Digital Garden Jekyll template, which gave me a bunch of nice features like backlinking, link previews, and a wiki map.

Visual style

The visual style of my site is based mostly on Tufte CSS, with some modifications for accessibility and interaction design. I also kept some of Maxime’s original styling, like hyperlinks.

Site structure

Each page on this site is either a Plant or a Root. Plants are front-facing projects, and Roots are process docs, each with their own type of label depending on progress:

  • Freshly planted ideas that need more exploring.
  • Has a good foundation. More growth is expected.
  • Fairly established. Minor edits might still happen.
  • This is just a note. No progress. No strings attached.

This site does not organize content by chronology like blogs and feeds do. It also does not suggest content by algorithm based on your past behavior. Rather, it organizes content through connections to other pieces of content through hyperlinks and backlinks, with the goal being to navigate through a network of ideas based on your interests and whims.

There are two link styles depending on type:

Site meta notes

I like to process textually, leave notes for myself, and signpost the shit out of my thinking in a way that’s separate from the content itself. I do that through the form of meta notes.

// This is a meta note.

Inspiration

This site embraces the philosophy of a digital garden, and much of it is built on ideas I picked up from Maggie Appleton. She notes Mike Caufield as being the original source of the concept, but I credit her with advocating for it and making it accessible.

I have also drawn inspiration from: