add geekfem logo in navbar

Author: lilioid

layouts/partials/custom/head-append.html

@@ -2,3 +2,10 @@
 <link rel="icon" type="image/png" href="/favicon.png" />
 
 <link rel="manifest" href="/manifest.json" />
+
+<style>
+    #header-image > img {
+        max-width: 80vw;
+        width: 30rem;
+    }
+</style>

layouts/partials/custom/site-title.html

@@ -0,0 +1,12 @@
+{{ $imagePos := resources.Get "logos/geekfem_logo_positiv.svg" }}
+{{ $imageNeg := resources.Get "logos/geekfem_logo_negativ.svg" }}
+
+<a href="{{ .Site.BaseURL | relLangURL }}">
+    <picture id="header-image">
+        <source srcset="{{ $imagePos }}" media="(prefers-color-scheme: light)">
+        <source srcset="{{ $imageNeg }}" media="(prefers-color-scheme: dark)">
+        <img src="{{ $imagePos }}" 
+            alt="Geekfem logo" 
+            aria-details="A serif rich font spelling the name 'Geekfem'. The letter G modelled to resemble an owl looking at the reader.">
+    </picture>
+</a>