From 14b42c807b0c519c2042409baf0493f88a34a9ca Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Thu, 25 Apr 2024 15:00:40 +0200
Subject: [PATCH] hugo: add support for figure titles

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 layouts/_default/_markup/render-image.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index 8ca7d7576b..d41c920b11 100644
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -9,7 +9,7 @@
 {{ $border := index $params "border" }}
 
 
-<div
+<figure
   x-data="{ zoom: false }"
   @click="zoom = ! zoom"
   class="cursor-pointer hover:opacity-90"
@@ -27,6 +27,9 @@
     {{ with .Title }}title="{{ . }}"{{ end }}
     class="rounded mx-auto{{ with $border }} border border-divider-light dark:border-divider-dark{{end}}"
   />
+  {{ with .Title }}
+    <figcaption class="text-gray-light dark:text-gray-dark">{{ . }}</figcaption>
+  {{ end }}
   <template x-teleport="body">
     <div
       x-show="zoom"
@@ -48,4 +51,4 @@
       />
     </div>
   </template>
-</div>
+</figure>