JimmyandGitHub
78800c7379
* fix: keep external image url, and use reflect.IsImageResourceProcessable to check for svg * build: update Hugo version to 0.157.0 in the build script. * docs: remove `Local` return value and simplify `Resource` description in image helper * Check for reflect.IsImageResourceProcessable before getting color from image * chore: update minimum Hugo version to 0.157.0
26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
{{ $image := partial "helper/image" (dict "Image" .context.Params.image "Resources" .context.Resources) }}
|
|
<article class="{{ if $image }}has-image{{ end }}">
|
|
<a href="{{ .context.RelPermalink }}">
|
|
{{ if $image }}
|
|
<div class="article-image">
|
|
<img src="{{ $image.Permalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}" loading="lazy"
|
|
alt="Featured image of post {{ .context.Title }}">
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="article-details"
|
|
{{- if and $image (reflect.IsImageResourceProcessable $image.Resource) -}}
|
|
{{- $colors := $image.Resource.Colors -}}
|
|
{{- if $colors -}}
|
|
{{- $vibrant := index $colors 0 -}}
|
|
{{- $darkMuted := index $colors 1 | default $vibrant -}}
|
|
style="background: linear-gradient(0deg, {{ $darkMuted }}80 0%, {{ $vibrant }}C0 100%);"
|
|
{{- end -}}
|
|
{{- end -}}
|
|
>
|
|
<h2 class="article-title">
|
|
{{- .context.Title -}}
|
|
</h2>
|
|
</div>
|
|
</a>
|
|
</article> |