Use <figure> for images and videos

2025-06-14 18:37:30 -05:00 · 2021-10-19 13:57:39 -05:00
parent 61ac27bdf9
commit 937a80bc17
6 changed files with 61 additions and 39 deletions
--- a/layouts/shortcodes/figimage.html
+++ b/layouts/shortcodes/figimage.html
@ -0,0 +1,22 @@
+<figure>
+
+    {{ $img := $.Page.Resources.GetMatch (.Get "src") | resources.Fingerprint "sha512" }}
+
+    {{ if .Get "href" }}<a href="{{ .Get "href" }}">{{ end }}
+        <img src="{{ $img.Permalink }}"
+             {{ with $img.Title }}
+             alt="{{ . }}"
+             {{ end }}
+
+             {{ with .Get "width" }}width="{{ . }}"{{ end }}
+             {{ with .Get "height" }}height="{{ . }}"{{ end }}
+        />
+    {{ if .Get "href" }}</a>{{ end }}
+
+    {{ with $img.Title }}
+    <figcaption>
+        {{ . | markdownify }}
+    </figcaption>
+    {{ end }}
+
+</figure>