add photos page

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

1 files changed, 38 insertions, 0 deletions

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>