Colophon

I’ve been making websites since the days of tweaking my Friendster and MySpace profile, and Tumblr was my real crash course in CSS. Back then, my favorite corners of the internet were Geocities, StumbleUpon, Tumblr, Miniclip, Y8, and OneMoreLevel — digital playgrounds where everything felt new and endless. I also spent countless hours on forums and Yahoo! Messenger, making friends with people I’d never met in real life but felt like I’d known forever.

I am fascinated by technology, especially ethical and useful technologies. I enjoy tinkering with the Internet. I spend most of my time these days thinking about the web — how it works, how it’s changing, and how we can make it a better place. The World Wide Web has always captivated me. I feel as though I grew up on the Internet, and that it has taught me a lot of what I know.

This site is created with Hugo, hosted in Netlify, and distributed globally via Cloudflare. The design was prototyped in Framer, then hand-coded in HTML and custom CSS, with an occasional nudge from Claude.

I spent way too much time hunting for the right typeface until I settled on Evil Martian’s Martian Grotesk because it just has so much personality and character and it’s open source, which is always a win. And Sentient from Indian Type Foundry, designed by Noopur Choksi and Barbara Bigosińska.

The site has a selection of my work, but I’m most proud of the 404 page. I scoured 404s.design for inspiration and figured out I wanted to pay homage to SMPTE color bars, those test patterns you’d see on TV broadcasts when stations went off-air or during technical difficulties. It just seemed fitting for a 404 page, like you’ve tuned into dead air or a channel that doesn’t exist. For this page, I’m using the Home Video font by GGBotNet, which is reminiscent of VHS tapes and vintage home movies. It ties the whole nostalgic broadcast aesthetic together.

Everything comes together in Cebu City, crafted on a MacBook Pro M1 Max paired with an Apple Keyboard, Apple Magic Mouse and Apple Studio Display, using Cursor as the code editor, GitHub Desktop for version control, and Arc/Zen as the browsers of choice.

Playground is still a work in progress but I’m planning to create it using lightGallery.