From 27d39ffc0c5ef0b422368dd9f024ed08d51fbcfa Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 18 Jul 2024 23:36:07 +0800
Subject: [PATCH] Bundle page-specific JavaScript

---
 src/_includes/global/hero.njk     | 4 ++--
 src/_includes/global/navbar.njk   | 4 ++--
 src/_includes/main/statuscafe.njk | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/_includes/global/hero.njk b/src/_includes/global/hero.njk
index 6ed4ed8e..b1f82c29 100644
--- a/src/_includes/global/hero.njk
+++ b/src/_includes/global/hero.njk
@@ -35,7 +35,7 @@
     }
 {% endcss %}
 
-<script>
+{%- js %}
     const hero = document.querySelector(".hero");
     const heroTopBarEl = document.querySelector(".hero__top-bar");
     const headerImgEl = document.querySelector(".hero__img");
@@ -43,4 +43,4 @@
     {% block eventScript %}
         {{ eventScript }}
     {% endblock %}
-</script>
\ No newline at end of file
+{% endjs %}
\ No newline at end of file
diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index 82fa3b7c..053954e7 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -133,7 +133,7 @@ https://kalechips.net/projects/snippets/burger #}
     }
 {% endcss %}
 
-<script>
+{%- js %}
     const navbarBurger = document.querySelector(".navbar__burger");
     navbarBurger.addEventListener("keydown", (event) => {
         if (event.key == "Escape") {
@@ -142,4 +142,4 @@ https://kalechips.net/projects/snippets/burger #}
             document.querySelector(".navbar__toggle").focus();
         }
     });
-</script>
\ No newline at end of file
+{% endjs %}
\ No newline at end of file
diff --git a/src/_includes/main/statuscafe.njk b/src/_includes/main/statuscafe.njk
index bced2f00..6723222d 100644
--- a/src/_includes/main/statuscafe.njk
+++ b/src/_includes/main/statuscafe.njk
@@ -12,7 +12,7 @@
 
 {%- css %}#statuscafe-content { margin-bottom: 0.5em; }{% endcss %}
 
-<script>
+{%- js %}
     const statusCafeContent = document.getElementById("statuscafe-content");
     statusCafeContent.innerHTML = `
         <p>Fetching data from status.cafe...</p>
@@ -36,4 +36,4 @@
         }
     };
     fetchStatusCafe();
-</script>
\ No newline at end of file
+{% endjs %}
\ No newline at end of file