Skip to content

Description

This page has no description.


Attributes

Updated
Created
CategoryMeta
EffortStub

Source

View on sourcehut

License

Colophon © 2022 by Jon Webb is licensed under CC BY-SA 4.0

Colophon

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

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 preference2.

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 lazily3 load the appropriate format and resolution for your browser and screen size4.

Image pre-processing is performed by Hugo at build time.


  1. Houghton Mifflin Company. (2000). Colophon. In The American Heritage College Dictionary (3rd ed., p. 276). Houghton Mifflin Company. ↩︎

  2. If your browser supports the prefers-color-scheme CSS media feature . It’s supported for ~93% of users as of July, 2022. ↩︎

  3. If your browser supports the loading=lazy attribute for the <image> HTML element. It’s supported for ~75% of users as of July, 2022. ↩︎

  4. If your browser supports the <picture> HTML element . It’s supported for ~97% of users as of July, 2022. ↩︎