recodehive
diff --git a/‎Website/assets/fluidicon.png‎
32.5 KB b/‎Website/assets/fluidicon.png‎
32.5 KB
diff --git a/‎Website/assets/images.png‎
8.44 KB b/‎Website/assets/images.png‎
8.44 KB
diff --git a/‎Website/assets/recode-hive.png‎
7.18 KB b/‎Website/assets/recode-hive.png‎
7.18 KB
diff --git a/‎Website/index.html‎
Lines changed: 4 additions & 4 deletions b/‎Website/index.html‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎Website/logo.png‎
-5.01 KB b/‎Website/logo.png‎
-5.01 KB
diff --git a/‎Website/styles.css‎
Lines changed: 27 additions & 4 deletions b/‎Website/styles.css‎
Lines changed: 27 additions & 4 deletions
@@ -11,9 +11,9 @@
 <body>
     <header>
         <nav class="navbar">
-            <div class="logo-container">
-                <img src="logo-bg.png" alt="RecodeHive Logo" width="50" height="50"> <!-- Added logo to navbar -->
-                <span class="brand-name">RecodeHive</span>
+            <div class="logo-container" onclick="window.location.href=`index.html`">
+                <img src="assets/recode-hive.png" alt="Recode Hive Icon" class="logo-icon">
+                <span class="logo-text">Recode Hive</span>
             </div>
             <ul class="nav-links">
                 <li><a href="#">Home</a></li>
@@ -23,7 +23,7 @@
                 <li><a href="#">Contact</a></li>
                 <li>
                     <a href="https://github.com/recodehive/machine-learning-repos" target="_blank">
-                        <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" width="25" height="25"> <!-- GitHub Icon -->
+                        <img src="assets/images.png" alt="GitHub"> <!-- GitHub Icon -->
                     </a>
                 </li>
             </ul>
 
@@ -24,12 +24,27 @@ header {
     align-items: center;
 }
 
-.logo-container {
+  .logo-container{
     display: flex;
+    cursor: pointer;
     align-items: center;
-    margin-right: 20px;
-    /* Adds space between logo and links */
-}
+  }
+
+  .logo-container img{
+    filter: brightness(1) invert(1);
+  }
+  
+  .logo-icon {
+    width: 30px;
+    height: 30px;
+    margin-right: 10px;
+  }
+  
+  .logo-text {
+    font-size: 18px;
+    font-weight: bold;
+    color: #f1f1f1;
+  }
 
 .brand-name {
     font-size: 1.5em;
@@ -59,6 +74,14 @@ header {
     /* Prevents wrapping of links */
 }
 
+.nav-links a img{
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    filter: brightness(0) invert(1);
+    margin-top: -5px;
+}
+
 .nav-links a:hover {
     text-decoration: underline;
 }