From ff0c05ca50898b4580df52e3ed6feb4596f69090 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Mon, 15 Sep 2025 17:51:59 +0800
Subject: refactor: replace fancybox with libra

Former-commit-id: 1bf6de58ab13fc385a24467c84b9047bddea24da
---
 layouts/_partials/scripts/fancybox-js.html | 10 ----------
 layouts/_partials/scripts/libra-js.html    |  6 ++++++
 2 files changed, 6 insertions(+), 10 deletions(-)
 delete mode 100644 layouts/_partials/scripts/fancybox-js.html
 create mode 100644 layouts/_partials/scripts/libra-js.html

(limited to 'layouts/_partials/scripts')

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>
-- 
cgit v1.2.3


From 93ccbda88537b6a842fb1d62ba5794457b0e9921 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Wed, 17 Sep 2025 00:55:46 +0800
Subject: chore: update libra.js

Former-commit-id: a4b49af51f028e6cbde882f427f3e0e501a718e4
---
 layouts/_partials/scripts/libra-js.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'layouts/_partials/scripts')

diff --git a/layouts/_partials/scripts/libra-js.html b/layouts/_partials/scripts/libra-js.html
index 96a11bbb..7a7fe428 100644
--- a/layouts/_partials/scripts/libra-js.html
+++ b/layouts/_partials/scripts/libra-js.html
@@ -1,6 +1,6 @@
 <script type="module">
   import LightBox from '/js/libra.min.js';
   const lightbox = new LightBox({
-    container: 'article'
+    selector: 'img[data-libra]'
   });
 </script>
-- 
cgit v1.2.3


From f2fb7db4638dc4cb030da05a992962831f8d6f25 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Wed, 17 Sep 2025 22:09:54 +0800
Subject: fix: lightbox shifts horizontally

For unknown reasons, the lightbox (powered by Libra.js) shifts a little downwards on the y axis. The temporary solution is to leverage new features of Libra.js to add an offset to the lightbox.


Former-commit-id: 418aa1702a718b08c415d98b751563c5b2580bb1
---
 layouts/_partials/scripts/libra-js.html | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

(limited to 'layouts/_partials/scripts')

diff --git a/layouts/_partials/scripts/libra-js.html b/layouts/_partials/scripts/libra-js.html
index 7a7fe428..07e0c0e6 100644
--- a/layouts/_partials/scripts/libra-js.html
+++ b/layouts/_partials/scripts/libra-js.html
@@ -1,6 +1,4 @@
 <script type="module">
   import LightBox from '/js/libra.min.js';
-  const lightbox = new LightBox({
-    selector: 'img[data-libra]'
-  });
+  const lightbox = new LightBox({ offset: { y: -80 } });
 </script>
-- 
cgit v1.2.3


From 374d78951b27df54eb0423b650a161c7a3216c73 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Wed, 17 Sep 2025 22:13:07 +0800
Subject: fix: lightbox shifts vertically

Like last commit f2fb7db4638dc4cb030da05a992962831f8d6f25 [formerly 418aa1702a718b08c415d98b751563c5b2580bb1] , lightbox also shits slightly leftwards. Adding an offset can temporarily fix this.

P.S. I just figured out I interchanged 'horizontally' and 'vertically' in the two commits. My bad.


Former-commit-id: 2814fdb8d42ec644fbce975c2c7c7c98d4283456
---
 layouts/_partials/scripts/libra-js.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'layouts/_partials/scripts')

diff --git a/layouts/_partials/scripts/libra-js.html b/layouts/_partials/scripts/libra-js.html
index 07e0c0e6..0eea3d07 100644
--- a/layouts/_partials/scripts/libra-js.html
+++ b/layouts/_partials/scripts/libra-js.html
@@ -1,4 +1,4 @@
 <script type="module">
   import LightBox from '/js/libra.min.js';
-  const lightbox = new LightBox({ offset: { y: -80 } });
+  const lightbox = new LightBox({ offset: { x: -8 ,y: -80 } });
 </script>
-- 
cgit v1.2.3