Login page added to user icon in nav bar

ProjectSourceCode/src/resources/css/navigation-bar/login.css

@@ -0,0 +1,13 @@
+#login-page {
+    width: 400px;
+    height: fit-content;
+    position: absolute;
+    top: 150px; /* Adjust this value as needed */
+    right: 20px; /* Adjust this value as needed */
+    z-index: 10;
+    background-color: white;
+    border: 1px solid gray;
+    border-radius: 8px;
+}
+
+  

ProjectSourceCode/src/resources/js/navigation-bar/user/login.js

@@ -0,0 +1,12 @@
+// Function to render login.hbs when #user is clicked
+function renderLogin() {
+    // Assuming you're using jQuery
+    $('#user').on('click', function() {
+      // Load the login.hbs template content using AJAX
+      res.render('/login');
+    });
+  }
+  
+  // Call the function to enable rendering login.hbs
+  renderLogin();
+