Update account-dashboard.html

kRxZykRxZy · web-flow · commit ef9374f6865c · 2025-03-22T08:06:32.000Z
diff --git a/account-dashboard.html b/account-dashboard.html
@@ -2,18 +2,15 @@
 <html>
   <head>
     <title>Coding Hut Website</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet" />
     <style>
       body {
         overflow-x: hidden;
-        font-family: Sans-Serif;
+        font-family: "Comfortaa", Sans-Serif;
         margin: 0;
+        font-size: 22px;
       }
-<link href='https://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet'>
-<style>
-body {
-    font-family: 'Comfortaa';font-size: 22px;
-}
 
       .menu-container {
         position: relative;
@@ -108,7 +105,7 @@
     <nav class="menu-container">
       <!-- Logo -->
       <a href="https://scratch-coding-hut.github.io" class="menu-logo">
-        <img src="Images/Coding-Hut-Logo.png" alt="Coding Hut Logo" width="50" height="50"></img>
+        <img src="Images/Coding-Hut-Logo.png" alt="Coding Hut Logo" width="50" height="50" />
       </a>
 
       <!-- Menu for Mobile -->
@@ -129,31 +126,40 @@
       </div>
     </nav>
 
-    <h1 id="user" style="text-align:center;"><b>Coding Hut</b></h1>
-    <h2 style="text-align:center;">Welcome to your dashboard</h2>
-    <p id="data" style="text-align:center;">COMING SOON</p>
+    <h1 id="user" style="text-align: center"><b>Coding Hut</b></h1>
+    <h2 style="text-align: center">Welcome to your dashboard</h2>
+    <p id="data" style="text-align: center">COMING SOON</p>
 
     <script>
-     const username = localStorage.getItem('username');
-if (username) {
-    document.getElementById('user').textContent = username;
-
-    try {
-        const res = await fetch(`https://scratch-coding-hut-data.onrender.com/${username}`);
-        const data = await res.json();
-
-        if (data) {
-            document.getElementById('data').textContent = JSON.stringify(data);
+      // Fetch user data and update UI
+      async function loadUserData() {
+        const username = localStorage.getItem("username");
+
+        if (username) {
+          document.getElementById("user").textContent = username;
+
+          try {
+            const res = await fetch(`https://scratch-coding-hut-data.onrender.com/${username}`);
+            const data = await res.json();
+
+            if (data) {
+              document.getElementById("data").textContent = JSON.stringify(data);
+            }
+          } catch (error) {
+            console.error("Error fetching data:", error);
+            document.getElementById("data").textContent = "Failed to load data.";
+          }
         }
-    } catch (error) {
-        console.error('Error fetching data:', error);
-    }
-}
- 
+      }
+
+      // Menu toggle for mobile
       function toggleMenu() {
-        var menu = document.querySelector('.menu');
-        menu.style.display = menu.style.display === 'flex' ? 'none' : 'flex';
+        var menu = document.querySelector(".menu");
+        menu.style.display = menu.style.display === "flex" ? "none" : "flex";
       }
+
+      // Load user data on page load
+      document.addEventListener("DOMContentLoaded", loadUserData);
     </script>
   </body>
 </html>
