Add BIO-CODES logo to navbar/footer and SVG favicon

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: etzm

_includes/footer.html

@@ -2,7 +2,7 @@
     <div class="container">
         <div class="footer-main">
             <div class="footer-left">
-                <a href="{{ '/' | relative_url }}#hero" class="footer-logo">{{ site.title }}</a>
+                <a href="{{ '/' | relative_url }}#hero" class="footer-logo">{% include logo.svg %}{{ site.title }}</a>
                 <p class="footer-tagline">{{ site.tagline }}</p>
                 <div class="footer-nav">
                     <a href="#challenge" class="footer-link">Why</a>

_includes/head.html

@@ -3,7 +3,7 @@
 <meta name="description" content="{{ page.description | default: site.description }}">
 <title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }} — {{ site.tagline }}{% endif %}</title>
 {% seo %}
-<link rel="icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
+<link rel="icon" type="image/svg+xml" href="{{ '/favicon.svg' | relative_url }}">
 <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=Readex+Pro:wght@300;400;500;600;700&family=DM+Mono:wght@400&display=swap" rel="stylesheet">

_includes/logo.svg

@@ -1,6 +1,6 @@
 <header class="navbar" id="navbar">
     <div class="container nav-container">
-        <a href="{{ '/' | relative_url }}#hero" class="nav-logo">{{ site.title }}</a>
+        <a href="{{ '/' | relative_url }}#hero" class="nav-logo">{% include logo.svg %}{{ site.title }}</a>
         <button class="nav-toggle" id="navToggle" aria-label="Toggle navigation">
             <span></span>
             <span></span>

_includes/navbar.html

@@ -92,6 +92,15 @@ ul {
   font-weight: 700;
   color: var(--color-accent);
   letter-spacing: 0.04em;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.nav-logo svg {
+  width: 32px;
+  height: 29px;
+  flex-shrink: 0;
 }
 
 .nav-logo:hover {
@@ -769,11 +778,19 @@ ul {
   font-size: 1.3rem;
   font-weight: 700;
   color: #ffffff;
-  display: block;
+  display: flex;
+  align-items: center;
+  gap: 8px;
   margin-bottom: 6px;
   letter-spacing: 0.04em;
 }
 
+.footer-logo svg {
+  width: 32px;
+  height: 29px;
+  flex-shrink: 0;
+}
+
 .footer-logo:hover {
   color: #c98adb;
 }