nav edits

Author: Freddycat

FAQ.html

@@ -32,9 +32,9 @@
     <nav class="navbar">
       <ul>
         <li><a href="explore" class="nav-button">Explore</a></li>
+        <li><a href="periodical" class="nav-button">Periodical</a></li>
         <li><a href="art" class="nav-button">Gallery</a></li>
         <li><a href="FAQ" class="nav-button">FAQ</a></li>
-        <li><a href="periodical" class="nav-button">Periodical</a></li>
         <li><a href="shop" class="nav-button">Shop</a></li>
         <li><a href="locations" class="nav-button">Locations</a></li>
       </ul>

JS/verify.js

@@ -12,6 +12,8 @@ document.addEventListener('DOMContentLoaded', async () => {
     const urlParams = new URLSearchParams(window.location.search);
     const oobCode = urlParams.get('oobCode');
     const mode = urlParams.get('mode');
+    const loading = document.getElementById('loading');
+    loading.style.display = 'none';
 
     if (mode === 'verifyEmail' && oobCode) {
 
@@ -31,7 +33,10 @@ document.addEventListener('DOMContentLoaded', async () => {
                 const identifier = document.getElementById('login-username-email').value;
                 const password = document.getElementById('login-password').value;
                 const errorMessage = document.getElementById('error-message');
+                loading.style.display = 'block';
+                
                 try {
+                    
                     let email = identifier;
 
                     if (!identifier.includes('@')) {
@@ -65,6 +70,7 @@ document.addEventListener('DOMContentLoaded', async () => {
             console.error('Error verifying email:', error);
             alert('Failed to verify email. Please try again.');
         }
+        loading.style.display = 'none';
     } else {
         alert('Invalid verification link.');
     }

index.html

@@ -92,9 +92,9 @@
     <nav class="navbar">
       <ul>
         <li><a href="explore" class="nav-button">Explore</a></li>
+        <li><a href="periodical" class="nav-button">Periodical</a></li>
         <li><a href="art" class="nav-button">Gallery</a></li>
         <li><a href="FAQ" class="nav-button">FAQ</a></li>
-        <li><a href="periodical" class="nav-button">Periodical</a></li>
         <li><a href="shop" class="nav-button">Shop</a></li>
         <li><a href="locations" class="nav-button">Locations</a></li>
       </ul>

locations.html

@@ -36,9 +36,9 @@
         <nav class="navbar">
             <ul>
                 <li><a href="explore" class="nav-button">Explore</a></li>
+                <li><a href="periodical" class="nav-button">Periodical</a></li>
                 <li><a href="art" class="nav-button">Gallery</a></li>
                 <li><a href="FAQ" class="nav-button">FAQ</a></li>
-                <li><a href="periodical" class="nav-button">Periodical</a></li>
                 <li><a href="shop" class="nav-button">Shop</a></li>
                 <li><a href="locations" class="nav-button">Locations</a></li>
             </ul>

shop.html

@@ -122,9 +122,9 @@ <h3>TSB Periodical issue 2</h3>
                             <button class="arrow left"
                                 onclick="scrollImages(this, -1); event.stopPropagation()">&#9664;</button>
                             <div class="image-container">
+                                <img src="Images/store/items/TSBP2listing/TSBP2listing(2).png" alt="">
                                 <img src="Images/store/items/TSBP2listing/TSBP2listing(1).jpg" alt="">
                                 <img src="Images/store/items/TSBP2listing/TSBP2listing(2).jpg" alt="">
-                                <img src="Images/store/items/TSBP2listing/TSBP2listing(2).png" alt="">
                                 <img src="Images/store/items/TSBP2listing/TSBP2listing(3).jpg" alt="">
                                 <img src="Images/store/items/TSBP2listing/TSBP2listing(4).jpg" alt="">
                             </div>

verify.html

@@ -41,6 +41,7 @@
           <button type="submit" id="login-submit" class="nav-button">Login</button>
           <p class="error-message" id="error-message"></p>
         </form>
+        <img id="loading" src="Images/gif.gif" alt="">
       </div>
     </div>
   </div>