Use original BIO-CODES JPEG logo in navbar and footer

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">{% include logo.svg %}{{ site.title }}</a>
+                <a href="{{ '/' | relative_url }}#hero" class="footer-logo"><img src="{{ '/assets/images/biocodes_logo.jpeg' | relative_url }}" alt="BIO-CODES logo">{{ site.title }}</a>
                 <p class="footer-tagline">{{ site.tagline }}</p>
                 <div class="footer-nav">
                     <a href="#challenge" class="footer-link">Why</a>

_includes/navbar.html

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

assets/css/style.css

@@ -97,10 +97,11 @@ ul {
   gap: 8px;
 }
 
-.nav-logo svg {
+.nav-logo img {
   width: 32px;
-  height: 29px;
+  height: 32px;
   flex-shrink: 0;
+  object-fit: contain;
 }
 
 .nav-logo:hover {
@@ -785,10 +786,11 @@ ul {
   letter-spacing: 0.04em;
 }
 
-.footer-logo svg {
+.footer-logo img {
   width: 32px;
-  height: 29px;
+  height: 32px;
   flex-shrink: 0;
+  object-fit: contain;
 }
 
 .footer-logo:hover {