From 2b5e9f201f0e31fa1664fd1974136b2213577c3f Mon Sep 17 00:00:00 2001
From: Thedro Neely <thedroneely@gmail.com>
Date: Thu, 28 Nov 2019 14:14:53 -0500
Subject: hugo/layouts/shortcodes/sideimage: Add footnote figure shortcode

---
 .../themes/tdro/layouts/shortcodes/sideimage.html     | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 generators/hugo/themes/tdro/layouts/shortcodes/sideimage.html

(limited to 'generators/hugo/themes/tdro/layouts/shortcodes/sideimage.html')

diff --git a/generators/hugo/themes/tdro/layouts/shortcodes/sideimage.html b/generators/hugo/themes/tdro/layouts/shortcodes/sideimage.html
new file mode 100644
index 0000000..f60fc08
--- /dev/null
+++ b/generators/hugo/themes/tdro/layouts/shortcodes/sideimage.html
@@ -0,0 +1,19 @@
+<label for="{{ .Get `mark` }}" class="sidenote-toggle sidenote-mark">{{ .Get `mark` }}</label>
+<input type="checkbox" id="{{ .Get `mark` }}" class="sidenote-toggle">
+
+<span class="sans-serif sidenote sideimage {{ .Get `set` }}note">
+
+{{ safeHTML "<?php" }}
+$width = getimagesize($_SERVER['DOCUMENT_ROOT'] . '{{.Get `source`}}')[0];
+$height = getimagesize($_SERVER['DOCUMENT_ROOT'] . '{{.Get `source`}}')[1];
+$ratio = ((($height / $width) * 100) > 100) ? $height . 'px' : $height / $width * 100 . '%';
+{{ safeHTML "?>" }}
+
+  <a href="{{.Get `source`}}" onclick="return false;">
+    <img data-image-zoom src="{{.Get `source`}}" alt="{{ .Inner }}" title="{{.Get `title`}}"
+    {{ safeHTMLAttr `<?php echo 'width=' . '"' . $width . '"'; ?>` }}
+    {{ safeHTMLAttr `<?php echo 'height=' . '"' . $height . '"'; ?>` }} />
+  </a>
+
+  <span class="sideimage-footer is-block has-text-centered has-text-grey-dark">{{ .Inner }}</span>
+</span>
-- 
cgit v1.2.3