Colophon

col⋅o⋅phon n. An inscription, usually at the end of a book, giving facts about its publication.¹

Philosophy

This site has been 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 with the hypertext format.

Accessibility

I’ve tried to write this site so that as many people as possible can use it.

If you encounter an accessibility issue that prevents you from using this site, email me at jon@jonwebb.dev .

Static site generator

This site is generated with Hugo , a static site generator written in Go.

Content is written in Markdown and committed alongside the source code to a git repository .

JavaScript

This site uses only the following JavaScript when loading stylesheets:

<link
  rel="preload"
  href="..."
  as="style"
  onload="this.onload=null;this.rel='stylesheet'"
/>

This speeds the rendering of site content by deferring the loading of non-critical stylesheets. A fallback is provided for clients without JavaScript.

Styles

This site uses a small, custom stylesheet that I wrote, which is inlined for performance reasons.

A supplemental stylesheet is additionally loaded, only on pages that use syntax highlighting.

A self-hosted version of the KaTeX stylesheet is additionally loaded, only on pages that use math.

A light and dark color scheme are provided based on system preference².

Fonts

The site does not use web fonts for regular content. Instead, it uses a system font stack based on the fonts your system already has installed.

The only exception is for rendering math, which uses self-hosted KaTeX web fonts. These fonts are only loaded on pages that use math.

Images

The site offers images in webp and 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 Hugo at build time.