An icon representing a calendar. It has two hooks as if the paper is a rip-off type of calendar per month, with small shaded squares with symbolizing days of a month. 
 An icon representing an arrow pointing diagonally towards the top right.

Colophon

A colophon describes the methods, tools, and materials used to make a creative work. Traditionally, colophons were included as the ending flourish of making a book. The following is how this website was made.

Reference: The Chicago Design SystemAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

Currently in the process of open-sourcing this website:

The CMS for this website is NotionAn icon representing an arrow pointing diagonally towards the top right corner of the screen., with a highly customized API wrapper:

Here are other tools, libraries, and more this site owes a debt of gratitude:

Code Stuff

  • 🍫 cmdkAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📆 date-fnsAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🎞️ Framer MotionAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 HyperAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🃏 JestAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🚙 LodashAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📦 pnpmAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 Next.jsAn icon representing an arrow pointing diagonally towards the top right corner of the screen. 🐦 canary for life
  • 🔎 Next SeoAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🖼️ PlaiceholderAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🌐 Radix UIAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • ⚛️ ReactAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔢 Semantic ReleaseAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🤕 StitchesAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📘 StorybookAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 swrAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📦 tsupAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 TurborepoAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📙 TypeScriptAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📓 VSCodeAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Fonts

  • 🔤 BoltonAn icon representing an arrow pointing diagonally towards the top right corner of the screen. (Face37)
  • 🆎 InterAn icon representing an arrow pointing diagonally towards the top right corner of the screen. (Rasmus)
  • 🔤 Name SansAn icon representing an arrow pointing diagonally towards the top right corner of the screen. (Arrow)

    • Hosting

  • 🗃️ NotionAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🆙 UpstashAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 VercelAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Icons

  • ⚔️ HeroiconsAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🍱 Radix IconsAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Inspiration

  • ▲ Evil RabbitAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • ▲ Lee RobinsonAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 👋🏻 Maxime HeckelAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🟣 Rauno FreibergAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • ⚛️ Josh W ComeauAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Photography

  • 📸 Where possible attributed inline

    • More