From f3efdf19000522d084585d5b833f3b03f64e1b24 Mon Sep 17 00:00:00 2001
From: dandev <danieldubonxd@gmail.com>
Date: Sat, 7 Dec 2024 21:41:01 -0600
Subject: [PATCH] =?UTF-8?q?Add=20dark=20mode=20toggle=20with=20localStorag?=
 =?UTF-8?q?e=20support=20=E2=9C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 articles.html                                 | 74 +++++++++++++------
 articles/books-for-bitcoin-core.html          |  8 ++
 articles/decentralize.html                    |  9 +++
 articles/epictetus.html                       |  8 ++
 ...ompile-bitcoin-core-and-run-the-tests.html |  8 ++
 ...tribute-pull-requests-to-bitcoin-core.html |  8 ++
 ...-review-pull-requests-in-bitcoin-core.html |  8 ++
 ...reviewing-and-helping-those-who-do-it.html |  9 +++
 articles/reviewing-is-humming.html            |  8 ++
 articles/reviewing-is-voting.html             | 43 ++++++-----
 ...native-p2p-networks-with-bitcoin-core.html |  7 ++
 contact.html                                  | 46 +++++++-----
 donate.html                                   | 32 +++++---
 index.html                                    | 74 +++++++++++++------
 script.js                                     | 15 ++++
 style.css                                     | 74 ++++++++++++++-----
 16 files changed, 317 insertions(+), 114 deletions(-)
 create mode 100644 script.js
diff --git a/articles.html b/articles.html
index 08cab25..b308af3 100644
--- a/articles.html
+++ b/articles.html
@@ -7,13 +7,20 @@
 <html lang="en">
   <head>
     <title>jon atack - articles</title>
-    <meta charset="utf-8">
-    <base target="_blank">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <base target="_blank" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="./script.js"></script>
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
@@ -33,17 +40,20 @@
             <li>
               <a href="donate" target="_self">donate</a>
             </li>
-            <li>
-              &nbsp;
-            </li>
+            <li>&nbsp;</li>
             <li class="small">
-              style:<br>
-              <a href="https://basicbitch.software" class="small" target="_blank">basicbitch.software</a>
+              style:<br />
+              <a
+                href="https://basicbitch.software"
+                class="small"
+                target="_blank"
+                >basicbitch.software</a
+              >
             </li>
           </ul>
         </div>
         <div class="namecap">
-          <a href="/" target="_self">&nbsp;jon&nbsp;<br>atack</a>
+          <a href="/" target="_self">&nbsp;jon&nbsp;<br />atack</a>
         </div>
       </div>
 
@@ -54,32 +64,50 @@
             <div class="title">Articles</div>
             <ul>
               <li>
-                <a href="/articles/how-to-review-pull-requests-in-bitcoin-core"
-                   target="_self">How to Review Pull Requests in Bitcoin Core</a>
+                <a
+                  href="/articles/how-to-review-pull-requests-in-bitcoin-core"
+                  target="_self"
+                  >How to Review Pull Requests in Bitcoin Core</a
+                >
               </li>
               <li>
-                <a href="/articles/how-to-contribute-pull-requests-to-bitcoin-core"
-                   target="_self">How to Contribute Pull Requests to Bitcoin Core</a>
+                <a
+                  href="/articles/how-to-contribute-pull-requests-to-bitcoin-core"
+                  target="_self"
+                  >How to Contribute Pull Requests to Bitcoin Core</a
+                >
               </li>
               <li>
-                <a href="/articles/how-to-compile-bitcoin-core-and-run-the-tests"
-                   target="_self">How to Compile Bitcoin Core and Run the Tests</a>
+                <a
+                  href="/articles/how-to-compile-bitcoin-core-and-run-the-tests"
+                  target="_self"
+                  >How to Compile Bitcoin Core and Run the Tests</a
+                >
               </li>
               <li>
-                <a href="/articles/books-for-bitcoin-core"
-                   target="_self">Books and Resources for Bitcoin Core</a>
+                <a href="/articles/books-for-bitcoin-core" target="_self"
+                  >Books and Resources for Bitcoin Core</a
+                >
               </li>
               <li>
-                <a href="/articles/on-reviewing-and-helping-those-who-do-it"
-                   target="_self">On Reviewing, and Helping Those Who Do It</a>
+                <a
+                  href="/articles/on-reviewing-and-helping-those-who-do-it"
+                  target="_self"
+                  >On Reviewing, and Helping Those Who Do It</a
+                >
               </li>
               <li>
-                <a href="/articles/using-alternative-p2p-networks-with-bitcoin-core"
-                   target="_self">Using Alternative P2P Networks with your Bitcoin Core Node (and more)</a>
+                <a
+                  href="/articles/using-alternative-p2p-networks-with-bitcoin-core"
+                  target="_self"
+                  >Using Alternative P2P Networks with your Bitcoin Core Node
+                  (and more)</a
+                >
               </li>
               <li>
-                <a href="/articles/epictetus"
-                   target="_self">Thoughts from Epictetus</a>
+                <a href="/articles/epictetus" target="_self"
+                  >Thoughts from Epictetus</a
+                >
               </li>
             </ul>
           </div>
diff --git a/articles/books-for-bitcoin-core.html b/articles/books-for-bitcoin-core.html
index 4afe093..3f16bb6 100644
--- a/articles/books-for-bitcoin-core.html
+++ b/articles/books-for-bitcoin-core.html
@@ -11,9 +11,17 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/decentralize.html b/articles/decentralize.html
index 2e206c4..3fe88c0 100644
--- a/articles/decentralize.html
+++ b/articles/decentralize.html
@@ -11,9 +11,18 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/epictetus.html b/articles/epictetus.html
index 2c7895d..0bab2d2 100644
--- a/articles/epictetus.html
+++ b/articles/epictetus.html
@@ -11,9 +11,17 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/how-to-compile-bitcoin-core-and-run-the-tests.html b/articles/how-to-compile-bitcoin-core-and-run-the-tests.html
index dd78c8f..16327c2 100644
--- a/articles/how-to-compile-bitcoin-core-and-run-the-tests.html
+++ b/articles/how-to-compile-bitcoin-core-and-run-the-tests.html
@@ -11,9 +11,17 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/how-to-contribute-pull-requests-to-bitcoin-core.html b/articles/how-to-contribute-pull-requests-to-bitcoin-core.html
index 5c25d48..0a65aa7 100644
--- a/articles/how-to-contribute-pull-requests-to-bitcoin-core.html
+++ b/articles/how-to-contribute-pull-requests-to-bitcoin-core.html
@@ -11,9 +11,17 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/how-to-review-pull-requests-in-bitcoin-core.html b/articles/how-to-review-pull-requests-in-bitcoin-core.html
index 458bfef..cfe0791 100644
--- a/articles/how-to-review-pull-requests-in-bitcoin-core.html
+++ b/articles/how-to-review-pull-requests-in-bitcoin-core.html
@@ -11,9 +11,17 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/on-reviewing-and-helping-those-who-do-it.html b/articles/on-reviewing-and-helping-those-who-do-it.html
index b0488f7..13b7e63 100644
--- a/articles/on-reviewing-and-helping-those-who-do-it.html
+++ b/articles/on-reviewing-and-helping-those-who-do-it.html
@@ -11,9 +11,18 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/reviewing-is-humming.html b/articles/reviewing-is-humming.html
index 4331213..b850adc 100644
--- a/articles/reviewing-is-humming.html
+++ b/articles/reviewing-is-humming.html
@@ -11,9 +11,17 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
+
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/articles/reviewing-is-voting.html b/articles/reviewing-is-voting.html
index 21b0e42..7f18584 100644
--- a/articles/reviewing-is-voting.html
+++ b/articles/reviewing-is-voting.html
@@ -7,13 +7,20 @@
 <html lang="en">
   <head>
     <title>jon atack - Reviewing is Voting</title>
-    <meta charset="utf-8">
-    <base target="_blank">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <base target="_blank" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
@@ -33,17 +40,20 @@
             <li>
               <a href="/donate" target="_self">donate</a>
             </li>
-            <li>
-              &nbsp;
-            </li>
+            <li>&nbsp;</li>
             <li class="small">
-              style:<br>
-              <a href="https://basicbitch.software" class="small" target="_blank">basicbitch.software</a>
+              style:<br />
+              <a
+                href="https://basicbitch.software"
+                class="small"
+                target="_blank"
+                >basicbitch.software</a
+              >
             </li>
           </ul>
         </div>
         <div class="namecap">
-          <a href="/" target="_self">&nbsp;jon&nbsp;<br>atack</a>
+          <a href="/" target="_self">&nbsp;jon&nbsp;<br />atack</a>
         </div>
       </div>
 
@@ -51,15 +61,14 @@
         <div class="entry">
           <div class="date">Last updated: 9 February 2020</div>
           <div class="body">
+            <p>This article has been renamed and moved!</p>
+            <p>Here's the link:</p>
             <p>
-              This article has been renamed and moved!
-            </p>
-            <p>
-              Here's the link:
-            </p>
-            <p>
-              <a href="/articles/on-reviewing-and-helping-those-who-do-it"
-                 target="_self">On Reviewing, and Helping Those Who Do It</a>
+              <a
+                href="/articles/on-reviewing-and-helping-those-who-do-it"
+                target="_self"
+                >On Reviewing, and Helping Those Who Do It</a
+              >
             </p>
           </div>
         </div>
diff --git a/articles/using-alternative-p2p-networks-with-bitcoin-core.html b/articles/using-alternative-p2p-networks-with-bitcoin-core.html
index 633529f..ab50957 100644
--- a/articles/using-alternative-p2p-networks-with-bitcoin-core.html
+++ b/articles/using-alternative-p2p-networks-with-bitcoin-core.html
@@ -11,9 +11,16 @@
     <base target="_blank">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="../script.js"></script>
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
diff --git a/contact.html b/contact.html
index ec9a91d..550515d 100644
--- a/contact.html
+++ b/contact.html
@@ -7,13 +7,20 @@
 <html lang="en">
   <head>
     <title>jon atack - contact</title>
-    <meta charset="utf-8">
-    <base target="_blank">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <base target="_blank" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="./script.js"></script>
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
@@ -33,17 +40,20 @@
             <li>
               <a href="donate" target="_self">donate</a>
             </li>
-            <li>
-              &nbsp;
-            </li>
+            <li>&nbsp;</li>
             <li class="small">
-              style:<br>
-              <a href="https://basicbitch.software" class="small" target="_blank">basicbitch.software</a>
+              style:<br />
+              <a
+                href="https://basicbitch.software"
+                class="small"
+                target="_blank"
+                >basicbitch.software</a
+              >
             </li>
           </ul>
         </div>
         <div class="namecap">
-          <a href="/" target="_self">&nbsp;jon&nbsp;<br>atack</a>
+          <a href="/" target="_self">&nbsp;jon&nbsp;<br />atack</a>
         </div>
       </div>
 
@@ -52,22 +62,20 @@
           <div class="date">Last updated: 9 February 2023</div>
           <div class="body">
             <div class="title">Contact</div>
-            <p>
-              Jon Atack
-            </p>
+            <p>Jon Atack</p>
             <p>
               GitHub:
-              <a href="https://github.com/jonatack"
-                 target="_blank">https://github.com/jonatack</a>
+              <a href="https://github.com/jonatack" target="_blank"
+                >https://github.com/jonatack</a
+              >
             </p>
             <p>
               Twitter:
-              <a href="https://twitter.com/jonatack"
-                 target="_blank">https://twitter.com/jonatack</a>
-            </p>
-            <p>
-              Email: jon@atack.com
+              <a href="https://twitter.com/jonatack" target="_blank"
+                >https://twitter.com/jonatack</a
+              >
             </p>
+            <p>Email: jon@atack.com</p>
           </div>
         </div>
       </div>
diff --git a/donate.html b/donate.html
index a0e30ca..be40586 100644
--- a/donate.html
+++ b/donate.html
@@ -7,13 +7,20 @@
 <html lang="en">
   <head>
     <title>jon atack - donate</title>
-    <meta charset="utf-8">
-    <base target="_blank">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <base target="_blank" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="./script.js"></script>
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
@@ -33,17 +40,20 @@
             <li>
               <a href="donate" target="_self">donate</a>
             </li>
-            <li>
-              &nbsp;
-            </li>
+            <li>&nbsp;</li>
             <li class="small">
-              style:<br>
-              <a href="https://basicbitch.software" class="small" target="_blank">basicbitch.software</a>
+              style:<br />
+              <a
+                href="https://basicbitch.software"
+                class="small"
+                target="_blank"
+                >basicbitch.software</a
+              >
             </li>
           </ul>
         </div>
         <div class="namecap">
-          <a href="/" target="_self">&nbsp;jon&nbsp;<br>atack</a>
+          <a href="/" target="_self">&nbsp;jon&nbsp;<br />atack</a>
         </div>
       </div>
 
@@ -57,9 +67,7 @@
               <a href="contact" target="_self">contact me</a>
               for a fresh address.
             </p>
-            <p>
-              Thanks ❤
-            </p>
+            <p>Thanks ❤</p>
           </div>
         </div>
       </div>
diff --git a/index.html b/index.html
index ab0b0f0..10e4113 100644
--- a/index.html
+++ b/index.html
@@ -7,13 +7,20 @@
 <html lang="en">
   <head>
     <title>jon atack</title>
-    <meta charset="utf-8">
-    <base target="_blank">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <base target="_blank" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" type="text/css" href="/style.css" />
+    <script defer src="./script.js"></script>
   </head>
 
   <body>
+    <div id="dark-mode-toggle">
+      <label>
+        <input type="checkbox" id="darkModeSwitch" />
+        <span>Dark Mode</span>
+      </label>
+    </div>
     <div id="content">
       <div id="right">
         <div class="list">
@@ -33,17 +40,20 @@
             <li>
               <a href="donate" target="_self">donate</a>
             </li>
-            <li>
-              &nbsp;
-            </li>
+            <li>&nbsp;</li>
             <li class="small">
-              style:<br>
-              <a href="https://basicbitch.software" class="small" target="_blank">basicbitch.software</a>
+              style:<br />
+              <a
+                href="https://basicbitch.software"
+                class="small"
+                target="_blank"
+                >basicbitch.software</a
+              >
             </li>
           </ul>
         </div>
         <div class="namecap">
-          <a href="/" target="_self">&nbsp;jon&nbsp;<br>atack</a>
+          <a href="/" target="_self">&nbsp;jon&nbsp;<br />atack</a>
         </div>
       </div>
 
@@ -62,21 +72,29 @@
                 every day.
               </p>
               <p>
-                Bitcoin isn't perfect.  Among other things, it needs further
+                Bitcoin isn't perfect. Among other things, it needs further
                 decentralization, continued vigilance, review, bug-fixing,
                 updates, maintenance, and improved robustness, performance,
                 privacy, scaling, documentation and user experience.
               </p>
               <p>
                 As a contributor to
-                <a href="https://github.com/bitcoin/bitcoin"
-                   target="_blank" rel="nofollow">Bitcoin Core</a>
+                <a
+                  href="https://github.com/bitcoin/bitcoin"
+                  target="_blank"
+                  rel="nofollow"
+                  >Bitcoin Core</a
+                >
                 since 2019 and
-                <a href="https://github.com/bitcoin/bips"
-                   target="_blank" rel="nofollow">BIPs</a>
-                maintainer since 2024, I pursue a long-term, evergreen role of help and
-                service, hopefully with a measure of kindness, wisdom and
-                forbearance.
+                <a
+                  href="https://github.com/bitcoin/bips"
+                  target="_blank"
+                  rel="nofollow"
+                  >BIPs</a
+                >
+                maintainer since 2024, I pursue a long-term, evergreen role of
+                help and service, hopefully with a measure of kindness, wisdom
+                and forbearance.
               </p>
               <p>
                 My time is invested in reviewing and context-packing the changes
@@ -84,14 +102,22 @@
                 reviewing most of the opened and merged pull requests.
               </p>
               <p>
-                The idea is to help move improvements forward, catch bugs
-                or breaking changes, and be able to help maintain the project.
-                I propose
-                <a href="https://github.com/bitcoin/bitcoin/commits?author=jonatack"
-                   target="_blank" rel="nofollow">fixes</a>
+                The idea is to help move improvements forward, catch bugs or
+                breaking changes, and be able to help maintain the project. I
+                propose
+                <a
+                  href="https://github.com/bitcoin/bitcoin/commits?author=jonatack"
+                  target="_blank"
+                  rel="nofollow"
+                  >fixes</a
+                >
                 to the
-                <a href="https://github.com/bitcoin/bitcoin/graphs/contributors"
-                   target="_blank" rel="nofollow">code</a>
+                <a
+                  href="https://github.com/bitcoin/bitcoin/graphs/contributors"
+                  target="_blank"
+                  rel="nofollow"
+                  >code</a
+                >
                 as well.
               </p>
               <p>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..fcddaaa
--- /dev/null
+++ b/script.js
@@ -0,0 +1,15 @@
+const darkModeSwitch = document.getElementById("darkModeSwitch");
+const body = document.body;
+
+// Load dark mode preference
+if (localStorage.getItem("dark-mode") === "enabled") {
+  body.classList.add("dark-mode");
+  darkModeSwitch.checked = true;
+}
+
+// Toggle dark mode and save preference
+darkModeSwitch.addEventListener("change", () => {
+  const isDarkMode = darkModeSwitch.checked;
+  body.classList.toggle("dark-mode", isDarkMode);
+  localStorage.setItem("dark-mode", isDarkMode ? "enabled" : "disabled");
+});
diff --git a/style.css b/style.css
index cf94f92..a798439 100644
--- a/style.css
+++ b/style.css
@@ -3,7 +3,7 @@ body {
 }
 
 ::selection {
-  background: #a8d1ff
+  background: #a8d1ff;
 }
 
 ul {
@@ -31,10 +31,10 @@ img {
   margin-left: 6%;
 }
 
+/*  //font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+  //font-family: Verdana, Geneva, sans-serif; */
 .entry {
   font-weight: 600;
-  //font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-  //font-family: Verdana, Geneva, sans-serif;
   padding: 10px;
   padding-bottom: 8em;
 }
@@ -43,7 +43,8 @@ img {
   text-align: right;
 }
 
-.date, .time {
+.date,
+.time {
   font-size: small;
 }
 
@@ -66,39 +67,47 @@ img {
   line-height: 1.65em;
 }
 
-div.body, div.title {
+div.body,
+div.title {
   text-align: left;
 }
 
-.body h1, .body h2, .body h3, .body h4, .body p {
+.body h1,
+.body h2,
+.body h3,
+.body h4,
+.body p {
   -webkit-margin-before: 0;
   -webkit-margin-after: 0;
   -webkit-margin-start: 0;
   -webkit-margin-end: 0;
-  margin-bottom: .85em;
-  margin-top: .85em;
+  margin-bottom: 0.85em;
+  margin-top: 0.85em;
 }
 
-.body h1, .body h2, .body h3, .body h4 {
+.body h1,
+.body h2,
+.body h3,
+.body h4 {
   font-weight: normal;
   font-variant: small-caps;
   padding-top: 2px;
 }
 
 .body h1 {
-  font-size: 1.50em;
+  font-size: 1.5em;
 }
 
 .body h2 {
-  font-size: 1.40em;
+  font-size: 1.4em;
 }
 
 .body h3 {
-  font-size: 1.30em;
+  font-size: 1.3em;
 }
 
 .body h4 {
-  font-size: 1.20em;
+  font-size: 1.2em;
 }
 
 .body p {
@@ -106,7 +115,8 @@ div.body, div.title {
   overflow-wrap: break-word;
 }
 
-ol, li {
+ol,
+li {
   padding-top: 0px;
   padding-bottom: 8px;
 }
@@ -116,8 +126,9 @@ ul {
   padding-bottom: 2px;
 }
 
-.body ol, .body ul {
-  margin: .75em 0 .75em 0;
+.body ol,
+.body ul {
+  margin: 0.75em 0 0.75em 0;
   padding-left: 40px;
 }
 
@@ -135,7 +146,7 @@ pre {
 }
 
 .body pre {
-  padding-bottom: .5em;
+  padding-bottom: 0.5em;
   overflow-x: scroll;
 }
 
@@ -224,13 +235,13 @@ pre {
     display: inline;
     position: absolute;
     bottom: 4px;
-    width: 70%
+    width: 70%;
   }
   .list li {
     display: inline;
     font-size: x-small;
   }
-  #deets{
+  #deets {
     width: 100%;
     text-align: left;
     position: fixed;
@@ -254,3 +265,28 @@ pre {
     font-weight: 700;
   }
 }
+
+#dark-mode-toggle {
+  position: fixed;
+  top: 10px;
+  right: 10px;
+  z-index: 1000;
+}
+
+#dark-mode-toggle label {
+  cursor: pointer;
+}
+
+#dark-mode-toggle input[type="checkbox"] {
+  margin-right: 10px;
+}
+
+/* Dark Mode Styles */
+body.dark-mode {
+  background-color: #1e1e1e;
+  color: #f5f5f5;
+}
+
+body.dark-mode a {
+  color: #4da6ff;
+}
