auto updating site

jherzstein · May 23, 2024 · fcd2c86 · fcd2c86
1 parent d0e8ce0
commit fcd2c86
Show file tree

Hide file tree

Showing 52 changed files with 2,720 additions and 273 deletions.
diff --git a/public/404.html b/public/404.html
@@ -4,9 +4,39 @@
 
     <head><meta charset="UTF-8">
 
-<h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-hidden="true" class="bi bi-circle-halfbi bi-circle-half hi-svg-inline" fill="currentColor" height="0.8em" viewBox="0 0 16 16" width="0.8em" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 15A7 7 0 1 0 8 1zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16"/>
-</svg></a></h1><title>Jordan Herzstein</title> 
+<h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme" id="toggle-theme">
+      <svg width="30" height="30" id="light-icon">
+        <circle cx="15" cy="15" r="6" fill="currentColor" />
+
+        <line
+          id="ray"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          x1="15"
+          y1="1"
+          x2="15"
+          y2="4"
+        ></line>
+
+        <use href="#ray" transform="rotate(45 15 15)" />
+        <use href="#ray" transform="rotate(90 15 15)" />
+        <use href="#ray" transform="rotate(135 15 15)" />
+        <use href="#ray" transform="rotate(180 15 15)" />
+        <use href="#ray" transform="rotate(225 15 15)" />
+        <use href="#ray" transform="rotate(270 15 15)" />
+        <use href="#ray" transform="rotate(315 15 15)" />
+      </svg>
+      <svg width="30" height="30" id="dark-icon">
+        <path
+          fill="currentColor"
+          d="
+          M 23, 5
+          A 12 12 0 1 0 23, 25
+          A 12 12 0 0 1 23, 5"
+        />
+      </svg>
+ </a></h1><title>Jordan Herzstein</title> 
 </head>
     <header><div class="menubar">
   <div class="menu-container">
@@ -20,19 +50,38 @@ <h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-
       -
       <a href="/contact">contact</a>
 
+<script>
+</script>
       <script>
+	const lightIcon = document.getElementById("light-icon");
+	const darkIcon = document.getElementById("dark-icon");
+
 	var i = "theme"
 	var m = (localStorage.getItem(i) || "dark")
 	var d = document.documentElement.classList
 	if (m == "light") {
     	    d.remove("dark")
     	    d.add(m)
+	    lightIcon.setAttribute("display", "none");
+	    darkIcon.setAttribute("display", "block");
+	} else {
+	    lightIcon.setAttribute("display", "block");
+	    darkIcon.setAttribute("display", "none");
+
 	}
+
 	function switchTheme() {
     	    d.remove(m)
     	    m = (m == "dark") ? "light" : "dark"
     	    d.add(m)
     	    localStorage.setItem(i, m)
+	    if (m == "light") {
+		lightIcon.setAttribute("display", "none");
+		darkIcon.setAttribute("display", "block");
+	    } else {
+		lightIcon.setAttribute("display", "block");
+		darkIcon.setAttribute("display", "none");
+	    }
 	}
       </script>
 
@@ -73,10 +122,11 @@ <h1 id="title">Error</h1>
       <a href="https://libreboot.org">
         <img src="/images/link-buttons/libreboot.gif"></a>
     </span>
+
     <span class="link-buttons">
-      <a href="https://sadgrl.online">
-        <img src="/images/link-buttons/sadgrl.gif"></a>
-    </span>
+      <a href="https://www.gnu.org/software/emacs/">
+        <img src="/images/link-buttons/gnu-emacs.gif"></a>
+    </span> 
     <span class="link-buttons">
       <a href="https://creativecommons.org/licenses/by-sa/4.0/">
         <img src="/images/link-buttons/by-sa.png"></a>

diff --git a/public/about/index.html b/public/about/index.html
@@ -4,9 +4,39 @@
 
     <head><meta charset="UTF-8">
 
-<h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-hidden="true" class="bi bi-circle-halfbi bi-circle-half hi-svg-inline" fill="currentColor" height="0.8em" viewBox="0 0 16 16" width="0.8em" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 15A7 7 0 1 0 8 1zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16"/>
-</svg></a></h1><title>Jordan Herzstein</title> 
+<h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme" id="toggle-theme">
+      <svg width="30" height="30" id="light-icon">
+        <circle cx="15" cy="15" r="6" fill="currentColor" />
+
+        <line
+          id="ray"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          x1="15"
+          y1="1"
+          x2="15"
+          y2="4"
+        ></line>
+
+        <use href="#ray" transform="rotate(45 15 15)" />
+        <use href="#ray" transform="rotate(90 15 15)" />
+        <use href="#ray" transform="rotate(135 15 15)" />
+        <use href="#ray" transform="rotate(180 15 15)" />
+        <use href="#ray" transform="rotate(225 15 15)" />
+        <use href="#ray" transform="rotate(270 15 15)" />
+        <use href="#ray" transform="rotate(315 15 15)" />
+      </svg>
+      <svg width="30" height="30" id="dark-icon">
+        <path
+          fill="currentColor"
+          d="
+          M 23, 5
+          A 12 12 0 1 0 23, 25
+          A 12 12 0 0 1 23, 5"
+        />
+      </svg>
+ </a></h1><title>Jordan Herzstein</title> 
 </head>
     <header><div class="menubar">
   <div class="menu-container">
@@ -20,19 +50,38 @@ <h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-
       -
       <a href="/contact">contact</a>
 
+<script>
+</script>
       <script>
+	const lightIcon = document.getElementById("light-icon");
+	const darkIcon = document.getElementById("dark-icon");
+
 	var i = "theme"
 	var m = (localStorage.getItem(i) || "dark")
 	var d = document.documentElement.classList
 	if (m == "light") {
     	    d.remove("dark")
     	    d.add(m)
+	    lightIcon.setAttribute("display", "none");
+	    darkIcon.setAttribute("display", "block");
+	} else {
+	    lightIcon.setAttribute("display", "block");
+	    darkIcon.setAttribute("display", "none");
+
 	}
+
 	function switchTheme() {
     	    d.remove(m)
     	    m = (m == "dark") ? "light" : "dark"
     	    d.add(m)
     	    localStorage.setItem(i, m)
+	    if (m == "light") {
+		lightIcon.setAttribute("display", "none");
+		darkIcon.setAttribute("display", "block");
+	    } else {
+		lightIcon.setAttribute("display", "block");
+		darkIcon.setAttribute("display", "none");
+	    }
 	}
       </script>
 
@@ -78,10 +127,11 @@ <h1 id="about">About</h2>
       <a href="https://libreboot.org">
         <img src="/images/link-buttons/libreboot.gif"></a>
     </span>
+
     <span class="link-buttons">
-      <a href="https://sadgrl.online">
-        <img src="/images/link-buttons/sadgrl.gif"></a>
-    </span>
+      <a href="https://www.gnu.org/software/emacs/">
+        <img src="/images/link-buttons/gnu-emacs.gif"></a>
+    </span> 
     <span class="link-buttons">
       <a href="https://creativecommons.org/licenses/by-sa/4.0/">
         <img src="/images/link-buttons/by-sa.png"></a>

diff --git a/public/categories/index.html b/public/categories/index.html
@@ -4,9 +4,39 @@
 
     <head><meta charset="UTF-8">
 
-<h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-hidden="true" class="bi bi-circle-halfbi bi-circle-half hi-svg-inline" fill="currentColor" height="0.8em" viewBox="0 0 16 16" width="0.8em" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 15A7 7 0 1 0 8 1zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16"/>
-</svg></a></h1><title>Jordan Herzstein</title> 
+<h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme" id="toggle-theme">
+      <svg width="30" height="30" id="light-icon">
+        <circle cx="15" cy="15" r="6" fill="currentColor" />
+
+        <line
+          id="ray"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          x1="15"
+          y1="1"
+          x2="15"
+          y2="4"
+        ></line>
+
+        <use href="#ray" transform="rotate(45 15 15)" />
+        <use href="#ray" transform="rotate(90 15 15)" />
+        <use href="#ray" transform="rotate(135 15 15)" />
+        <use href="#ray" transform="rotate(180 15 15)" />
+        <use href="#ray" transform="rotate(225 15 15)" />
+        <use href="#ray" transform="rotate(270 15 15)" />
+        <use href="#ray" transform="rotate(315 15 15)" />
+      </svg>
+      <svg width="30" height="30" id="dark-icon">
+        <path
+          fill="currentColor"
+          d="
+          M 23, 5
+          A 12 12 0 1 0 23, 25
+          A 12 12 0 0 1 23, 5"
+        />
+      </svg>
+ </a></h1><title>Jordan Herzstein</title> 
 </head>
     <header><div class="menubar">
   <div class="menu-container">
@@ -20,19 +50,38 @@ <h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-
       -
       <a href="/contact">contact</a>
 
+<script>
+</script>
       <script>
+	const lightIcon = document.getElementById("light-icon");
+	const darkIcon = document.getElementById("dark-icon");
+
 	var i = "theme"
 	var m = (localStorage.getItem(i) || "dark")
 	var d = document.documentElement.classList
 	if (m == "light") {
     	    d.remove("dark")
     	    d.add(m)
+	    lightIcon.setAttribute("display", "none");
+	    darkIcon.setAttribute("display", "block");
+	} else {
+	    lightIcon.setAttribute("display", "block");
+	    darkIcon.setAttribute("display", "none");
+
 	}
+
 	function switchTheme() {
     	    d.remove(m)
     	    m = (m == "dark") ? "light" : "dark"
     	    d.add(m)
     	    localStorage.setItem(i, m)
+	    if (m == "light") {
+		lightIcon.setAttribute("display", "none");
+		darkIcon.setAttribute("display", "block");
+	    } else {
+		lightIcon.setAttribute("display", "block");
+		darkIcon.setAttribute("display", "none");
+	    }
 	}
       </script>
 
@@ -71,10 +120,11 @@ <h1>Categories</h1>
       <a href="https://libreboot.org">
         <img src="/images/link-buttons/libreboot.gif"></a>
     </span>
+
     <span class="link-buttons">
-      <a href="https://sadgrl.online">
-        <img src="/images/link-buttons/sadgrl.gif"></a>
-    </span>
+      <a href="https://www.gnu.org/software/emacs/">
+        <img src="/images/link-buttons/gnu-emacs.gif"></a>
+    </span> 
     <span class="link-buttons">
       <a href="https://creativecommons.org/licenses/by-sa/4.0/">
         <img src="/images/link-buttons/by-sa.png"></a>

diff --git a/public/contact/index.html b/public/contact/index.html
@@ -4,9 +4,39 @@
 
     <head><meta charset="UTF-8">
 
-<h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-hidden="true" class="bi bi-circle-halfbi bi-circle-half hi-svg-inline" fill="currentColor" height="0.8em" viewBox="0 0 16 16" width="0.8em" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 15A7 7 0 1 0 8 1zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16"/>
-</svg></a></h1><title>Jordan Herzstein</title> 
+<h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme" id="toggle-theme">
+      <svg width="30" height="30" id="light-icon">
+        <circle cx="15" cy="15" r="6" fill="currentColor" />
+
+        <line
+          id="ray"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          x1="15"
+          y1="1"
+          x2="15"
+          y2="4"
+        ></line>
+
+        <use href="#ray" transform="rotate(45 15 15)" />
+        <use href="#ray" transform="rotate(90 15 15)" />
+        <use href="#ray" transform="rotate(135 15 15)" />
+        <use href="#ray" transform="rotate(180 15 15)" />
+        <use href="#ray" transform="rotate(225 15 15)" />
+        <use href="#ray" transform="rotate(270 15 15)" />
+        <use href="#ray" transform="rotate(315 15 15)" />
+      </svg>
+      <svg width="30" height="30" id="dark-icon">
+        <path
+          fill="currentColor"
+          d="
+          M 23, 5
+          A 12 12 0 1 0 23, 25
+          A 12 12 0 0 1 23, 5"
+        />
+      </svg>
+ </a></h1><title>Jordan Herzstein</title> 
 </head>
     <header><div class="menubar">
   <div class="menu-container">
@@ -20,19 +50,38 @@ <h1>Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"> <svg aria-
       -
       <a href="/contact">contact</a>
 
+<script>
+</script>
       <script>
+	const lightIcon = document.getElementById("light-icon");
+	const darkIcon = document.getElementById("dark-icon");
+
 	var i = "theme"
 	var m = (localStorage.getItem(i) || "dark")
 	var d = document.documentElement.classList
 	if (m == "light") {
     	    d.remove("dark")
     	    d.add(m)
+	    lightIcon.setAttribute("display", "none");
+	    darkIcon.setAttribute("display", "block");
+	} else {
+	    lightIcon.setAttribute("display", "block");
+	    darkIcon.setAttribute("display", "none");
+
 	}
+
 	function switchTheme() {
     	    d.remove(m)
     	    m = (m == "dark") ? "light" : "dark"
     	    d.add(m)
     	    localStorage.setItem(i, m)
+	    if (m == "light") {
+		lightIcon.setAttribute("display", "none");
+		darkIcon.setAttribute("display", "block");
+	    } else {
+		lightIcon.setAttribute("display", "block");
+		darkIcon.setAttribute("display", "none");
+	    }
 	}
       </script>
 
@@ -161,10 +210,11 @@ <h2 id="img-class-inline-header-src-images-contact-protonmail-dot-png-email-cont
       <a href="https://libreboot.org">
         <img src="/images/link-buttons/libreboot.gif"></a>
     </span>
+
     <span class="link-buttons">
-      <a href="https://sadgrl.online">
-        <img src="/images/link-buttons/sadgrl.gif"></a>
-    </span>
+      <a href="https://www.gnu.org/software/emacs/">
+        <img src="/images/link-buttons/gnu-emacs.gif"></a>
+    </span> 
     <span class="link-buttons">
       <a href="https://creativecommons.org/licenses/by-sa/4.0/">
         <img src="/images/link-buttons/by-sa.png"></a>