From ee2548ebede904d3178fa23a57114afdc6e21436 Mon Sep 17 00:00:00 2001
From: franperic <fran.peric@proton.me>
Date: Fri, 24 Feb 2023 13:59:28 +0100
Subject: [PATCH] add functionality to enlarge images

---
 layouts/partials/extend_footer.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/extend_footer.html b/layouts/partials/extend_footer.html
index 0519748..51c36e2 100644
--- a/layouts/partials/extend_footer.html
+++ b/layouts/partials/extend_footer.html
@@ -1,3 +1,15 @@
 {{- /* Footer custom content area start */ -}}
-{{- /*     Insert any custom code web-analytics, resources, etc. here */ -}}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/medium-zoom/1.0.6/medium-zoom.min.js" integrity="sha512-N9IJRoc3LaP3NDoiGkcPa4gG94kapGpaA5Zq9/Dr04uf5TbLFU5q0o8AbRhLKUUlp8QFS2u7S+Yti0U7QtuZvQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+const images = Array.from(document.querySelectorAll(".post-content img"));
+images.forEach(img => {
+  mediumZoom(img, {
+    margin: 0, /* The space outside the zoomed image */
+    scrollOffset: 40, /* The number of pixels to scroll to close the zoom */
+    container: null, /* The viewport to render the zoom in */
+    template: null /* The template element to display on zoom */
+  });
+});
+</script>
 {{- /* Footer custom content area end */ -}}