From 0b72bf647bd7dec2e57dfdc901c96a21daabdf58 Mon Sep 17 00:00:00 2001
From: Robert Günzler <r@gnzler.io>
Date: Mon, 6 Oct 2025 18:02:52 +0200
Subject: add photos page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Robert Günzler <r@gnzler.io>
---
 src/inc/index.htm    |  1 +
 src/inc/meta.nav.htm |  7 ++++++-
 src/inc/photos.htm   | 38 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 src/inc/photos.htm

(limited to 'src')

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>
-- 
cgit 1.4.1