Add SVG logo, update navbar logo size to standard 44px

shahidghafoor00 · shahidghafoor00 · commit 6c8cdcb6ae60 · 2026-06-27T10:11:04.000+05:00
diff --git a/assets/logo.svg b/assets/logo.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 168" fill="none">
+  <!-- C -->
+  <text x="0" y="112" font-family="'Arial Black', 'Arial Bold', Arial, sans-serif" font-weight="900" font-size="108" fill="#0a0a0a">C</text>
+
+  <!-- O -->
+  <text x="76" y="112" font-family="'Arial Black', 'Arial Bold', Arial, sans-serif" font-weight="900" font-size="108" fill="#0a0a0a">O</text>
+  <!-- dot inside O -->
+  <circle cx="122" cy="65" r="8" fill="white"/>
+
+  <!-- D -->
+  <text x="157" y="112" font-family="'Arial Black', 'Arial Bold', Arial, sans-serif" font-weight="900" font-size="108" fill="#0a0a0a">D</text>
+
+  <!-- E -->
+  <text x="237" y="112" font-family="'Arial Black', 'Arial Bold', Arial, sans-serif" font-weight="900" font-size="108" fill="#0a0a0a">E</text>
+
+  <!-- base -->
+  <text x="250" y="152" font-family="'Inter', 'Helvetica Neue', Arial, sans-serif" font-weight="400" font-size="26" fill="#0a0a0a">base</text>
+</svg>
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
 <!-- ── NAV ── -->
 <nav>
   <div class="nav-logo">
-    <a href="#hero"><img src="assets/logo.png" alt="Codebase" /></a>
+    <a href="#hero"><img src="assets/logo.svg" alt="Codebase" /></a>
   </div>
   <ul class="nav-links">
     <li><a href="#about">About</a></li>
@@ -308,7 +308,7 @@ <h2 class="section-title">Let's build something great together</h2>
 <footer>
   <div class="footer-inner">
     <div class="footer-logo">
-      <img src="assets/logo.png" alt="Codebase" />
+      <img src="assets/logo.svg" alt="Codebase" />
     </div>
     <div class="footer-copy">© 2024 Codebase. All rights reserved.</div>
     <div class="footer-links">
diff --git a/styles.css b/styles.css
@@ -39,7 +39,7 @@ nav {
 
 nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.08); }
 
-.nav-logo img { height: 36px; }
+.nav-logo img { height: 44px; }
 
 .nav-links { display: flex; gap: 2rem; list-style: none; }
 .nav-links a {
