Upload files to "templates"

templates/base.html

@@ -30,6 +30,8 @@
         
         <!-- Navigation menu -->
         <nav class="nav-links">
+            <!-- Centered Links -->
+            <div class="nav-center">
                 <a href="/">Home</a>
                 <div class="dropdown">
                     <a href="/methodology">Methodology</a>
@@ -49,15 +51,22 @@
                     </div>
                 </div>
                 <a href="/rule_creation">Rule Creation</a>
+            </div>
         
+            <!-- Right-Aligned Links -->
+            <div class="nav-right">
                 {% if current_user.is_authenticated %}
                     <a href="/notebook">Notebook</a>
                     <a href="/profile">{{ current_user.username }}</a>
                 {% else %}
+                    <a href="/register">Register</a>
                     <a href="/login">Login</a>
                 {% endif %}
+            </div>
         </nav>
         
+        
+
         <!-- Theme Toggle Slider -->
         <label class="switch">
             <input type="checkbox" id="theme-toggle">
@@ -107,6 +116,18 @@
             }
         });
 
+        const navLinks = document.querySelectorAll('.nav-links a');
+
+        navLinks.forEach(link => {
+            link.addEventListener('click', function() {
+                // Remove active class from all links
+                navLinks.forEach(link => link.classList.remove('active'));
+
+                // Add active class to clicked link
+                this.classList.add('active');
+            });
+        });
+
         // Burger menu toggle function for mobile
         function toggleMenu() {
             const navLinks = document.querySelector('.nav-links');