add photos page

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

47 files changed, 295 insertions, 28 deletions

diff --git a/links/main.css b/links/main.css
index 013f7e5..4fac260 100644
--- a/links/main.css
+++ b/links/main.css
@@ -359,6 +359,13 @@ ul.nobull li {
   flex-flow: row wrap;
 }
 
+@media (max-width: 768px) {
+  .squish {
+    width: 100%;
+    padding: 0;
+  }
+}
+
 .squish>* {
   max-width: 100%;
   max-height: 100%;
@@ -418,7 +425,7 @@ ul.nobull li {
 
   main ul,
   main ol {
-    padding-left: 1rem;
+    padding: 0 1rem;
   }
 
   main ul a,
diff --git a/media/content/photos/be-anti.jpg b/media/content/photos/be-anti.jpg
new file mode 100644
index 0000000..0d59e8e
--- /dev/null
+++ b/media/content/photos/be-anti.jpg
Binary files differdiff --git a/media/content/photos/be-late-summer.jpg b/media/content/photos/be-late-summer.jpg
new file mode 100644
index 0000000..065afca
--- /dev/null
+++ b/media/content/photos/be-late-summer.jpg
Binary files differdiff --git a/media/content/photos/br-arch.jpg b/media/content/photos/br-arch.jpg
new file mode 100644
index 0000000..2b4bdcf
--- /dev/null
+++ b/media/content/photos/br-arch.jpg
Binary files differdiff --git a/media/content/photos/br-ferris.jpg b/media/content/photos/br-ferris.jpg
new file mode 100644
index 0000000..facf08c
--- /dev/null
+++ b/media/content/photos/br-ferris.jpg
Binary files differdiff --git a/media/content/photos/br-grilled-cheese.jpg b/media/content/photos/br-grilled-cheese.jpg
new file mode 100644
index 0000000..ff312d2
--- /dev/null
+++ b/media/content/photos/br-grilled-cheese.jpg
Binary files differdiff --git a/media/content/photos/de-traindoor.jpg b/media/content/photos/de-traindoor.jpg
new file mode 100644
index 0000000..22efda1
--- /dev/null
+++ b/media/content/photos/de-traindoor.jpg
Binary files differdiff --git a/media/content/photos/is-dew.jpg b/media/content/photos/is-dew.jpg
new file mode 100644
index 0000000..c826591
--- /dev/null
+++ b/media/content/photos/is-dew.jpg
Binary files differdiff --git a/media/content/photos/is-figures.jpg b/media/content/photos/is-figures.jpg
new file mode 100644
index 0000000..f86bbb8
--- /dev/null
+++ b/media/content/photos/is-figures.jpg
Binary files differdiff --git a/media/content/photos/jp-gradient.jpg b/media/content/photos/jp-gradient.jpg
new file mode 100644
index 0000000..3699c29
--- /dev/null
+++ b/media/content/photos/jp-gradient.jpg
Binary files differdiff --git a/media/content/photos/jp-mirror-1.jpg b/media/content/photos/jp-mirror-1.jpg
new file mode 100644
index 0000000..aa542fa
--- /dev/null
+++ b/media/content/photos/jp-mirror-1.jpg
Binary files differdiff --git a/media/content/photos/jp-sakura.jpg b/media/content/photos/jp-sakura.jpg
new file mode 100644
index 0000000..2566904
--- /dev/null
+++ b/media/content/photos/jp-sakura.jpg
Binary files differdiff --git a/media/content/photos/kr-birches.jpg b/media/content/photos/kr-birches.jpg
new file mode 100644
index 0000000..647c2f0
--- /dev/null
+++ b/media/content/photos/kr-birches.jpg
Binary files differdiff --git a/media/content/photos/kr-fog.jpg b/media/content/photos/kr-fog.jpg
new file mode 100644
index 0000000..ea02212
--- /dev/null
+++ b/media/content/photos/kr-fog.jpg
Binary files differdiff --git a/media/content/photos/kr-lamps.jpg b/media/content/photos/kr-lamps.jpg
new file mode 100644
index 0000000..6da8f71
--- /dev/null
+++ b/media/content/photos/kr-lamps.jpg
Binary files differdiff --git a/media/content/photos/kr-moon.jpg b/media/content/photos/kr-moon.jpg
new file mode 100644
index 0000000..44ee5fb
--- /dev/null
+++ b/media/content/photos/kr-moon.jpg
Binary files differdiff --git a/media/content/photos/tr-boat.jpg b/media/content/photos/tr-boat.jpg
new file mode 100644
index 0000000..30eb455
--- /dev/null
+++ b/media/content/photos/tr-boat.jpg
Binary files differdiff --git a/media/content/photos/tr-hedge.jpg b/media/content/photos/tr-hedge.jpg
new file mode 100644
index 0000000..e2a79d7
--- /dev/null
+++ b/media/content/photos/tr-hedge.jpg
Binary files differdiff --git a/site/2025.html b/site/2025.html
index 1f29030..470c70d 100644
--- a/site/2025.html
+++ b/site/2025.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/404.html b/site/404.html
index a9aeaf1..c0ff74a 100644
--- a/site/404.html
+++ b/site/404.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/about.html b/site/about.html
index 50d2009..90778d0 100644
--- a/site/about.html
+++ b/site/about.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/audio.html b/site/audio.html
index f5c8ea4..8e169a9 100644
--- a/site/audio.html
+++ b/site/audio.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/gsix.html b/site/gsix.html
index dabc533..111fbab 100644
--- a/site/gsix.html
+++ b/site/gsix.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/hokkaido.html b/site/hokkaido.html
index 60d3e86..ff0cc47 100644
--- a/site/hokkaido.html
+++ b/site/hokkaido.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/ibaraki.html b/site/ibaraki.html
index c0da5ee..ff9c698 100644
--- a/site/ibaraki.html
+++ b/site/ibaraki.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/index.html b/site/index.html
index 23f5a1f..bf22211 100644
--- a/site/index.html
+++ b/site/index.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
@@ -48,6 +53,7 @@
 <li><a href="/site/niigata.html">niigata</a></li>
 <li><a href="/site/nikko.html">nikko</a></li>
 <li><a href="/site/notes.html">notes</a></li>
+<li><a href="/site/photos.html">photos</a></li>
 <li><a href="/site/plan9-cursors.html">plan9-cursors</a></li>
 <li><a href="/site/porta.html">porta</a></li>
 <li><a href="/site/pyonji.html">pyonji</a></li>
@@ -61,7 +67,7 @@
 </ul>
 </main>
 <footer>
-Edited on 2025-11-17 <a href="https://git.sr.ht/~robertgzr/site/tree/master/src/inc/index.htm" target="_blank">[src]</a>
+Edited on 2025-10-06 <a href="https://git.sr.ht/~robertgzr/site/tree/master/src/inc/index.htm" target="_blank">[src]</a>
 <a href="mailto:~robertgzr/public-inbox@lists.sr.ht">[comments]</a>
 <br>
 <b>robertgzr</b>
diff --git a/site/japan.html b/site/japan.html
index 7396b6f..c9ccfdc 100644
--- a/site/japan.html
+++ b/site/japan.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/journal.html b/site/journal.html
index 40c5b29..e81b48a 100644
--- a/site/journal.html
+++ b/site/journal.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/kamakura.html b/site/kamakura.html
index a9ec194..b0d4b0b 100644
--- a/site/kamakura.html
+++ b/site/kamakura.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/like.html b/site/like.html
index 2d6bc54..2b7e19d 100644
--- a/site/like.html
+++ b/site/like.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/niigata.html b/site/niigata.html
index 28b8377..15b6e7d 100644
--- a/site/niigata.html
+++ b/site/niigata.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/nikko.html b/site/nikko.html
index e3e6604..a117d4b 100644
--- a/site/nikko.html
+++ b/site/nikko.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/notes.html b/site/notes.html
index 801472b..84594ca 100644
--- a/site/notes.html
+++ b/site/notes.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/photos.html b/site/photos.html
new file mode 100644
index 0000000..aaeb4ac
--- /dev/null
+++ b/site/photos.html
@@ -0,0 +1,90 @@
+<!-- Generated file, do not edit, you may edit and discard src/inc/photos.htm :) -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="thumbnail" content="/media/services/thumbnail.jpg">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="/media/interface/logo.svg" as="image">
+<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
+<link rel="stylesheet" type="text/css" href="/links/main.css">
+<link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
+<link rel="license" href="https://git.sr.ht/~robertgzr/site/blob/master/LICENSE.content">
+<title>gzr.im &mdash; photos</title>
+</head>
+<body>
+<header>
+<a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+<nav>
+<section>
+  <ul class="nobull capital">
+    <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
+    <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/2025.html">2025</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
+    <li><a href="/site/read.html">read</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
+  </ul>
+</section>
+</nav>
+</header>
+<main>
+<style>
+  @media (min-width: 768px) {
+    main{
+      max-width:80vw;
+    }
+  }
+  @media (min-width: 1024px) {
+    .squish img {
+      max-width:calc(100%/3 - 1rem*2);
+    }
+  }
+  .squish {
+    gap: 1rem;
+  }
+</style>
+<h2>2025</h2>
+<ul class="squish">
+  <img src="/media/content/photos/de-traindoor.jpg" title="de-traindoor">
+  <img src="/media/content/photos/be-late-summer.jpg" title="be-late-summer">
+  <img src="/media/content/photos/tr-boat.jpg" title="tr-boat">
+  <img src="/media/content/photos/br-grilled-cheese.jpg" title="br-grilled-cheese">
+  <img src="/media/content/photos/br-ferris.jpg" title="br-ferris">
+  <img src="/media/content/photos/br-arch.jpg" title="br-arch">
+</ul>
+<h2>2024</h2>
+<ul class="squish">
+  <img src="/media/content/photos/is-figures.jpg" title="is-figures">
+  <img src="/media/content/photos/is-dew.jpg" title="is-dew">
+  <img src="/media/content/photos/tr-hedge.jpg" title="tr-hedge">
+  <img src="/media/content/photos/be-anti.jpg" title="be-anti">
+  <img src="/media/content/photos/jp-mirror-1.jpg" title="jp-mirror-1">
+  <img src="/media/content/photos/jp-gradient.jpg" title="jp-gradient">
+  <img src="/media/content/photos/jp-sakura.jpg" title="jp-sakura">
+  <img src="/media/content/photos/kr-fog.jpg" title="kr-fog">
+  <img src="/media/content/photos/kr-moon.jpg" title="kr-moon">
+  <img src="/media/content/photos/kr-lamps.jpg" title="kr-lamps">
+  <img src="/media/content/photos/kr-birches.jpg" title="kr-birches">
+</ul>
+</main>
+<footer>
+Edited on 2025-10-06 <a href="https://git.sr.ht/~robertgzr/site/tree/master/src/inc/photos.htm" target="_blank">[src]</a>
+<a href="mailto:~robertgzr/public-inbox@lists.sr.ht">[comments]</a>
+<br>
+<b>robertgzr</b>
+&copy; 2025
+&mdash;
+<a href="https://git.sr.ht/~robertgzr/site/blob/master/LICENSE.content" target="_blank">BY-NC-SA 4.0</a>
+</footer>
+<a href="#top">[&#9206;]</a>
+</body>
+</html>
diff --git a/site/plan9-cursors.html b/site/plan9-cursors.html
index 28d4f83..816f0f9 100644
--- a/site/plan9-cursors.html
+++ b/site/plan9-cursors.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/porta.html b/site/porta.html
index 55cf2aa..2e35e22 100644
--- a/site/porta.html
+++ b/site/porta.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/pyonji.html b/site/pyonji.html
index d362bd1..1e840be 100644
--- a/site/pyonji.html
+++ b/site/pyonji.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/read.html b/site/read.html
index c599b7a..891b56a 100644
--- a/site/read.html
+++ b/site/read.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/shikoku.html b/site/shikoku.html
index ba89b7c..388a09e 100644
--- a/site/shikoku.html
+++ b/site/shikoku.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/sony-wf1000xm3-battery.html b/site/sony-wf1000xm3-battery.html
index 8559076..2ce2aec 100644
--- a/site/sony-wf1000xm3-battery.html
+++ b/site/sony-wf1000xm3-battery.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/toyama.html b/site/toyama.html
index bd2cf46..2283d61 100644
--- a/site/toyama.html
+++ b/site/toyama.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/unicode-range.html b/site/unicode-range.html
index 9023b7a..7a7c870 100644
--- a/site/unicode-range.html
+++ b/site/unicode-range.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/varlink.html b/site/varlink.html
index b9f6ea3..c2569bf 100644
--- a/site/varlink.html
+++ b/site/varlink.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/site/yamanashi.html b/site/yamanashi.html
index d3106a7..861bfd8 100644
--- a/site/yamanashi.html
+++ b/site/yamanashi.html
@@ -19,14 +19,19 @@
 <section>
   <ul class="nobull capital">
     <li><a href="/site/about.html">about</a></li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li><a href="/site/notes.html">notes</a></li>
+    <li><a href="/site/like.html">like</a></li>
     <li><a href="/site/2025.html">2025</a></li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li><a href="/site/read.html">read</a></li>
-    <li><a href="/site/like.html">like</a></li>
+    <li><a href="/site/photos.html">photos</a></li>
   </ul>
 </section>
 </nav>
diff --git a/src/inc/index.htm b/src/inc/index.htm
index 2369e24..842c573 100644
--- a/src/inc/index.htm
+++ b/src/inc/index.htm
@@ -14,6 +14,7 @@
 <li><a href="/site/niigata.html">niigata</a></li>
 <li><a href="/site/nikko.html">nikko</a></li>
 <li><a href="/site/notes.html">notes</a></li>
+<li><a href="/site/photos.html">photos</a></li>
 <li><a href="/site/plan9-cursors.html">plan9-cursors</a></li>
 <li><a href="/site/porta.html">porta</a></li>
 <li><a href="/site/pyonji.html">pyonji</a></li>
diff --git a/src/inc/meta.nav.htm b/src/inc/meta.nav.htm
index be1653d..bb29099 100644
--- a/src/inc/meta.nav.htm
+++ b/src/inc/meta.nav.htm
@@ -1,13 +1,18 @@
 <section>
   <ul class="nobull capital">
     <li>{about}</li>
+  </ul>
+</section>
+<section>
+  <ul class="nobull capital">
     <li>{notes}</li>
+    <li>{like}</li>
     <li>{2025}</li>
   </ul>
 </section>
 <section>
   <ul class="nobull capital">
     <li>{read}</li>
-    <li>{like}</li>
+    <li>{photos}</li>
   </ul>
 </section>
diff --git a/src/inc/photos.htm b/src/inc/photos.htm
new file mode 100644
index 0000000..762b6eb
--- /dev/null
+++ b/src/inc/photos.htm
@@ -0,0 +1,38 @@
+<style>
+  @media (min-width: 768px) {
+    main{
+      max-width:80vw;
+    }
+  }
+  @media (min-width: 1024px) {
+    .squish img {
+      max-width:calc(100%/3 - 1rem*2);
+    }
+  }
+  .squish {
+    gap: 1rem;
+  }
+</style>
+<h2>2025</h2>
+<ul class="squish">
+  <img src="/media/content/photos/de-traindoor.jpg" title="de-traindoor">
+  <img src="/media/content/photos/be-late-summer.jpg" title="be-late-summer">
+  <img src="/media/content/photos/tr-boat.jpg" title="tr-boat">
+  <img src="/media/content/photos/br-grilled-cheese.jpg" title="br-grilled-cheese">
+  <img src="/media/content/photos/br-ferris.jpg" title="br-ferris">
+  <img src="/media/content/photos/br-arch.jpg" title="br-arch">
+</ul>
+<h2>2024</h2>
+<ul class="squish">
+  <img src="/media/content/photos/is-figures.jpg" title="is-figures">
+  <img src="/media/content/photos/is-dew.jpg" title="is-dew">
+  <img src="/media/content/photos/tr-hedge.jpg" title="tr-hedge">
+  <img src="/media/content/photos/be-anti.jpg" title="be-anti">
+  <img src="/media/content/photos/jp-mirror-1.jpg" title="jp-mirror-1">
+  <img src="/media/content/photos/jp-gradient.jpg" title="jp-gradient">
+  <img src="/media/content/photos/jp-sakura.jpg" title="jp-sakura">
+  <img src="/media/content/photos/kr-fog.jpg" title="kr-fog">
+  <img src="/media/content/photos/kr-moon.jpg" title="kr-moon">
+  <img src="/media/content/photos/kr-lamps.jpg" title="kr-lamps">
+  <img src="/media/content/photos/kr-birches.jpg" title="kr-birches">
+</ul>