Trez/congo-hindi-gujarati
4
0
Fork 0
mirror of https://github.com/TrezOne/congo-hindi-gujarati.git synced 2026-07-20 01:45:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add Dark Logo Variant Option

Browse Source
This commit is contained in:
Simon Spannagel
2023-04-27 23:11:41 +02:00
committed by James Panther
parent 5f35753c4c
commit 99c70fd751
2 changed files with 13 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/logo.html
+12 -25
View File
@@ -1,37 +1,24 @@
{{- if .Site.Params.header.logo }}
{{- $logo := resources.Get .Site.Params.header.logo }}
{{- $darkLogo := resources.Get .Site.Params.header.darkLogo }}
<!-- If both logos are present, show different logo accordingly -->
{{- if and $logo $darkLogo }}
<a href="{{ "" | relLangURL }}" class="inline mr-2 dark:hidden">
<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>
<a href="{{ "" | relLangURL }}" class="hidden mr-2 dark:inline">
<img
src="{{ $darkLogo.RelPermalink }}"
width="{{ div $darkLogo.Width 2 }}"
height="{{ div $darkLogo.Height 2 }}"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="{{ .Site.Title }}"
/>
</a>
<!-- Else if the standard logo is present, show the logo -->
{{- else if $logo }}
{{- $logo_dark := resources.Get .Site.Params.header.logoDark }}
{{- if $logo }}
<a href="{{ "" | relLangURL }}" class="mr-2">
<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"
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="{{ $logo_dark.RelPermalink }}"
width="{{ div $logo_dark.Width 2 }}"
height="{{ div $logo_dark.Height 2 }}"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left dark:hidden"
alt="{{ .Site.Title }}"
/>
{{- end}}
</a>
{{- end }}
{{- end }}