auto updating site

jherzstein · Oct 19, 2024 · 9e2cdf3 · 9e2cdf3
1 parent c291e67
commit 9e2cdf3
Show file tree

Hide file tree

Showing 75 changed files with 2,709 additions and 819 deletions.
diff --git a/content-org/posts/notbyai.org b/content-org/posts/notbyai.org
@@ -0,0 +1,27 @@
+#+TITLE: This Site Is Not Written By AI
+#+date: 2024-10-18
+#+hugo_base_dir: ../../
+#+HUGO_AUTO_SET_LASTMOD: t
+#+hugo_section: posts
+#+HUGO_MENU: :menu "posts"
+#+filetags: updates notbyai linkbuttons
+#+HUGO_CODE_FENCE: 
+#+EXPORT_FILE_NAME: notbyai.md
+#+hugo_front_matter_key_replace: description>summary
+#+begin_description
+It may be slop, but it's slop made by ME.
+#+end_description
+
+A new link button has been added to this website. As of the time writing this you may notice a badge at the site footer that looks like this:
+
+#+BEGIN_EXPORT html
+<figure>
+    <center>
+       <img class="link-buttons" id="light-icon" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-white.png" height="33px" />
+       <img class="link-buttons" id="dark-icon" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-black.png" height="33px" />
+       <figcaption></figcaption>
+    </center>
+</figure>
+#+END_EXPORT
+
+This badge is provided by [[https://notbyai.fyi][Not by AI]], an organization focused on promoting content originality. I decided to add this after seeing it on [[https://sumnerevans.com/][this guy's site]]. This should indicate to you that, most likely, the content written for this site is *not* AI generated slop made for search engine optimization and maximum eyeball retention... it's only *human* generated slop. On a side note, and perhaps it is my fault for contributing to this, it is a bit dystopian that we've gotten to the point that people find it necessary to distinguish that their content is original, either as a point of pride or because in a lot of cases non-ai generated material has become impossible to recognize in a vacuum. /sigh/.
diff --git a/content/posts/notbyai.md b/content/posts/notbyai.md
@@ -0,0 +1,23 @@
++++
+title = "This Site Is Not Written By AI"
+summary = "It may be slop, but it's slop made by ME."
+date = 2024-10-18
+lastmod = 2024-10-18T20:37:03-04:00
+tags = ["updates", "notbyai", "linkbuttons"]
+draft = false
+[menu]
+  [menu.posts]
+    identifier = "this-site-is-not-written-by-ai"
++++
+
+A new link button has been added to this website. As of the time writing this you may notice a badge at the site footer that looks like this:
+
+<figure>
+    <center>
+       <img class="link-buttons" id="light-icon" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-white.png" height="33px" />
+       <img class="link-buttons" id="dark-icon" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-black.png" height="33px" />
+       <figcaption></figcaption>
+    </center>
+</figure>
+
+This badge is provided by [Not by AI](https://notbyai.fyi), an organization focused on promoting content originality. I decided to add this after seeing it on [this guy's site](https://sumnerevans.com/). This should indicate to you that, most likely, the content written for this site is **not** AI generated slop made for search engine optimization and maximum eyeball retention... it's only **human** generated slop. On a side note, and perhaps it is my fault for contributing to this, it is a bit dystopian that we've gotten to the point that people find it necessary to distinguish that their content is original, either as a point of pride or because in a lot of cases non-ai generated material has become impossible to recognize in a vacuum. _sigh_.
diff --git a/public/404.html b/public/404.html
@@ -5,7 +5,7 @@
     <head><meta charset="UTF-8">
 
 <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme" id="toggle-theme">
-      <svg width="30" height="30" id="light-icon">
+      <svg width="30" height="30" class="light" id="light-icon">
         <circle cx="15" cy="15" r="6" fill="currentColor" />
 
         <line
@@ -27,7 +27,7 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
         <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">
+      <svg width="30" height="30" class="dark" id="dark-icon">
         <path
           fill="currentColor"
           d="
@@ -55,26 +55,28 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
       <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
+	var i = "theme";
+	var d = document.documentElement.classList;
+
+	var m = localStorage.getItem(i) || (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches ? "light" : "dark");
+
 	if (m == "light") {
-    	    d.remove("dark")
-    	    d.add(m)
+	    d.remove("dark");
+	    d.add(m);
 	    lightIcon.setAttribute("display", "none");
 	    darkIcon.setAttribute("display", "block");
 	} else {
+	    d.remove("light");
+	    d.add(m);
 	    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)
+	    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");
@@ -83,6 +85,15 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
 		darkIcon.setAttribute("display", "none");
 	    }
 	}
+
+
+	window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', e => {
+	    const newColorScheme = e.matches ? "light" : "dark";
+	    if (newColorScheme !== m) {
+		switchTheme();
+	    }
+	});
+
       </script>
 
   </div>
@@ -139,6 +150,12 @@ <h1 id="title">Error</h1>
       <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">
         <img src="/images/link-buttons/gplv3-88x31.png"></a>
     </span>
+    <span class="link-buttons" >
+	<a href="https://notbyai.fyi">
+          <img id="light-icon" height="31" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-white.png"></a>
+	<a href="https://notbyai.fyi">
+          <img id="dark-icon" height="31" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-black.png"></a>
+    </span>
   </div>
   <div class= "copyright">
     © 2024 <a href="/">Jordan Herzstein</a>, content <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>, code <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPLv3</a>, Powered by <a href="https://gohugo.io">Hugo</a>, <a href="https://orgmode.org">Org Mode</a>, <a href="https://www.gnu.org/software/emacs/">Emacs</a>

diff --git a/public/about/index.html b/public/about/index.html
@@ -5,7 +5,7 @@
     <head><meta charset="UTF-8">
 
 <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme" id="toggle-theme">
-      <svg width="30" height="30" id="light-icon">
+      <svg width="30" height="30" class="light" id="light-icon">
         <circle cx="15" cy="15" r="6" fill="currentColor" />
 
         <line
@@ -27,7 +27,7 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
         <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">
+      <svg width="30" height="30" class="dark" id="dark-icon">
         <path
           fill="currentColor"
           d="
@@ -55,26 +55,28 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
       <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
+	var i = "theme";
+	var d = document.documentElement.classList;
+
+	var m = localStorage.getItem(i) || (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches ? "light" : "dark");
+
 	if (m == "light") {
-    	    d.remove("dark")
-    	    d.add(m)
+	    d.remove("dark");
+	    d.add(m);
 	    lightIcon.setAttribute("display", "none");
 	    darkIcon.setAttribute("display", "block");
 	} else {
+	    d.remove("light");
+	    d.add(m);
 	    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)
+	    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");
@@ -83,6 +85,15 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
 		darkIcon.setAttribute("display", "none");
 	    }
 	}
+
+
+	window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', e => {
+	    const newColorScheme = e.matches ? "light" : "dark";
+	    if (newColorScheme !== m) {
+		switchTheme();
+	    }
+	});
+
       </script>
 
   </div>
@@ -144,6 +155,12 @@ <h1 id="about">About</h2>
       <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">
         <img src="/images/link-buttons/gplv3-88x31.png"></a>
     </span>
+    <span class="link-buttons" >
+	<a href="https://notbyai.fyi">
+          <img id="light-icon" height="31" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-white.png"></a>
+	<a href="https://notbyai.fyi">
+          <img id="dark-icon" height="31" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-black.png"></a>
+    </span>
   </div>
   <div class= "copyright">
     © 2024 <a href="/">Jordan Herzstein</a>, content <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>, code <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPLv3</a>, Powered by <a href="https://gohugo.io">Hugo</a>, <a href="https://orgmode.org">Org Mode</a>, <a href="https://www.gnu.org/software/emacs/">Emacs</a>

diff --git a/public/categories/index.html b/public/categories/index.html
@@ -5,7 +5,7 @@
     <head><meta charset="UTF-8">
 
 <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme" id="toggle-theme">
-      <svg width="30" height="30" id="light-icon">
+      <svg width="30" height="30" class="light" id="light-icon">
         <circle cx="15" cy="15" r="6" fill="currentColor" />
 
         <line
@@ -27,7 +27,7 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
         <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">
+      <svg width="30" height="30" class="dark" id="dark-icon">
         <path
           fill="currentColor"
           d="
@@ -55,26 +55,28 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
       <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
+	var i = "theme";
+	var d = document.documentElement.classList;
+
+	var m = localStorage.getItem(i) || (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches ? "light" : "dark");
+
 	if (m == "light") {
-    	    d.remove("dark")
-    	    d.add(m)
+	    d.remove("dark");
+	    d.add(m);
 	    lightIcon.setAttribute("display", "none");
 	    darkIcon.setAttribute("display", "block");
 	} else {
+	    d.remove("light");
+	    d.add(m);
 	    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)
+	    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");
@@ -83,6 +85,15 @@ <h1 id="title">Jordan Herzstein <a onclick="switchTheme()" title="toggle theme"
 		darkIcon.setAttribute("display", "none");
 	    }
 	}
+
+
+	window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', e => {
+	    const newColorScheme = e.matches ? "light" : "dark";
+	    if (newColorScheme !== m) {
+		switchTheme();
+	    }
+	});
+
       </script>
 
   </div>
@@ -137,6 +148,12 @@ <h1>Categories</h1>
       <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">
         <img src="/images/link-buttons/gplv3-88x31.png"></a>
     </span>
+    <span class="link-buttons" >
+	<a href="https://notbyai.fyi">
+          <img id="light-icon" height="31" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-white.png"></a>
+	<a href="https://notbyai.fyi">
+          <img id="dark-icon" height="31" src="/images/link-buttons/Written-By-Human-Not-By-AI-Badge-black.png"></a>
+    </span>
   </div>
   <div class= "copyright">
     © 2024 <a href="/">Jordan Herzstein</a>, content <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>, code <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPLv3</a>, Powered by <a href="https://gohugo.io">Hugo</a>, <a href="https://orgmode.org">Org Mode</a>, <a href="https://www.gnu.org/software/emacs/">Emacs</a>