From 0f981f9f90057b54f34475cd6c50eaa70ac12730 Mon Sep 17 00:00:00 2001
From: Amaan Syed <amaan.23mip10116@vitbhopal.ac.in>
Date: Wed, 29 Jan 2025 01:09:07 +0530
Subject: [PATCH] Navbar update

---
 src/navbar.html       |  5 ++---
 src/script.js         | 17 +++++++++++++++++
 src/styles/themes.css |  3 ++-
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/navbar.html b/src/navbar.html
index 9129f59..d74dc49 100644
--- a/src/navbar.html
+++ b/src/navbar.html
@@ -1,6 +1,5 @@
 <div class="navbar">
-    <a href="index.html">
-        <img src="logo1.png" alt="img" class="logo"></a>
+    <a href="index.html"><img src="logo1.png" alt="img" class="logo"></a>
     <button class="hamburger" aria-label="Menu">
         <span></span>
         <span></span>
@@ -10,7 +9,7 @@
         <nav class="nav-links">
             <a href="index.html">Home</a>
             <a href="about.html">About</a>
-            <a href="file_upload.html">Upload File</a>
+            <a href="file_upload.html" id="upload-link">Upload File</a>
         </nav>
         <!-- Toggle switch for theme -->
         <label class="switch">
diff --git a/src/script.js b/src/script.js
index e24d499..bcf7b48 100644
--- a/src/script.js
+++ b/src/script.js
@@ -23,6 +23,9 @@ function initializeApp() {
       localStorage.setItem('theme', theme);
     });
   }
+
+  // Hide the "Upload File" link if on the About page
+  adjustPageSpecificContent();
 }
 
 function applyTheme(theme) {
@@ -64,10 +67,24 @@ function loadNavbar() {
           document.querySelector('.header-actions')?.classList.remove('active');
         }
       });
+
+      // Call adjustPageSpecificContent again after navbar is loaded
+      adjustPageSpecificContent();
     })
     .catch(error => console.error('Error loading navbar:', error));
 }
 
+function adjustPageSpecificContent() {
+  // Hide the "Upload File" link if on the About page
+  const currentPage = window.location.pathname.split('/').pop();
+  if (currentPage === 'about.html') {
+    const uploadLink = document.getElementById('upload-link');
+    if (uploadLink) {
+      uploadLink.style.display = 'none';
+    }
+  }
+}
+
 // Load the footer dynamically
 function loadFooter() {
   const footerPlaceholder = document.getElementById('footer-placeholder');
diff --git a/src/styles/themes.css b/src/styles/themes.css
index abdddeb..ed2c593 100644
--- a/src/styles/themes.css
+++ b/src/styles/themes.css
@@ -1,3 +1,5 @@
+/* themes.css */
+
 /* Base Light Theme */
 body.theme-light {
   --background-color: #ffffff;
@@ -28,7 +30,6 @@ body.theme-dark {
   --highlight-color: #406896;
 }
 
-
 /* Apply the variables to elements */
 body {
   background-color: var(--background-color);