Move logo to its own partial

layouts/partials/header/basic.html

@@ -2,27 +2,7 @@
   <nav class="flex justify-between">
     {{/* Site logo/title */}}
     <div>
-      {{ if .Site.Params.Logo -}}
+      {{ partial "header/logo.html" . }}
-        {{ $logo := resources.Get .Site.Params.Logo }}
-        {{ if $logo }}
-          <a href="{{ "" | relLangURL }}">
-            <img
-              src="{{ $logo.RelPermalink }}"
-              width="{{ div $logo.Width 2 }}"
-              height="{{ div $logo.Height 2 }}"
-              class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
-              alt="{{ .Site.Title }}"
-            />
-          </a>
-        {{ end }}
-      {{ else }}
-        <a
-          class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
-          rel="me"
-          href="{{ "" | relLangURL }}"
-          >{{ .Site.Title | markdownify | emojify }}</a
-        >
-      {{- end }}
       {{ partial "translations.html" . }}
     </div>
     {{/* Main menu */}}

layouts/partials/header/hamburger.html

@@ -2,27 +2,7 @@
   <nav class="flex justify-between">
     {{/* Site logo/title */}}
     <div class="z-40">
-      {{ if .Site.Params.Logo -}}
+      {{ partial "header/logo.html" . }}
-        {{ $logo := resources.Get .Site.Params.Logo }}
-        {{ if $logo }}
-          <a href="{{ "" | relLangURL }}">
-            <img
-              src="{{ $logo.RelPermalink }}"
-              width="{{ div $logo.Width 2 }}"
-              height="{{ div $logo.Height 2 }}"
-              class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
-              alt="{{ .Site.Title }}"
-            />
-          </a>
-        {{ end }}
-      {{ else }}
-        <a
-          class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
-          rel="me"
-          href="{{ "" | relLangURL }}"
-          >{{ .Site.Title | markdownify | emojify }}</a
-        >
-      {{- end }}
       {{ partial "translations.html" . }}
     </div>
     {{/* Hamburger menu */}}

layouts/partials/header/logo.html

@@ -0,0 +1,21 @@
+{{ if .Site.Params.Logo -}}
+{{ $logo := resources.Get .Site.Params.Logo }}
+{{ if $logo }}
+  <a href="{{ "" | relLangURL }}">
+    <img
+      src="{{ $logo.RelPermalink }}"
+      width="{{ div $logo.Width 2 }}"
+      height="{{ div $logo.Height 2 }}"
+      class="max-w-[10rem] max-h-[10rem] object-scale-down object-left"
+      alt="{{ .Site.Title }}"
+    />
+  </a>
+{{ end }}
+{{ else }}
+<a
+  class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
+  rel="me"
+  href="{{ "" | relLangURL }}"
+  >{{ .Site.Title | markdownify | emojify }}</a
+>
+{{- end }}