refactor: replace fancybox with libra

3 files changed, 7 insertions, 11 deletions

diff --git a/layouts/_partials/scripts.html b/layouts/_partials/scripts.html
index 414b4216..2b84ea3c 100644
--- a/layouts/_partials/scripts.html
+++ b/layouts/_partials/scripts.html
@@ -12,7 +12,7 @@
 
 {{ partial "scripts/toc-js" . }}
 {{ partial "scripts/littlefoot-js" . }}
-{{ partial "scripts/fancybox-js" . }}
+{{ partial "scripts/libra-js" . }}
 {{ partial "scripts/aplayer-js" . }}
 
 {{ if .File }}
diff --git a/layouts/_partials/scripts/fancybox-js.html b/layouts/_partials/scripts/fancybox-js.html
deleted file mode 100644
index d810dd29..00000000
--- a/layouts/_partials/scripts/fancybox-js.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<script src="/js/fancybox.umd.js"></script>
-<script>
-Fancybox.bind("[data-fancybox]", {
-  on: {
-    close: () => {
-      umami.track('🖼️ Fancybox Closed');
-    },
-  },
-});
-</script>
diff --git a/layouts/_partials/scripts/libra-js.html b/layouts/_partials/scripts/libra-js.html
new file mode 100644
index 00000000..96a11bbb
--- /dev/null
+++ b/layouts/_partials/scripts/libra-js.html
@@ -0,0 +1,6 @@
+<script type="module">
+  import LightBox from '/js/libra.min.js';
+  const lightbox = new LightBox({
+    container: 'article'
+  });
+</script>