diff options
Diffstat (limited to '')
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> |
