From a67da2b6ff6a1e0a16e8e37013475cb81ad2d6a6 Mon Sep 17 00:00:00 2001
From: Luca Beltrame <lbeltrame@kde.org>
Date: Thu, 7 Jan 2021 23:52:44 +0100
Subject: [PATCH] New shortcode, uses JS (sadly) but at least it doesn't break
 the RSS feed

---
 layouts/_default/single.html     |  7 +++++++
 layouts/shortcodes/imgthumb.html | 28 ++--------------------------
 2 files changed, 9 insertions(+), 26 deletions(-)

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 9fdc817..5fa97c5 100755
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -70,4 +70,11 @@
     </aside>
 
   </article>
+       <script src="{{ "js/baguetteBox.min.js" | relURL}}" rel="application/javascript"></script>
+      <script>baguetteBox.run('figure', {
+        captions: function(element) {
+            return element.getElementsByTagName('img')[0].title;
+        }
+      });</script>
+
 {{ end }}
diff --git a/layouts/shortcodes/imgthumb.html b/layouts/shortcodes/imgthumb.html
index c9ca77e..084d767 100644
--- a/layouts/shortcodes/imgthumb.html
+++ b/layouts/shortcodes/imgthumb.html
@@ -5,37 +5,13 @@
 {{ $imagethumbnail := $image.Resize $options }}
 
 <figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
-
-    <a href="#{{ $image.RelPermalink | md5 }}-img">
-    <img src="{{ $imagethumbnail.RelPermalink }}"
+    <a href="{{ $image.RelPermalink }}">
+    <img class="thumbnail" src="{{ $imagethumbnail.RelPermalink }}"
     {{- if or (.Get "alt") (.Get "caption") }}
     alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
     {{- end -}}
     />
     </a>
-
-    <figure id="{{ $image.RelPermalink | md5 }}-img" class="lbox fade">
-        <img src="{{ $image.RelPermalink }}"  {{- if or (.Get "alt") (.Get "caption") }}
-         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
-         {{- end -}}
-         />
-         <a href="#_"></a>
-        {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
-        <figcaption>
-            {{ with (.Get "title") -}}
-                <h5>{{ . }}</h5>
-            {{- end -}}
-            {{- if or (.Get "caption") (.Get "attr") -}}<p class="f5 center">
-                {{- .Get "caption" | markdownify -}}
-                {{- with .Get "attrlink" }}
-                    <a href="{{ . }}">
-                {{- end -}}
-                {{- .Get "attr" | markdownify -}}
-                {{- if .Get "attrlink" }}</a>{{ end }}</p>
-            {{- end }}
-        </figcaption>
-    {{- end }}
-    </figure>
     {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
         <figcaption class="center">
             {{ with (.Get "title") -}}