2ad65a4c07
* feat: add option to disable image processing closes https://github.com/CaiJimmy/hugo-theme-stack/issues/37 * refactor(list): use article/components/header inside default.html * refactor: use .Fill for cover image
35 lines
1.7 KiB
HTML
35 lines
1.7 KiB
HTML
<header class="article-header">
|
|
{{- $image := partialCached "helper/image" (dict "Context" . "Type" "article") .RelPermalink "article" -}}
|
|
{{ if $image.exists }}
|
|
<div class="article-image">
|
|
<a href="{{ .RelPermalink }}">
|
|
{{ if $image.resource }}
|
|
{{- $Permalink := $image.resource.RelPermalink -}}
|
|
{{- $Width := $image.resource.Width -}}
|
|
{{- $Height := $image.resource.Height -}}
|
|
{{- $Srcset := "" -}}
|
|
|
|
{{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
|
|
{{- $thumbnail := $image.resource.Resize "800x" -}}
|
|
{{- $thumbnailRetina := $image.resource.Resize "1600x" -}}
|
|
{{- $Srcset = printf "%s 800w, %s 1600w" $thumbnail.RelPermalink $thumbnailRetina.RelPermalink -}}
|
|
{{- $Permalink = $thumbnail.RelPermalink -}}
|
|
{{- $Width = $thumbnail.Width -}}
|
|
{{- $Height = $thumbnail.Height -}}
|
|
{{- end -}}
|
|
|
|
<img src="{{ $Permalink }}"
|
|
{{ with $Srcset }}srcset="{{ . }}"{{ end }}
|
|
width="{{ $Width }}"
|
|
height="{{ $Height }}"
|
|
loading="lazy"
|
|
alt="Featured image of post {{ .Title }}" />
|
|
{{ else }}
|
|
<img src="{{ $image.permalink }}" loading="lazy" alt="Featured image of post {{ .Title }}" />
|
|
{{ end }}
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ partialCached "article/components/details" . .RelPermalink }}
|
|
</header> |