colophon
What is this?
This colophon documents the technical architecture, design philosophy, and behind-the-scenes details of how this website is built and why it exists.
Why build a personal website?
Social media feeds feel fleeting and temporary. Personal websites, by contrast, feel permanent. Having your own independent corner on the internet is valuable, and this site is designed to grow thoughtfully for years.
Design Philosophy
I believe in simplicity over decoration, and letting content be the focus. Whitespace is intentional, readability is prioritized first, and pages should load instantly with minimal JavaScript.
Technology
This site intentionally avoids heavy frameworks, relying instead on clean, native web standards. It was built using:
HTML
Semantic markup to structure content natively.
CSS
Vanilla stylesheets for full layouts, custom animations, and variables.
JavaScript
Minimal client-side logic to fetch files and handle page routing transitions.
Markdown
Used to draft article files and structure site content dynamically.
Git
Version control to track site changes and history.
GitHub Pages
Used as the static hosting provider for quick, global asset delivery.
Figma
Where layout mockups and pixel art icons are drafted.
Typography
The primary typeface is Courier Prime, a monospace font. It was chosen to evoke the quiet feel of plain text files and mechanical typewriters, prioritizing legibility over visual novelty.
Pixel Details
Small pixel-art illustrations are placed throughout the layout. Inspired by retro operating systems and old web aesthetics, they add a touch of personality without cluttering the content.
Performance
Built with fast loading, lightweight page sizes, semantic HTML structure, and minimal third-party dependencies to run reliably on any device.
Accessibility
Designed with fully functional keyboard navigation, readable color contrast, semantic markup, and respecting user motion preferences.
Content Engine
The site uses a custom-built Markdown content engine. Articles, projects, and future collections all feed from the same unified, reusable JSON manifest system.
Changelog
2026
• Built the first version of the website.
• Added the writing section.
• Added projects.
• Built the Markdown content engine.
• Added pixel art accents.
Future
Some ideas (not promises) that may eventually find their way here: raw notes log, game development build logs, a reading/listening shelf, photography galleries, and experimental web animations.