feat: add logo instead of text for blog title

sass/parts/_navbar.scss

@@ -27,6 +27,14 @@ nav {
         font-weight: 100;
         text-transform: uppercase;
         @include link(var(--text), var(--text));
+
+        picture {
+            img {
+                max-height: 5rem;
+                display: inline;
+                vertical-align: middle;
+            }
+        }
     }
 
     .nav-bar {

templates/navbar.html

@@ -1,7 +1,12 @@
 <header>
     <nav>
         <div class="home-title">
-            <a href="/">{{ config.title }}</a>
+            <a href="/">
+                <picture>
+                    <source srcset="/logos/banniere-dark.svg" media="(prefers-color-scheme: dark)">
+                    <img src="/logos/banniere-light.svg">
+                </picture>
+            </a>
         </div>
         <div class="nav-bar">
             <ul class="nav-links">