From 6ebd2ddee9ed3bcb9f39b3e9eaf7ec064fe62225 Mon Sep 17 00:00:00 2001
From: Kat Inskip <kat@inskip.me>
Date: Sun, 9 Nov 2025 06:34:41 -0800
Subject: [PATCH] feat: put javascript into separate files

---
 static/colorscheme.js      | 20 ++++++++++++++++++++
 static/nonoscript.js       |  9 +++++++++
 templates/colorscheme.html | 22 +---------------------
 templates/nonoscript.html  | 11 +----------
 4 files changed, 31 insertions(+), 31 deletions(-)
 create mode 100644 static/colorscheme.js
 create mode 100644 static/nonoscript.js

diff --git a/static/colorscheme.js b/static/colorscheme.js
new file mode 100644
index 0000000..e4ed0e8
--- /dev/null
+++ b/static/colorscheme.js
@@ -0,0 +1,20 @@
+var radios = document.getElementsByName("color-scheme");
+var prev = localStorage.getItem("color-scheme");
+for (var i = 0; i < radios.length; i++) {
+  var _this = radios[i];
+  _this.checked = _this.value == prev;
+  radios[i].addEventListener("change", function() {
+    if (this.value !== prev) {
+      prev = this.value;
+      localStorage.setItem("color-scheme", this.value);
+    }
+  });
+}
+var button = document.getElementById("clear-color-scheme");
+button.addEventListener("click", function() {
+  for (var i = 0; i < radios.length; i++) {
+    var _this = radios[i];
+    _this.checked = false;
+    localStorage.removeItem("color-scheme");
+  }
+});
diff --git a/static/nonoscript.js b/static/nonoscript.js
new file mode 100644
index 0000000..cbe8bec
--- /dev/null
+++ b/static/nonoscript.js
@@ -0,0 +1,9 @@
+function nonoscriptImplementer() {
+  var nonoscript = document.getElementsByClassName("nonoscript");
+  console.log(nonoscript);
+  for (let item of nonoscript) {
+    console.log("meep!");
+    item.classList.remove("nonoscript");
+  }
+}
+window.onload = nonoscriptImplementer();
diff --git a/templates/colorscheme.html b/templates/colorscheme.html
index e8ac7f2..50fe70d 100644
--- a/templates/colorscheme.html
+++ b/templates/colorscheme.html
@@ -49,26 +49,6 @@
 
 <noscript>Persistence of user-selected color scheme is not possible without Javascript, however automatic detection from CSS will still work.</noscript>
 
-<script>
-  var radios = document.getElementsByName("color-scheme");
-  var prev = localStorage.getItem("color-scheme");
-  for (var i = 0; i < radios.length; i++) {
-    var _this = radios[i];
-    _this.checked = _this.value == prev;
-    radios[i].addEventListener("change", function() {
-      if (this.value !== prev) {
-        prev = this.value;
-        localStorage.setItem("color-scheme", this.value);
-      }
-    });
-  }
-  var button = document.getElementById("clear-color-scheme");
-  button.addEventListener("click", function() {
-    for (var i = 0; i < radios.length; i++) {
-      var _this = radios[i];
-      _this.checked = false;
-      localStorage.removeItem("color-scheme");
-    }
-  });
+<script src="/colorscheme.js">
 </script>
 <!-- End of component for color scheme selection -->
diff --git a/templates/nonoscript.html b/templates/nonoscript.html
index 55a6ebd..a728c41 100644
--- a/templates/nonoscript.html
+++ b/templates/nonoscript.html
@@ -16,15 +16,6 @@
   ```
 -->
 
-<script>
-  function nonoscriptImplementer() {
-    var nonoscript = document.getElementsByClassName("nonoscript");
-    console.log(nonoscript);
-    for (let item of nonoscript) {
-      console.log("meep!");
-      item.classList.remove("nonoscript");
-    }
-  }
-  window.onload = nonoscriptImplementer();
+<script src="/nonoscript.js">
 </script>
 <!-- End of component for no-noscript -->