🔀 Merge pull request #322 from mhulse:header-logo-file

✨ 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 "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 "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/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-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 }}