From b07eb8d1c06e582e5f177c159d820778029a9d93 Mon Sep 17 00:00:00 2001
From: Loek Le Blansch <loek@pipeframe.xyz>
Date: Sat, 5 Oct 2024 17:56:32 +0200
Subject: use html figurecaption + fix caption css

---
 _posts/2021-08-17-homeauto.md |  5 ++++-
 _sass/image.css               | 12 ++++++++++--
 _sass/layout.css              |  6 +++---
 readme.md                     |  1 -
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/_posts/2021-08-17-homeauto.md b/_posts/2021-08-17-homeauto.md
index cc8648e..544cf07 100644
--- a/_posts/2021-08-17-homeauto.md
+++ b/_posts/2021-08-17-homeauto.md
@@ -153,7 +153,10 @@ The esp is still at the bottom of the case, but getting everything to fit
 inside was so hard that I completely forgot to take pictures. So here's a
 picture of the finished controller mounted under my bed using two small nails:
 
-![Job well done](/img/homeauto/finishedcontroller.png)
+<figure>
+  <img src="/img/homeauto/finishedcontroller.png"/>
+  <figcaption>Job well done</figcaption>
+</figure>
 
 ### ESP firmware
 
diff --git a/_sass/image.css b/_sass/image.css
index 3e98ae4..f1d48bb 100644
--- a/_sass/image.css
+++ b/_sass/image.css
@@ -1,8 +1,16 @@
-img {
-	position: relative;
+img, figure {
 	display: block;
 	margin: 0 auto var(--page-margins) auto;
 	max-width: 500px;
+}
+
+img {
+	position: relative;
 	overflow: visible;
 }
 
+figure {
+	opacity: .8;
+	font-style: italic;
+}
+
diff --git a/_sass/layout.css b/_sass/layout.css
index b92ef79..c459e8e 100644
--- a/_sass/layout.css
+++ b/_sass/layout.css
@@ -56,9 +56,9 @@
 
 	overflow-x: hidden;
 }
-.contentWrapper > * {
-	margin: 0;
-	margin-bottom: var(--page-margins);
+
+.contentWrapper :first-child {
+	margin-top: 0;
 }
 
 .contentWrapper p {
diff --git a/readme.md b/readme.md
index 7ab1100..bc4095f 100644
--- a/readme.md
+++ b/readme.md
@@ -5,5 +5,4 @@ Live at <https://blog.pipeframe.xyz>
 ## TODO
 
 - local search page functionality
-- image captions not working
 
-- 
cgit v1.2.3