* HEAD master

Automated-commit-by: commitall
Signed-off-by: Robert Günzler <r@gnzler.io>

37 files changed, 211 insertions, 48 deletions

diff --git a/site/2025.html b/site/2025.html
index 81ea009..b2e307c 100644
--- a/site/2025.html
+++ b/site/2025.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/2026.html b/site/2026.html
index be28051..6a61bff 100644
--- a/site/2026.html
+++ b/site/2026.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/404.html b/site/404.html
index a12505f..e26e67b 100644
--- a/site/404.html
+++ b/site/404.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/about.html b/site/about.html
index 770ff47..41974b8 100644
--- a/site/about.html
+++ b/site/about.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
@@ -43,6 +48,12 @@
 		</header>
 		<main>
 			
+<img class="size-l" alt="me" src="/media/content/about/me.jpg">
+
+<p>
+	My name is Robert. I do software for fun but also for a job.
+</p>
+
 <h1>Why make this?</h1>
 <p>
 	This website is an attempt to capture some parts of my life into a form of
@@ -57,13 +68,6 @@
 	this trend.
 </p>
 
-<h1>Who am I</h1>
-<p>
-	My name is Robert. I do software for fun but also for a job.
-</p>
-
-<img class="size-m" alt="me" src="/media/content/about/me.jpg">
-
 
 
 			<section id="backrefs"><!-- no backrefs --></section>
diff --git a/site/audio.html b/site/audio.html
index 64c803c..0bb2823 100644
--- a/site/audio.html
+++ b/site/audio.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/bts-rm-pre-debut.html b/site/bts-rm-pre-debut.html
index 21e842d..5d50bc1 100644
--- a/site/bts-rm-pre-debut.html
+++ b/site/bts-rm-pre-debut.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/bts-suga-pre-debut.html b/site/bts-suga-pre-debut.html
index 67258ed..0ee4167 100644
--- a/site/bts-suga-pre-debut.html
+++ b/site/bts-suga-pre-debut.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/gsix.html b/site/gsix.html
index a4bbda5..1d45c5c 100644
--- a/site/gsix.html
+++ b/site/gsix.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/hokkaido.html b/site/hokkaido.html
index 8965a19..7eb8fd2 100644
--- a/site/hokkaido.html
+++ b/site/hokkaido.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/ibaraki.html b/site/ibaraki.html
index 7c04b97..a0238a0 100644
--- a/site/ibaraki.html
+++ b/site/ibaraki.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/japan.html b/site/japan.html
index ae09e06..180fbce 100644
--- a/site/japan.html
+++ b/site/japan.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/journal.html b/site/journal.html
index d51fa8d..97bad08 100644
--- a/site/journal.html
+++ b/site/journal.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/kamakura.html b/site/kamakura.html
index 35be534..8b63aee 100644
--- a/site/kamakura.html
+++ b/site/kamakura.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/like.html b/site/like.html
index e2cb2de..1f5e3df 100644
--- a/site/like.html
+++ b/site/like.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/links/main.css b/site/links/main.css
index 21fd371..6bc81fe 100644
--- a/site/links/main.css
+++ b/site/links/main.css
@@ -56,7 +56,7 @@ header a {
 }
 
 header a img {
-  max-height: 4rem;
+  max-height: 60px;
 }
 
 nav section {
diff --git a/site/making-the-map.html b/site/making-the-map.html
index c7e135d..6a80f74 100644
--- a/site/making-the-map.html
+++ b/site/making-the-map.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/media/interface/draw_dark.png b/site/media/interface/draw_dark.png
new file mode 100644
index 0000000..4274ef6
--- /dev/null
+++ b/site/media/interface/draw_dark.png
Binary files differdiff --git a/site/media/interface/draw_lite.png b/site/media/interface/draw_lite.png
new file mode 100644
index 0000000..30e84d3
--- /dev/null
+++ b/site/media/interface/draw_lite.png
Binary files differdiff --git a/site/niigata.html b/site/niigata.html
index f7ca420..eaeaf36 100644
--- a/site/niigata.html
+++ b/site/niigata.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/nikko.html b/site/nikko.html
index afbe82f..eaf65be 100644
--- a/site/nikko.html
+++ b/site/nikko.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/notes.html b/site/notes.html
index 498f34f..2f31b8d 100644
--- a/site/notes.html
+++ b/site/notes.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/photos.html b/site/photos.html
index 5978c05..3c3aafd 100644
--- a/site/photos.html
+++ b/site/photos.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/plan9-cursors.html b/site/plan9-cursors.html
index c2bef97..ceec799 100644
--- a/site/plan9-cursors.html
+++ b/site/plan9-cursors.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/porta.html b/site/porta.html
index 0791444..e974925 100644
--- a/site/porta.html
+++ b/site/porta.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/pyonji.html b/site/pyonji.html
index c536641..ef4e77f 100644
--- a/site/pyonji.html
+++ b/site/pyonji.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/read.html b/site/read.html
index c717afa..6cc6eba 100644
--- a/site/read.html
+++ b/site/read.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/read_2024.html b/site/read_2024.html
index 5b7dd51..ab83f8c 100644
--- a/site/read_2024.html
+++ b/site/read_2024.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/read_2025.html b/site/read_2025.html
index 7b0e321..0953e4a 100644
--- a/site/read_2025.html
+++ b/site/read_2025.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/read_2026.html b/site/read_2026.html
index aed9a57..8e38b4a 100644
--- a/site/read_2026.html
+++ b/site/read_2026.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/shikoku.html b/site/shikoku.html
index 7b1caf2..239ef72 100644
--- a/site/shikoku.html
+++ b/site/shikoku.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/sony-wf1000xm3-battery.html b/site/sony-wf1000xm3-battery.html
index 84659cc..d18e9c9 100644
--- a/site/sony-wf1000xm3-battery.html
+++ b/site/sony-wf1000xm3-battery.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/toyama.html b/site/toyama.html
index 470f11f..20293b1 100644
--- a/site/toyama.html
+++ b/site/toyama.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/unicode-range.html b/site/unicode-range.html
index 99b0969..c1e37e7 100644
--- a/site/unicode-range.html
+++ b/site/unicode-range.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/varlink.html b/site/varlink.html
index 77226cf..128ed8e 100644
--- a/site/varlink.html
+++ b/site/varlink.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/site/yamanashi.html b/site/yamanashi.html
index 32914cc..baa5919 100644
--- a/site/yamanashi.html
+++ b/site/yamanashi.html
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				
 <section>
diff --git a/src/inc/about.htm b/src/inc/about.htm
index 89af696..1e8c6ec 100644
--- a/src/inc/about.htm
+++ b/src/inc/about.htm
@@ -1,3 +1,9 @@
+<img class="size-l" alt="me" src="/media/content/about/me.jpg">
+
+<p>
+	My name is Robert. I do software for fun but also for a job.
+</p>
+
 <h1>Why make this?</h1>
 <p>
 	This website is an attempt to capture some parts of my life into a form of
@@ -11,10 +17,3 @@
 	tech-savy. Inspired by the indieweb community I am trying push back against
 	this trend.
 </p>
-
-<h1>Who am I</h1>
-<p>
-	My name is Robert. I do software for fun but also for a job.
-</p>
-
-<img class="size-m" alt="me" src="/media/content/about/me.jpg">
diff --git a/src/inc/meta.baseof.htm b/src/inc/meta.baseof.htm
index 40767c1..955c787 100644
--- a/src/inc/meta.baseof.htm
+++ b/src/inc/meta.baseof.htm
@@ -14,7 +14,12 @@
 	</head>
 	<body>
 		<header>
-			<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+			<a href="/">
+				<picture>
+					<source width="60" height="60" media="(prefers-color-scheme: dark)" srcset="/media/interface/draw_dark.png">
+					<img width="60" height="60" src="/media/interface/draw_lite.png" alt="gzr.im">
+				</picture>
+			</a>
 			<nav>
 				{[/meta.nav]}
 			</nav>