Fixes to file structure

public/assets/js/navigation-bar/navigation-bar-follow.js

@@ -0,0 +1,45 @@
+// navbar-sticky.js
+
+// Function to add sticky behavior to the navbar
+function makeNavbarSticky() {
+  // Get the navigation bar element
+  var navbar = document.getElementById("navigation-bar-container");
+  var accountPane = document.querySelector(".account-portal-container"); // Use querySelector instead of getElementByClassName
+
+  // Get the initial offset of the navbar from the top of the page
+  var navbarOffset = navbar.offsetTop;
+
+  // Function to add sticky behavior when scrolling
+  function stickyNavbar() {
+    // Check if the current scroll position is greater than or equal to the initial offset of the navbar
+    if (window.pageYOffset >= navbarOffset) {
+      // Add the 'fixed-top' class to make the navbar sticky
+      navbar.classList.add("fixed-top");
+      // Add padding to the body to prevent content from jumping when the navbar becomes sticky
+      document.body.style.paddingTop = navbar.offsetHeight + "px";
+      
+      // Adjust the position of the account pane
+      accountPane.style.position = "fixed"; // Make the account pane fixed
+      accountPane.style.top = navbar.offsetHeight + 20 + 'px'; // Move the account pane below the navbar
+    } else {
+      // Remove the 'fixed-top' class to make the navbar non-sticky
+      navbar.classList.remove("fixed-top");
+      // Reset the padding of the body
+      document.body.style.paddingTop = 0;
+      accountPane.style.position = "absolute"; // Make the account pane fixed
+      
+      // Set the top position of the account pane to be 150px off the top
+      accountPane.style.top = "160px";
+    }
+  }
+
+  // Call the stickyNavbar function when the page is scrolled
+  window.onscroll = function() {
+    stickyNavbar();
+  };
+}
+
+// Call the makeNavbarSticky function when the page loads
+window.onload = function() {
+  makeNavbarSticky();
+};

public/assets/js/navigation-bar/user/delete-account-favorite-club.js

@@ -0,0 +1,36 @@
+document.addEventListener("DOMContentLoaded", function() {
+    var deleteButtons = document.querySelectorAll("#account-delete-favorite-team-button-hover");
+    deleteButtons.forEach(function(deleteButton) {
+        deleteButton.addEventListener("click", function() {
+            var userID = deleteButton.getAttribute("userID");
+            var teamID = deleteButton.getAttribute("teamID");
+            
+            if (deleteButton.src.includes("/delete-club-hover.png")) {
+                removeAccountFavoriteTeam(userID, teamID);
+            }
+        });
+    });
+});
+
+async function removeAccountFavoriteTeam(userID, teamID) {
+    try {
+        const response = await fetch('/favteam/remove', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                userID: userID,
+                teamID: teamID
+            })
+        });
+        
+        if (response.status === 200) {
+            console.log('Favorite team removed successfully.');
+            location.reload(); // Refresh the page
+        }
+
+    } catch (error) {
+        console.error('Error removing favorite team:', error);
+    }
+}

public/assets/js/navigation-bar/user/login-and-register-page-linking.js

@@ -0,0 +1,41 @@
+$(document).ready(function() {
+
+  // When #user is clicked
+  $('#user-profile-button').click(function() {
+
+    $('#register-screen-container').hide();
+    // Toggle the visibility of the login container
+    $('#login-pane').toggle();
+  });
+
+  $('#register-page-login-button').click(function (event) {
+    event.preventDefault(); // Prevent the default action of following the link
+
+    $('#register-screen-container').hide();
+    $('#login-pane').show();
+  });
+
+});
+
+$(document).ready(function () {
+  
+  // Listen for click event on the register button
+  $('#register-button').click(function (event) {
+    event.preventDefault(); // Prevent the default action of following the link
+
+    $('#login-pane').hide();
+    // Show the register container
+    $('#register-screen-container').show();
+  });
+    
+});
+
+$(document).ready(function() {
+
+  // When #user is clicked
+  $('#user-profile-button').click(function() {
+
+    // Toggle the visibility of the login container
+    $('#account-pane').toggle();
+  });
+});