From 980d0a43d4bfa652899cd3fb120229b68a814263 Mon Sep 17 00:00:00 2001
From: Luca Beltrame <lbeltrame@kde.org>
Date: Tue, 5 Jan 2021 17:34:53 +0100
Subject: [PATCH] Shortcode to generate image thumbnails

---
 layouts/shortcodes/imgthumb.html | 40 ++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 layouts/shortcodes/imgthumb.html

diff --git a/layouts/shortcodes/imgthumb.html b/layouts/shortcodes/imgthumb.html
new file mode 100644
index 0000000..40aedee
--- /dev/null
+++ b/layouts/shortcodes/imgthumb.html
@@ -0,0 +1,40 @@
+{{ $image := resources.GetMatch (.Get "src") }}
+{{ $size := .Get "size" }}
+{{/* Set the right options for Resize */}}
+{{ $options := printf "%s %s %s" $size "jpg q90" "Box"}}
+{{ $imagethumbnail := $image.Resize $options }}
+
+<figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
+        <a href="#{{ $image.RelPermalink | md5 }}-lightbox"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
+    <img src="{{ $imagethumbnail.RelPermalink }}"
+         {{- if or (.Get "alt") (.Get "caption") }}
+         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
+         {{- end -}}
+         {{- with .Get "width" }} width="{{ . }}"{{ end -}}
+         {{- with .Get "height" }} height="{{ . }}"{{ end -}}
+    /> <!-- Closing img tag -->
+    </a>
+    {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
+        <figcaption>
+            {{ with (.Get "title") -}}
+                <h4>{{ . }}</h4>
+            {{- end -}}
+            {{- if or (.Get "caption") (.Get "attr") -}}<p>
+                {{- .Get "caption" | markdownify -}}
+                {{- with .Get "attrlink" }}
+                    <a href="{{ . }}">
+                {{- end -}}
+                {{- .Get "attr" | markdownify -}}
+                {{- if .Get "attrlink" }}</a>{{ end }}</p>
+            {{- end }}
+        </figcaption>
+    {{- end }}
+</figure>
+<a href="#_" class="lightbox" id="{{ $image.RelPermalink | md5 }}-lightbox">
+    <img src="{{ $image.RelPermalink }}"
+    {{- if or (.Get "alt") (.Get "caption") }}
+         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
+         {{- end -}}
+    >
+</a>
+