From 62b823b9bb3c391cba3de185282619c0e6be93f0 Mon Sep 17 00:00:00 2001
From: Zihan Kuang <zihan_kuang@outlook.com>
Date: Sat, 26 Apr 2025 21:49:39 +0200
Subject: [PATCH 1/2]  feat/improve-lightbox-close

Signed-off-by: Zihan Kuang <zihan_kuang@outlook.com>
---
 layouts/partials/image-modal.html | 37 ++++++++++++++++---------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/layouts/partials/image-modal.html b/layouts/partials/image-modal.html
index 87a12d167..3426b10cf 100644
--- a/layouts/partials/image-modal.html
+++ b/layouts/partials/image-modal.html
@@ -1,4 +1,3 @@
-
 <div id="myModal" class="modal">
   <button class="modal-close" onclick="closeModal()">close</button>
   <div class="modal-cont">
@@ -27,7 +26,6 @@
   document.getElementById("myModal").style.display = "block";
 }
 
-
 // Close the Modal
 function closeModal() { 
   document.getElementById("modalPic").src = "";
@@ -36,23 +34,26 @@
 
 // Listen for the Escape key to close the modal
 document.addEventListener("keydown", function (event) {
-    if (event.key === "Escape") {
-        closeModal();
-    }
+  if (event.key === "Escape") {
+    closeModal();
+  }
 });
 
-</script>
+// Attach onclick attribute to all <img> after DOM is loaded
+document.addEventListener("DOMContentLoaded", function () {
+  var imgTags = document.querySelectorAll("img");
+  imgTags.forEach(function (img) {
+    img.onclick = function () {
+      if (img.dataset.modal !== "false") {
+        openModal(img);
+      }
+    };
+  });
 
-<!-- To attach onclick attribute to all <img> -->
-<script>
-  document.addEventListener("DOMContentLoaded", function () {
-    var imgTags = document.querySelectorAll("img");
-    imgTags.forEach(function (img) {
-      img.onclick = function () {
-        if (img.dataset.modal !== "false") {
-                openModal(img);
-            }
-      };
-    });
+  // New: Close modal when clicking anywhere inside #myModal
+  var modal = document.getElementById("myModal");
+  modal.addEventListener("click", function () {
+    closeModal();
   });
-  </script>
+});
+</script>
\ No newline at end of file

From 3324c153728a7c58341e08a95138d9b2c7f3af1c Mon Sep 17 00:00:00 2001
From: Zihan Kuang <zihan_kuang@outlook.com>
Date: Sat, 26 Apr 2025 21:53:13 +0200
Subject: [PATCH 2/2]  feat/improve-lightbox-close

Signed-off-by: Zihan Kuang <zihan_kuang@outlook.com>
---
 layouts/partials/image-modal.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/image-modal.html b/layouts/partials/image-modal.html
index 3426b10cf..ef3552b0a 100644
--- a/layouts/partials/image-modal.html
+++ b/layouts/partials/image-modal.html
@@ -50,7 +50,7 @@
     };
   });
 
-  // New: Close modal when clicking anywhere inside #myModal
+  // Close modal when clicking anywhere inside #myModal
   var modal = document.getElementById("myModal");
   modal.addEventListener("click", function () {
     closeModal();