Colophon

From the Oxford Languages dictionary definition:

col·o·phon

/ˈkäləfən,ˈkäləˌfän/
noun a publisher's emblem or imprint, especially one on the title page or spine of a book.

• historical a statement at the end of a book, typically with a printer's emblem, giving information about its authorship and printing.

Within the IndieWeb community, the colophon page is were webmasters describe how they made their website. This page is basically a rehash of my first post except this time, I'm digging much deeper.

Technologies

This is a static website which means all webpages are prewritten. My static site generator of choice is Eleventy (11ty) v3.1.2 with the following plugins installed to assist in building:

• eleventy-img
• eleventy-plugin-og-image
• eleventy-plugin-rss
• markdown-it

In addition to this, GLightbox is my lightbox of choice, which is a tool used to make the images on my pages interactive.

As for languages used on this website, at the moment, I'm only working with Nunjucks for templating and vanilla HTML/CSS/JavaScript. However, I'll most likely migrate my stylesheet to Sass in the near future.

Supported Browsers

This website has been tested on the following web browsers:

• Google Chrome
• Mozilla Firefox
• Safari

Services

This website is deployed from it's dedicated GitHub repository and then hosted on Netlify. The domain name electron.observer, was registered on September 7th 2025. It was acquired from, registered at, and currently managed by Porkbun.

Content

All text content here is licensed under CC BY-NC 4.0. Source code for this website is licensed under the MIT License. All content and media is created by myself unless explicitly stated otherwise. No generative AI is used in the process of content creation.

Themes and Typography

This website is dressed up modestly since I'm aiming for minimalism. It's essentially built off just these two style components:

• Tiny Brutalism CSS by pruger
• Roboto Mono by Google Fonts

Branding

Electron Observer's branding is inspired by my curiosity for topics within the realm of engineering and physics.

This can be seen from the Bohr's model silicon atom animation on the index page to the various custom art pieces littered across the website. Here's all pieces of artwork I currently have listed down below:

My website logo was commissioned by the extremely talented designer William Burns, who can be found over at their handle SCJREAL. The prism icon, which can be seen within the favicon and OpenGraph/Xitter banners, was designed by myself.

Inspirations

There were so many beautiful, well-written, designs that I have encountered during the process of writing Electron Observer. The following people were the most influential in shaping this website's direction:

• Ben Sifel (as themself)
• Eric Min (minworks)
• Justin Windle (soulwire)
• Kim Grey (beeps)
• Mu-An Chiou (muan)

I'd also like to thank my creative and talented friends and peers in my real life who inspired me to make my own website. Thanks nerds <3