What is a "Colophon"?
A colophon (KOL-uh-fuhn) is where creators tell the world how they made something; a practice dating back to ancient times.
Print publishing continued this tradition and it eventually made its way into digital and web publishing. If you like exploring page source code to see how websites are made, this is for you. Let's dive in.
Technicals
This site is built with NextJs, and styled with a combination of pure css and Tailwind CSS. It's deployed via Vercel with both static, and dynamically driven, content.
The pages are server-side rendered where image and content optimization occur, with some client-side javascript rendering. The raw data behind these pages is maintained via JSON and Markdown files, and a bash script combiles them into a cached database file.
Icons are provided by the Lucide icon library.
Typography
The font used on this website is Geist provided by Google Fonts, with both sans serif, serif, and monospace versions employed.
I tried to balance the use of the serif version of the font family with the non-serif version, utilizing the italic style where it felt "artsy" or just felt right.
Section headings are bold, with page headers being a larger font size, and subheaders (or subtitles) ranging from sans-serif to serif styling.
Writing
I'm not a writer, at all. So, most of the content on this site is perfected by machines based off of outlines and rough-draft content provided by me, the human.
Design
Nor am I a designer, and I took heavy inspiration from websites found in the Dead Simple Sites collection.
But, as an informally trained architect from primary schooling, I do believe in the philosophy of "less is more", and try to keep the design elements of my personal site minimalistic.
