Added navbar to 'Our Contributors' page

Rohan-Lalchandani08 · Rohan-Lalchandani08 · commit 1941b4592a70 · 2025-10-12T16:09:27.000+05:30
diff --git a/pages/contributorsSection.html b/pages/contributorsSection.html
@@ -2,15 +2,96 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, user-scalable=no" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Contributors</title>
   <link rel="stylesheet" href="../resources/styles/contributorsSection.css">
+  <link rel="stylesheet" href="../resources/styles/style.css">
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Sometype+Mono:ital,wght@0,400..700;1,400..700&display=swap"
+    rel="stylesheet"
+  />
+  <link
+    rel="stylesheet"
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
+  />
   <link rel="icon" href="../image/ml-fusion-lab-logo.png">
   <link rel="shortcut icon" href="../images/Nomenclature.png" type="image/x-icon" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
-<body>
-  <a href="../index.html"><button class="goBack">Go To Home</button></a>
+<body id="body">
+  <button type="button" class="theme" id="darkThemeBtn" style="display: none">
+    <img src="../images/moon.png" class="themeLogo" />
+  </button>
+  <button type="button" class="theme" id="lightThemeBtn">
+    <img src="../images/sun.png" class="themeLogo" />
+  </button>
+
+  <div class="top-elements">
+    <a href="../index.html" class="top-link"
+      ><img
+        src="../images/Nomenclature.png"
+        alt="logo"
+        class="logo"
+        id="logo"
+      />
+      <p class="codeit">CodeIt</p>
+    </a>
+    <nav class="navbar">
+      <div class="navbar-container">
+        <div class="fade-wrapper-left"></div>
+        <div class="fade-wrapper-right"></div>
+        <table id="navbar_table">
+          <tr>
+            <td class="nav-item">
+              <a href="../index.html" class="home">Home</a>
+            </td>
+            <td class="nav-item">
+              <a href="refine.html" class="competitive">Code Refiner</a>
+            </td>
+            <td class="nav-item">
+              <a href="obfuscation.html" class="obfuscation"
+                >Code Obfuscator</a
+              >
+            </td>
+            <td class="nav-item">
+              <a href="timeComplexity.html" class="time"
+                >Time Complexity Analyser</a
+              >
+            </td>
+            <td class="nav-item">
+              <a href="../index.html#contributeSection">Contribute!</a>
+            </td>
+            <td class="nav-item" id="current">
+              <a href="contributorsSection.html">Our Contributors!</a>
+            </td>
+            <td class="nav-item">
+              <a href="../index.html#feedback">Give Feedback!</a>
+            </td>
+            <div class="highlight"></div>
+          </tr>
+        </table>
+      </div>
+    </nav>
+    <!-- Hamburger for smaller screens -->
+    <div class="hamburger" onclick="toggleSidebar()">
+      <span class="material-symbols-outlined"> unfold_more </span>
+    </div>
+    <!-- Sidebar structure -->
+    <div id="sidebar" class="sidebar">
+      <span class="close-btn" onclick="toggleSidebar()">&times;</span>
+      <a href="../index.html" class="home">Home</a>
+      <a href="refine.html" class="competitive">Code Refiner</a>
+      <a href="obfuscation.html" class="obfuscation">Code Obfuscator</a>
+      <a href="timeComplexity.html" class="time">Time Complexity Analyser</a>
+      <a href="../index.html#contributeSection">Contribute!</a>
+      <a href="contributorsSection.html">Our Contributors!</a>
+      <a href="../index.html#feedback">Give Feedback!</a>
+    </div>
+    <div class="gap"></div>
+  </div>
 
   <section class="contributor-stats">
     <p class="title">Project Statistics</p>
@@ -26,5 +107,7 @@
   <div id="contributors" class="contributors-grid"></div>
 
   <script src="../resources/scripts/contributorsSection.js"></script>
+  <script src="../resources/scripts/common_functions.js"></script>
+  <script src="../resources/scripts/navbar.js"></script>
 </body>
 </html>
