From 5092c2c0ab4656c67b3da3613506dbea23f5e74f Mon Sep 17 00:00:00 2001
From: pavan kumar <admin@suketa.in>
Date: Tue, 25 Apr 2023 12:55:20 +0530
Subject: [PATCH] Add support for figcaption tag

---
 layouts/_default/_markup/render-image.html | 8 ++++++++
 static/css/main.css                        | 9 +++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 layouts/_default/_markup/render-image.html

diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
new file mode 100644
index 00000000..63b86133
--- /dev/null
+++ b/layouts/_default/_markup/render-image.html
@@ -0,0 +1,8 @@
+{{ if .Title }}
+  <figure>
+    <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}">
+    <figcaption>{{ .Title }}</figcaption>
+  </figure>
+{{ else }}
+  <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}"/>
+{{ end }}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 8ae1ed72..0fbf85df 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -945,3 +945,12 @@ h4.see-also {
     overflow-x: auto;
     overflow-y: hidden;
   }
+
+/* Figure Caption*/
+figcaption {
+  background-color: grey;
+  color: white;
+  font-style: italic;
+  padding: 2px;
+  text-align: center;
+}