Updated buttons

localhost433 · localhost433 · commit 44c697ec3244 · 2025-04-28T07:36:18.000-04:00
diff --git a/about.html b/about.html
@@ -58,7 +58,7 @@ <h2>Tech Stack</h2>
     <footer id="footer-placeholder"></footer>
 
     <script src="js/theme.js"></script>
-    <script src="js/header-footer.js"></script>      
+    <script src="js/header-footer.js"></script>
 </body>
 
 </html>
diff --git a/index.html b/index.html
@@ -21,7 +21,6 @@
         <p>Welcome! This is where I share random ideas and stuff I created about school, life, etc. (Not any type of
             category that I want to fall into, journal, diary, because it would feel kind of restrictive on 'how'/'what'
             should I write about anything.)</p>
-        <button id="theme-toggle">Dark Mode</button>
     </div>
     </header>
 
diff --git a/js/main.js b/js/main.js
@@ -1,8 +1,13 @@
 document.addEventListener("DOMContentLoaded", () => {
   const container = document.getElementById("posts-list");
 
-  fetch("metadata/entries.json")
-    .then((res) => res.json())
+  fetch("/posts/metadata/entries.json")
+    .then((res) => {
+      if (!res.ok) {
+        throw new Error(`HTTP error ${res.status}`);
+      }
+      return res.json();
+    })
     .then((posts) => {
       posts.forEach((post) => {
         const entry = document.createElement("div");
@@ -22,5 +27,9 @@ document.addEventListener("DOMContentLoaded", () => {
 
         container.appendChild(entry);
       });
+    })
+    .catch((err) => {
+      console.error("Failed to load blog entries:", err);
+      container.innerHTML = "<p>Unable to load posts at this time.</p>";
     });
 });
diff --git a/post.html b/post.html
@@ -18,8 +18,6 @@
 
 <body>
     <header id="header-placeholder"></header>
-
-    <button id="theme-toggle">Dark Mode</button>
     <main>
         <article id="post-content">
             <!-- Post content dynamically loaded here -->
@@ -40,7 +38,6 @@ <h1>Blog</h1>
     <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" async></script>
     <script src="js/posts.js"></script>
     <script src="js/theme.js"></script>
-    <script src="js/main.js"></script>
     <script src="js/header-footer.js"></script>
         
 </body>
