Remove jQuery

ppipelin · ppipelin · commit 0b5feaf38b69 · 2026-01-07T23:10:06.000+01:00
diff --git a/CNAME b/CNAME
diff --git a/en/gallery/blender/index.html b/en/gallery/blender/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/en/gallery/index.html b/en/gallery/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/en/gallery/raytracing/index.html b/en/gallery/raytracing/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/en/index.html b/en/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/en/resume/index.html b/en/resume/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/en/works/kyushu/index.html b/en/works/kyushu/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/experiments/gameshader/index.html b/experiments/gameshader/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/experiments/index.html b/experiments/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/experiments/ninjawarrior/index.html b/experiments/ninjawarrior/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/experiments/rvb/index.html b/experiments/rvb/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/fire/index.html b/fire/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/fr/gallery/blender/index.html b/fr/gallery/blender/index.html
@@ -2,12 +2,10 @@
 <html lang="fr">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/fr/gallery/index.html b/fr/gallery/index.html
@@ -2,12 +2,10 @@
 <html lang="fr">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/fr/gallery/raytracing/index.html b/fr/gallery/raytracing/index.html
@@ -2,12 +2,10 @@
 <html lang="fr">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/fr/index.html b/fr/index.html
@@ -2,12 +2,10 @@
 <html lang="fr">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/fr/resume/index.html b/fr/resume/index.html
@@ -2,12 +2,10 @@
 <html lang="fr">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/fr/works/kyushu/index.html b/fr/works/kyushu/index.html
@@ -2,12 +2,10 @@
 <html lang="fr">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/gallery/photos/hand/index.html b/gallery/photos/hand/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/gallery/photos/index.html b/gallery/photos/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/gallery/photos/là/index.html b/gallery/photos/là/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/gallery/photos/misc/index.html b/gallery/photos/misc/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/gallery/photos/pink/index.html b/gallery/photos/pink/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/header.js b/header.js
@@ -13,11 +13,18 @@ if (!theme) {
 document.documentElement.dataset.theme = theme;
 updateHljsTheme(theme);
 
-$(function () {
-  $("#header").load("/header.html", function () {
+document.addEventListener("DOMContentLoaded", async () => {
+  const header = document.getElementById("header");
+  const footer = document.getElementById("footer");
+
+  if (header) {
+    header.innerHTML = await fetch("/header.html").then(r => r.text());
     initTheme();
-    $("#footer").load("/footer.html");
-  });
+  }
+
+  if (footer) {
+    footer.innerHTML = await fetch("/footer.html").then(r => r.text());
+  }
 });
 
 function updateHljsTheme(theme) {
@@ -38,3 +45,20 @@ function updateHljsTheme(theme) {
     dark.style.display = "none";
   }
 }
+
+function initTheme() {
+  const toggle = document.getElementById("dark-mode-toggle");
+  if (!toggle) return;
+
+  let theme = localStorage.getItem("theme");
+
+  toggle.checked = theme === "dark";
+
+  // Listen for changes
+  toggle.addEventListener("change", () => {
+    const theme = toggle.checked ? "dark" : "light";
+    document.documentElement.dataset.theme = theme;
+    localStorage.setItem("theme", theme);
+    updateHljsTheme(theme);
+  });
+}
diff --git a/styles/index.html b/styles/index.html
@@ -2,12 +2,10 @@
 <html lang="en">
 
 <head>
+	<script src="/header.js"></script>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-E58GKHEECC"></script>
 	<script>  window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-E58GKHEECC');</script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-	<script src="/theme.js"></script>
-	<script src="/header.js"></script>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<meta name="author" content="Paul-Elie Pipelin">
diff --git a/theme.js b/theme.js
