karsttech.com/layouts/partials/logo.html

40 lines
1.4 KiB
HTML

{{- if .Site.Params.header.logo }}
{{- $logo := resources.Get .Site.Params.header.logo }}
{{- $logo_dark := resources.Get .Site.Params.header.logoDark }}
{{- if $logo }}
{{- $logoResized := $logo.Resize (printf "%dx" (div $logo.Width 2)) }}
{{- $logoDarkResized := "" }}
{{- if $logo_dark }}
{{- $logoDarkResized = $logo_dark.Resize (printf "%dx" (div $logo_dark.Width 2)) }}
{{- end }}
<a href="{{ "" | relLangURL }}" class="mr-2">
<!-- prettier-ignore-attribute -->
<img
src="{{ $logoResized.RelPermalink }}"
width="{{ $logoResized.Width }}"
height="{{ $logoResized.Height }}"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left
{{ if $logo_dark }}hidden dark:flex{{ end }}"
alt="{{ .Site.Title }}"
/>
{{- if $logo_dark }}
<img
src="{{ $logoDarkResized.RelPermalink }}"
width="{{ $logoDarkResized.Width }}"
height="{{ $logoDarkResized.Height }}"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left dark:hidden"
alt="{{ .Site.Title }}"
/>
{{- end }}
</a>
{{- end }}
{{- end }}
{{- if .Site.Params.header.showTitle | default true }}
<a
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
rel="me"
href="{{ "" | relLangURL }}"
>{{ .Site.Title | markdownify | emojify }}</a
>
{{- end }}