marcel
/
congo
mirror of https://github.com/jpanther/congo.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ ♻️ adhesive_bandage: adapt logo partial to use picture partial to render the logo. Add SVG Gorilla to example site as functional demo.

pull/738/head
Wolf Noble 2023-12-04 20:44:42 -06:00
parent dbf421848f
commit 843506a7f2
3 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
exampleSite/assets/img/dark-logo.svg 100644
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

4
exampleSite/config/_default/params.toml
View File

@ -20,8 +20,8 @@ fingerprintAlgorithm = "sha256"
[header] [header]
layout = "basic" # valid options: basic, hamburger, hybrid, custom layout = "basic" # valid options: basic, hamburger, hybrid, custom
# logo = "img/logo.jpg" logo = "img/logo.jpg"
# logoDark = "img/dark-logo.jpg" logoDark = "img/dark-logo.svg"
showTitle = true showTitle = true
[footer] [footer]

44
layouts/partials/logo.html
View File

@ -1,32 +1,30 @@
{{- if .Site.Params.header.logo }} {{- if $.Page.Site.Params.header.logo }}
{{- $logo := resources.Get .Site.Params.header.logo }} {{- $logo := resources.Get $.Page.Site.Params.header.logo }}
{{- $logo_dark := resources.Get .Site.Params.header.logoDark }} {{- $logo_dark := resources.Get $.Page.Site.Params.header.logoDark }}
{{- if $logo }} {{- $logoAlt := $.Page.Site.Title -}}
<a href="{{ "" | relLangURL }}" class="mr-2"> {{- $logoClass := "max-h-[10rem] max-w-[10rem] object-scale-down object-left flex" -}}
<img {{- $logoDarkClass := (print $logoClass " hidden dark:flex") -}}
src="{{ $logo.RelPermalink }}" {{- if $logo_dark -}}
width="{{ div $logo.Width 2 }}" {{- $logoClass = (print $logoClass " dark:hidden" ) -}}
height="{{ div $logo.Height 2 }}" {{- end }}
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left{{ if $logo_dark }} hidden dark:flex{{ end }}" {{- if or $logo $logo_dark -}}
alt="{{ .Site.Title }}" <a href="{{ "" | relLangURL }}" class="mr-2">
/> {{- end }}
{{- if $logo_dark }} {{- with $logo }}
<img {{- partial "picture.html" (dict "img" . "alt" $logoAlt "class" $logoClass "lazy" false "webp" false ) -}}
src="{{ $logo_dark.RelPermalink }}" {{- end -}}
width="{{ div $logo_dark.Width 2 }}" {{- with $logo_dark }}
height="{{ div $logo_dark.Height 2 }}" {{- partial "picture.html" (dict "img" . "alt" $logoAlt "class" $logoDarkClass "lazy" false "webp" false ) -}}
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left dark:hidden" {{- end -}}
alt="{{ .Site.Title }}" {{- if or $logo $logo_dark -}}
/>
{{- end}}
</a> </a>
{{- end }} {{- end }}
{{- end }} {{- end }}
{{- if .Site.Params.header.showTitle | default true }} {{- if $.Page.Site.Params.header.showTitle | default true }}
<a <a
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
rel="me" rel="me"
href="{{ "" | relLangURL }}" href="{{ "" | relLangURL }}"
>{{ .Site.Title | markdownify | emojify }}</a >{{ .Site.Title | markdownify | emojify }}</a
> >
{{- end }} {{- end }}