mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-22 10:31:39 +01:00
d6f911cc05
By default, the cover is loaded from the page resources folder (same folder). If the image is not found, the (global) assets folder is searched as well. If found, the same processing is done. Otherwise, the fallback remains with linking to the image directly.
43 lines
2.7 KiB
HTML
43 lines
2.7 KiB
HTML
{{- with .cxt}} {{/* Apply proper context from dict */}}
|
|
{{- if (and .Params.cover.image (not $.isHidden)) }}
|
|
{{- $alt := (.Params.cover.alt | default .Params.cover.caption | plainify) }}
|
|
<figure class="entry-cover">
|
|
{{- $responsiveImages := (.Params.cover.responsiveImages | default site.Params.cover.responsiveImages) | default true }}
|
|
{{- $addLink := (and site.Params.cover.linkFullImages (not $.IsHome)) }}
|
|
{{- $pageBundleCover := (.Resources.ByType "image").GetMatch (printf "*%s*" (.Params.cover.image)) }}
|
|
{{- $globalResourcesCover := (resources.ByType "image").GetMatch (printf "*%s*" (.Params.cover.image)) }}
|
|
{{- $cover := (or $pageBundleCover $globalResourcesCover)}}
|
|
{{- if $cover -}}{{/* i.e it is present in page bundle */}}
|
|
{{- if $addLink }}<a href="{{ (path.Join .RelPermalink .Params.cover.image) | absURL }}" target="_blank"
|
|
rel="noopener noreferrer">{{ end -}}
|
|
{{- $sizes := (slice "360" "480" "720" "1080" "1500") }}
|
|
{{- $processableFormats := (slice "jpg" "jpeg" "png" "tif" "bmp" "gif") -}}
|
|
{{- if hugo.IsExtended -}}
|
|
{{- $processableFormats = $processableFormats | append "webp" -}}
|
|
{{- end -}}
|
|
{{- $prod := (hugo.IsProduction | or (eq site.Params.env "production")) }}
|
|
{{- if (and (in $processableFormats $cover.MediaType.SubType) ($responsiveImages) (eq $prod true)) }}
|
|
<img loading="lazy" srcset="{{- range $size := $sizes -}}
|
|
{{- if (ge $cover.Width $size) -}}
|
|
{{ printf "%s %s" (($cover.Resize (printf "%sx" $size)).Permalink) (printf "%sw ," $size) -}}
|
|
{{ end }}
|
|
{{- end -}}{{$cover.Permalink }} {{printf "%dw" ($cover.Width)}}"
|
|
sizes="(min-width: 768px) 720px, 100vw" src="{{ $cover.Permalink }}" alt="{{ $alt }}"
|
|
width="{{ $cover.Width }}" height="{{ $cover.Height }}">
|
|
{{- else }}{{/* Unprocessable image or responsive images disabled */}}
|
|
<img loading="lazy" src="{{ (path.Join .RelPermalink .Params.cover.image) | absURL }}" alt="{{ $alt }}">
|
|
{{- end }}
|
|
{{- else }}{{/* For absolute urls and external links, no img processing here */}}
|
|
{{- if $addLink }}<a href="{{ (.Params.cover.image) | absURL }}" target="_blank"
|
|
rel="noopener noreferrer">{{ end -}}
|
|
<img loading="lazy" src="{{ (.Params.cover.image) | absURL }}" alt="{{ $alt }}">
|
|
{{- end }}
|
|
{{- if $addLink }}</a>{{ end -}}
|
|
{{/* Display Caption */}}
|
|
{{- if not $.IsHome }}
|
|
{{ with .Params.cover.caption }}<p>{{ . | markdownify }}</p>{{- end }}
|
|
{{- end }}
|
|
</figure>
|
|
{{- end }}{{/* End image */}}
|
|
{{- end -}}{{/* End context */ -}}
|