1
0
mirror of https://github.com/danbee/danbarber.me.hugo.git synced 2025-03-04 08:59:18 +00:00
danbarber.me.hugo/layouts/partials/photo_thumb.html
2021-12-15 21:49:45 -06:00

30 lines
840 B
HTML

{{ $src := .Page.Resources.GetMatch (.Params.image) }}
{{/* set image sizes, these are hardcoded for now, x dictates that images are resized to this width */}}
{{ $tinyw := default "300x300" }}
{{ $smallw := default "600x600" }}
{{/* resize the src image to the given sizes */}}
{{ .Scratch.Set "tiny" ($src.Fill $tinyw) }}
{{ .Scratch.Set "small" ($src.Fill $smallw) }}
{{/* add the processed images to the scratch */}}
{{ $tiny := .Scratch.Get "tiny" }}
{{ $small := .Scratch.Get "small" }}
<a class="photos__link" href={{.RelPermalink}}>
<img class="photos__thumb"
srcset="
{{ if ge $src.Width "300" }}
{{ with $tiny.RelPermalink }}{{.}} 1x{{ end }}
{{ end }}
{{ if ge $src.Width "600" }}
{{ with $small.RelPermalink }}, {{.}} 1.5x{{ end }}
{{ end }}"
src="{{ $tiny.RelPermalink }}"
>
</a>