colophon

(printing) A colophon generally contains factual information about the book, especially about its production, and includes details about typographic style, the fonts used[…]

(Internet) A page on a website identifying the details of its creation, such as the author’s name and the technologies used.

Tools of the trade, and other recommendations. (Nothing’s sponsored, I just like these things and use them a lot.)

stuff that made the site

• hosted with GitHub Pages
• built with Jekyll, with gratuitous use of GitHub Desktop and the <5 entire things I know about the command line
• coded in Notepad++

early resources

These helped me make the site back in 2019!

• Glitch.com and its live editor was invaluable before I started using Jekyll and the localhost
• “Hello World”: GitHub quickstart guide
• Creating and Hosting a Personal Site on GitHub

These are more general resources that I used at the time; not so much anymore, but nonetheless decent:

• old pages use Alegreya Sans; initially served via Google Fonts, later self-hosted
• PX to EM converter + the typographic scale; the former is less relevant in today’s era of cross-device screwery, the latter is a bite-sized design lesson

other stuff a-flyleaf uses

for art & design

• drawing tools: primarily FireAlpaca for desktop + MediBang Paint for iPad
  • occasionally Krita, good ol’ MSPaint, and even actual real-life paper
• design reference: Matthew Butterick’s Practical Typography, 4 years of graphic design school
• sitemaking shenanigans: Lorem Ipsum generator, Safe web fonts, WebAIM Contrast Checker

for code

• CloudCannon’s Jekyll tutorials, particularly the date formatting table
• Liquid documentation
• countless unsung heroes across the internet everywhere (read: whoever showed up in the search results), especially on StackOverflow; specific tutorials are often linked where used, if only in code comments

for the computer/internet, in general

• LibreOffice
• Mozilla Firefox with the following add-ons:
  • for security: Facebook Container + Privacy Badger + NoScript
    (wouldn’t recommend the last one if you don’t know what it’s doing; highly recommend it if you do)
  • for never seeing another godforesaken advertisement again, and generally cleaning up websites with impunity: uBlock Origin
  • for focus: LeechBlock
  • for the heck of it: Wayback Machine
• Nitter + Piped