diff --git a/web/_includes/navbar.html b/web/_includes/navbar.html
index b663683..c88def2 100644
--- a/web/_includes/navbar.html
+++ b/web/_includes/navbar.html
@@ -17,6 +17,10 @@
         </button>
 
         <div class="collapse navbar-collapse" id="navbar-content">
+            <script>
+                $(".navbar-collapse a").on("click", () => $(".navbar-collapse").collapse("hide"));
+            </script>
+
             <div class="navbar-nav mr-auto" id="nav-items">
                 {% if page.nav %}
                     {% include {{ page.nav }} %}
@@ -28,6 +32,15 @@
             <span class="navbar-text custom-control custom-checkbox">
                 <input type="checkbox" class="custom-control-input" id="dark-mode">
                 <label class="custom-control-label" for="dark-mode">🌙 Dark</label>
+                <script>
+                    let mode = $("#dark-mode");
+                    mode.prop("checked", darkTheme);
+                    mode.on("click", function () {
+                        localStorage.setItem("dark", $(this).prop("checked"));
+                        location.hash = "";
+                        location.reload();
+                    });
+                </script>
             </span>
         </div>
     </div>
diff --git a/web/_layouts/default.html b/web/_layouts/default.html
index 7a28648..c402ba2 100644
--- a/web/_layouts/default.html
+++ b/web/_layouts/default.html
@@ -29,7 +29,11 @@
 
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/main.js"></script>
+
+    <script>
+        const darkStorage = localStorage.getItem("dark");
+        const darkTheme = darkStorage === null ? window.matchMedia("(prefers-color-scheme: dark)").matches : darkStorage === "true";
+    </script>
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato&display=swap">
diff --git a/web/main.js b/web/main.js
deleted file mode 100644
index 172e363..0000000
--- a/web/main.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const darkStorage = localStorage.getItem("dark");
-const darkTheme = darkStorage === null ? window.matchMedia("(prefers-color-scheme: dark)").matches : darkStorage === "true";
-
-$(function () {
-    $(".navbar-collapse a").on("click", () => $(".navbar-collapse").collapse("hide"));
-
-    let mode = $("#dark-mode");
-    mode.prop("checked", darkTheme);
-    mode.on("click", function () {
-        localStorage.setItem("dark", $(this).prop("checked"));
-        location.hash = "";
-        location.reload();
-    });
-});