From c70709bf3cf35d89dfb6f2b59793688f476f2e2b Mon Sep 17 00:00:00 2001
From: Jan Kremer <mail@jankremer.eu>
Date: Fri, 19 Dec 2025 08:53:39 +0100
Subject: [PATCH] fotos: Move to figures

---
 assets/css/main.css                          | 17 ++++++++++++++++-
 content/fotos/abendliche-bewoelkung/index.md |  2 +-
 content/fotos/ustronie-morskie/index.md      | 20 +++++++-------------
 3 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 222546e..f7a1c73 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -177,8 +177,23 @@ article {
   text-justify: inter-word;
   font-variant-numeric: oldstyle-nums;
 
+  figure {
+    max-width: 100%;
+    height: auto;
+    margin: 0;
+
+    figcaption {
+      p {
+        margin: 0.25rem 0 2rem;
+        font-family: var(--sans-serif);
+        text-align: center;
+      }
+    }
+  }
+
   img {
-    width: 100%;
+    max-width: 100%;
+    height: auto;
   }
 
   > p:nth-of-type(2)::first-letter {
diff --git a/content/fotos/abendliche-bewoelkung/index.md b/content/fotos/abendliche-bewoelkung/index.md
index 552aad0..dfa7f44 100644
--- a/content/fotos/abendliche-bewoelkung/index.md
+++ b/content/fotos/abendliche-bewoelkung/index.md
@@ -5,4 +5,4 @@ description: "über Regensburg"
 tags: [fotos, regensburg]
 ---
 
-![Abendliche Bewölkung über Regensburg](abendliche-bewoelkung.webp)
+{{< figure src="abendliche-bewoelkung.webp" alt="Abendliche Bewölkung über Regensburg" caption="Abendliche Bewölkung über Regensburg" loading="lazy" >}}
diff --git a/content/fotos/ustronie-morskie/index.md b/content/fotos/ustronie-morskie/index.md
index d8fb431..cdae769 100644
--- a/content/fotos/ustronie-morskie/index.md
+++ b/content/fotos/ustronie-morskie/index.md
@@ -5,16 +5,10 @@ date: 2025-11-15T21:53:01+01:00
 tags: [fotos, polen]
 ---
 
-![Holzwall](./holzwall.jpeg)
-
-![Pfote](./pfote.jpeg)
-
-![Nala](./nala.jpeg)
-
-![Pier](./pier.jpeg)
-
-![Dom](./dom-1.jpeg)
-
-![Dom](./dom-2.jpeg)
-
-![Möve](./moeve.jpeg)
+{{< figure src="holzwall.jpeg" alt="Holzwall" caption="Holzwall" loading="lazy" decoding="async" fetchpriority="high" >}}
+{{< figure src="pfote.jpeg" alt="Pfote" caption="Pfote" loading="lazy" >}}
+{{< figure src="nala.jpeg" alt="Nala" caption="Nala" loading="lazy" >}}
+{{< figure src="pier.jpeg" alt="Pier" caption="Pier" loading="lazy" >}}
+{{< figure src="dom-1.jpeg" alt="Kolberger Dom" caption="Kolberger Dom" loading="lazy" >}}
+{{< figure src="dom-2.jpeg" alt="Dom" caption="Dom" loading="lazy" >}}
+{{< figure src="moeve.jpeg" alt="Möve" caption="Möve" loading="lazy" >}}