From 09bacd9f0b5990a9bec37551a0e9e53e5c2a9485 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Mon, 29 Jul 2024 23:34:46 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20add=20SVG=20support=20for=20logos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/compiled/main.css       | 7 +++++++
 assets/css/main.css                | 5 +++++
 layouts/partials/header/basic.html | 6 ++++++
 3 files changed, 18 insertions(+)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 39360000d..05bc1d17c 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3163,6 +3163,13 @@ body button {
   width:1em
 }
 
+/* Scale SVG logos to appropriate size */
+
+.logo svg {
+  height:5rem;
+  width:5rem
+}
+
 /* Search */
 
 #search-query::-webkit-search-cancel-button,
diff --git a/assets/css/main.css b/assets/css/main.css
index 7f46d01e4..49873f3da 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -16,6 +16,11 @@ body button {
   @apply h-[1em] w-[1em];
 }
 
+/* Scale SVG logos to appropriate size */
+.logo svg {
+  @apply h-[5rem] w-[5rem];
+}
+
 /* Search */
 #search-query::-webkit-search-cancel-button,
 #search-query::-webkit-search-decoration,
diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index 6b2c6fa09..caf69fa76 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -7,8 +7,14 @@
         <a href="{{ "" | relLangURL }}" class="flex">
             <span class="sr-only">{{ .Site.Title | markdownify }}</span>
 
+            {{ if eq $logo.MediaType.SubType "svg" }}
+            <span class="logo object-scale-down object-left nozoom">
+                {{ $logo.Content | safeHTML }}
+            </span>
+            {{ else }}
             <img src="{{ $logo.RelPermalink }}" width="{{ div $logo.Width 2 }}" height="{{ div $logo.Height 2 }}"
                 class="logo max-h-[5rem] max-w-[5rem] object-scale-down object-left nozoom" alt="{{ .Site.Title }}" />
+            {{ end }}
 
         </a>
     </div>