Commit `92e71e0a49`

92e71e0a4952e1bafb38582b0ce73948afb7d33d

parent: ef49ce57a8

Unsigned

cmc <hello@cleberg.net> · 2026-08-12 04:57 UTC

Give the docs site a favicon

The docs had none, so every tab showed the generic page icon and browsers
fell back to requesting /favicon.ico, which the site does not serve.

The mark is an indented org outline — three headings, six shapes — which
is what the site is about, and legible at 16px. It carries the accent
colour from style.css and swaps it under prefers-color-scheme, matching
the two schemes the stylesheet already defines.

SVG only. Safari before 16 and IE fall back to no icon rather than a
stale one, which is the same as today.

Layout: unified · split

docs/favicon.svg added +14

		@@ -0,0 +1,14 @@
	1	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
	2	<!-- An org outline: three headings, indented. Drawn plainly enough to survive 16px,
	3	and coloured from the same accent the stylesheet uses, in both schemes. -->
	4	<style>
	5	:root { fill: #0b5fa5; }
	6	@media (prefers-color-scheme: dark) { :root { fill: #79b8ff; } }
	7	</style>
	8	<circle cx="6" cy="8" r="2.5"/>
	9	<rect x="12" y="6.5" width="14" height="3" rx="1.5"/>
	10	<circle cx="12" cy="16" r="2.5"/>
	11	<rect x="18" y="14.5" width="8" height="3" rx="1.5"/>
	12	<circle cx="12" cy="24" r="2.5"/>
	13	<rect x="18" y="22.5" width="8" height="3" rx="1.5"/>
	14	</svg>

docs/templates/base.html +1

		@@ -8,6 +8,7 @@
8	8	<link rel="canonical" href="{{ page.url \| absolute }}">
9	9	{%- endif %}
10	10	<meta name="description" content="{{ page.excerpt \| truncate(150) }}">
	11	<link rel="icon" href="{{ root }}favicon.svg" type="image/svg+xml">
11	12	<link rel="stylesheet" href="{{ root }}style.css">
12	13	{%- if stylesheet %}
13	14	<link rel="stylesheet" href="{{ stylesheet }}">

Commit 92e71e0a49

Commit `92e71e0a49`