col⋅o⋅phon n. An inscription, usually at the end of a book, giving facts about its publication.
This site has been carefully designed with performance and simplicity in mind.
It's an exercise in a conscientious style of web development, aiming to minimize the burden on the user while expressing creativity in the hypertext format.
The resulting site consists entirely of HTML, a CSS stylesheet, and some optimized image assets.
I've tried to write this site so that as many people as possible can use it.
If you encounter any accessibility issues on this site, email me at firstname.lastname@example.org and I'll do my best to address them.
Static Site Generator
The site is generated with Eleventy, a static site generator for Node.js.
Content is written in Markdown and committed alongside the source code to a git repository.
The site uses a small, custom stylesheet that I wrote. I borrowed some colors from TailwindCSS because I'm not a designer.
The stylesheet is processed by PurgeCSS, which removes unused selectors on a per-page basis. The resulting minified stylesheet is then inserted inline for each page.
A light and dark color scheme are provided based on system preference.
Animations are disabled if your system preference is for reduced motion.
The site does not use web fonts. Instead, it uses a system font stack based on the fonts your system already has installed.
The site offers images in
jpeg format, at several resolutions. Your browser will lazily load the appropriate format and resolution for your browser and screen size.
Image pre-processing is performed by the Eleventy Image plugin at build time.
I also wrote a post about the site's image handling.