mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-22 10:31:39 +01:00
c9fa6c7915
in site config =>
params:
cover:
hidden: true # hide everywhere but not in structured data
hiddenInList: true # hide on list pages and home
hiddenInSingle: true # hide on single page
per-page in front-matter =>
hidden: true # only hide on current single page
36 lines
2.2 KiB
HTML
36 lines
2.2 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">
|
|
{{- $addLink := (and .Site.Params.cover.linkFullImages (not $.IsHome)) }}
|
|
{{- $cover := (.Page.Resources.ByType "image").GetMatch (printf "*%s*" (.Params.cover.image)) }}
|
|
{{- 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") }}
|
|
{{- $prod := (hugo.IsProduction | or (eq .Site.Params.env "production")) }}
|
|
{{- if (and (in $processableFormats $cover.MediaType.SubType) (ne .Site.Params.cover.responsiveImages false) (eq $prod true)) }}
|
|
<img 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 }}" />
|
|
{{- else }}{{/* Unprocessable image or responsive images disabled */}}
|
|
<img 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 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 */}}
|