From d570dfd1de91d5a9bd61fe6c7cc9c294b8e74639 Mon Sep 17 00:00:00 2001
From: divyanshii10 <149924007+divyanshii10@users.noreply.github.com>
Date: Tue, 7 Jan 2025 20:25:11 +0530
Subject: [PATCH] Added contributors page to navbar itself and added a logo
 according to the theme of the project

---
 index.html | 17 +++++++++--------
 index.js   |  9 ++++++++-
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 61901f48..d2d4b18d 100644
--- a/index.html
+++ b/index.html
@@ -44,10 +44,11 @@
       aria-label="main navigation"
     >
       <div class="navbar-brand">
-        <a class="navbar-item has-text-weight-bold" href="/">
+        <a class="navbar-item has-text-weight-bold" href="index.html">
+          <img src="https://i.pinimg.com/736x/1c/54/f7/1c54f7b06d7723c21afc5035bf88a5ef.jpg"/>
           100 DAYS 100 WEB PROJECTS
         </a>
-
+       
         <a
           role="button"
           class="navbar-burger"
@@ -62,18 +63,18 @@
         </a>
       </div>
 
-      <div class="navbar-menu" id="navbar-menu">
+      <div class="navbar-menu is-active" id="navbar-menu">
         <div class="navbar-end">
           <div class="navbar-item">
-            <div class="buttons"></div>
+            <div class="buttons">
+              
+            </div>
           </div>
         </div>
       </div>
     </nav>
 
-    <a href="contributors/contributor.html" class="contributors-btn">
-      Contributors
-    </a>
+    
 
     <style>
       #scrollBtn {
@@ -98,7 +99,7 @@
     transform: scale(1.2); /* Slightly enlarge */
 }
       .contributors-btn {
-        background: linear-gradient(45deg, #1abc9c, #16a085);
+        background: linear-gradient(45deg, #10866f, #054135);
         color: white;
         padding: 10px 20px; /* Adjust padding to make the button rectangular */
         font-size: 0.8rem; /* Font size */
diff --git a/index.js b/index.js
index e42293bc..5325a366 100644
--- a/index.js
+++ b/index.js
@@ -51,6 +51,9 @@ function updateNavbar() {
         <a class="button is-primary is-dark" href ="https://github.com/dhairyagothi">
                   <strong>GitHub</strong>
         </a>
+        <a class="button is-primary is-dark " href="contributors/contributor.html">
+            <strong>Contributors</strong>
+        </a>
         `
 
         document.getElementById('logout').addEventListener('click', () => {
@@ -59,9 +62,13 @@ function updateNavbar() {
         });
     } else {
         // buttons to append if login not present
-       buttons.innerHTML = ` <a class="button is-primary is-dark" href ="https://github.com/dhairyagothi">
+       buttons.innerHTML = ` <a class="button is-primary is-dark" href="contributors/contributor.html">
+            <strong>Contributors</strong>
+        </a>
+        <a class="button is-primary is-dark" href ="https://github.com/dhairyagothi">
                   <strong>GitHub</strong>
                 </a>
+               
                 <a class="button is-success is-light" href="/public/Login.html">
                   Log in
                 </a>`