Added contributors page to navbar itself and added a logo according t… (

#372) ![sss](https://github.com/user-attachments/assets/24946431-b8f3-447e-b1dc-c0caef53b32c) Added logo in a navbar according to the theme and Added contributors page in the navbar itself for better user appearance.
dhairyagothi · Jan 8, 2025 · a041a5b · a041a5b
2 parents a445b0a + d570dfd
commit a041a5b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 9 deletions.
diff --git 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
@@ -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>`