Update account.html

Author: kRxZykRxZy

account.html

@@ -63,71 +63,64 @@
         }
     </style>
     <script>
-        // Function to redirect user to ScratchAuth for authentication
+        window.onload = function() {
+            if (localStorage.getItem('loggedIn') === 'true') {
+                const username = localStorage.getItem('username');
+                const text = document.getElementById('text');
+                const loggedIn = document.getElementById('loggedIn');
+                
+                text.style.display = 'none';
+                loggedIn.style.display = 'block';
+                loggedIn.textContent = `Welcome to your account ${username}!`;
+            } else {
+                checkAuth();
+            }
+        };
+
+        function checkAuth() {
+            const urlParams = new URLSearchParams(window.location.search);
+            const authSuccess = urlParams.get('success');
+            const username = urlParams.get('username');
+            
+            if (username) {
+                localStorage.setItem('username', username);
+                localStorage.setItem('loggedIn', 'true');
+                window.location.href = 'index.html';
+            }
+
+            if (authSuccess === 'true') {
+                localStorage.setItem('loggedIn', 'true');
+                window.location.href = 'index.html';
+            }
+        }
+
         function registerScratchAuth() {
             const messageBox = document.getElementById("message");
-            const redirectLocation = encodeURIComponent(window.location.href); // Redirect back to this page after login
+            const redirectLocation = encodeURIComponent(window.location.href);
 
-            // URL for ScratchAuth with redirect parameter
             const authUrl = `https://auth.itinerary.eu.org/auth/?redirect=${redirectLocation}&name=Coding%20Hut&sign_in_method=cloud`;
 
             messageBox.style.color = "green";
             messageBox.textContent = "Redirecting to ScratchAuth... Follow the steps there.";
 
             setTimeout(() => {
-                window.location.href = authUrl; // Redirect to ScratchAuth login page
+                window.location.href = authUrl;
             }, 2000);
         }
 
-        // Function to redirect user to ubbload.netlify.app for APIAuth login
         function registerApiAuth() {
             const messageBox = document.getElementById("message");
-            const redirectLocation = encodeURIComponent(window.location.href); // Redirect back to this page after login
+            const redirectLocation = encodeURIComponent(window.location.href);
 
-            // URL for ubbload login, with redirect URL as a query parameter
             const authUrl = `https://ubbload.netlify.app/login?redirect=${redirectLocation}`;
 
             messageBox.style.color = "green";
             messageBox.textContent = "Redirecting to APIAuth login (ubbload)... Follow the steps there.";
 
             setTimeout(() => {
-                window.location.href = authUrl; // Redirect to ubbload login page
+                window.location.href = authUrl;
             }, 2000);
         }
-
-        // Function to handle successful login (after redirect from ScratchAuth or ubbload)
-        function checkAuth() {
-            const urlParams = new URLSearchParams(window.location.search);
-            const authSuccess = urlParams.get('success');
-            const username = urlParams.get('username'); // Get the username parameter from the URL
-            
-            if (username) {
-                localStorage.setItem('username', username); // Store the username in localStorage
-                localStorage.setItem('loggedIn', 'true');  // Mark the user as logged in
-                window.location.href = 'index.html'; // Redirect to the main dashboard or home page
-            }
-
-            // If success is true (from ScratchAuth)
-            if (authSuccess === 'true') {
-                localStorage.setItem('loggedIn', 'true');
-                window.location.href = 'index.html';
-            }
-        }
-
-        window.onload = checkAuth; // Call checkAuth when the page loads to handle login status
-
-        if (localStorage.getItem('loggedIn') === 'true') {
-            window.location.href = 'index.html'; // Redirect to the dashboard if already logged in
-        }
-        checkAuth()
-const user = localStorage.getItem('username')
-const text = document.getElementById('text');
-const loggedIn = document.getElementById('loggedIn')
-        if (username) {
-            text.style.display = 'none';
-            loggedIn.style.display = 'block';
-            loggedIn.textContent = `Welcome to your account ${username}!`
-        }
     </script>
 </head>
 <body>
@@ -145,14 +138,13 @@ <h2>Welcome! Please log in to continue.</h2>
             choose the "Cloud Data" option for the quickest sign-in method.
 
             If you are unable to use the "Cloud Data" option, other sign-in methods are available on Scratch Auth's page, for example, profile commenting.</p>
-
     </div>
 
     <div id="text" class="container">
         <h2>Login Using APIAuth</h2>
-        <button onclick="registerApiAuth()">Login With APIAuth (Made by <a href="https://scratch.mit.edu/users/kRxZy_kRxZy/" target="_blank" style="color: black">kRxZy_kRxZy</a>)</button>
+        <button onclick="registerApiAuth()">Login With APIAuth (Made by <a href="https://scratch.mit.edu/users/kRxZy_kRxZy/" target="_blank" style="color: blue">kRxZy_kRxZy</a>)</button>
     </div>
-       <div id="text" class="container"><a href="https://github.com/Scratch-Coding-Hut/Scratch-Coding-Hut.github.io/issues/new">
-            <button>Having trouble signing in? Report an issue</button></a><div>
+    <div id="text" class="container"><a href="https://github.com/Scratch-Coding-Hut/Scratch-Coding-Hut.github.io/issues/new">
+        <button>Having trouble signing in? Report an issue</button></a><div>
 </body>
 </html>