motiejus/jakstys.lt
1
Fork 0
Code Releases Activity

update image resolution

Browse Source
This commit is contained in:
Motiejus Jakštys 2022-06-11 16:13:05 +03:00
parent 0f0a7547cc
commit 83facd78ec
1 changed files with 35 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
layouts/shortcodes/img.html
View File

@ -9,7 +9,7 @@ care about is 700*4=2800px.
<!-- image --> <!-- image -->
{{ $src := resources.GetMatch (.Get "src") | resources.Fingerprint }} {{ $src := resources.GetMatch (.Get "src") | resources.Fingerprint }}
{{ $max := $src | resources.Fingerprint }} {{ $jmax := $src | resources.Fingerprint }}
{{ $j350 := $src.Resize "350x" }} {{ $j350 := $src.Resize "350x" }}
{{ $j700 := $src.Resize "700x" }} {{ $j700 := $src.Resize "700x" }}
{{ $j1400 := $src.Resize "1400x" }} {{ $j1400 := $src.Resize "1400x" }}
@ -22,6 +22,7 @@ care about is 700*4=2800px.
{{ errorf "missing value for param 'hint': %s" .Position }} {{ errorf "missing value for param 'hint': %s" .Position }}
{{ end }} {{ end }}
{{ $hint := .Get "hint" }} {{ $hint := .Get "hint" }}
{{ $wmax := $src.Resize (printf "%dx%d webp" $src.Width $src.Height) }}
{{ $w350 := $src.Resize (print "350x webp " $hint ) }} {{ $w350 := $src.Resize (print "350x webp " $hint ) }}
{{ $w700 := $src.Resize (print "700x webp " $hint ) }} {{ $w700 := $src.Resize (print "700x webp " $hint ) }}
{{ $w1400 := $src.Resize (print "1400x webp " $hint ) }} {{ $w1400 := $src.Resize (print "1400x webp " $hint ) }}
@ -32,6 +33,9 @@ care about is 700*4=2800px.
<picture> <picture>
<source type="image/webp" <source type="image/webp"
sizes="(max-width: 600px) 350px, {{ $width }}" sizes="(max-width: 600px) 350px, {{ $width }}"
{{- if eq $hint "graph" }}
srcset='{{ $wmax.RelPermalink}} {{ $wmax.Width}}w'
{{- else }}
srcset=' srcset='
{{- if ge $src.Width "350" }} {{- if ge $src.Width "350" }}
{{ with $w350.RelPermalink }}{{.}} 350w{{ end }} {{ with $w350.RelPermalink }}{{.}} 350w{{ end }}
@ -45,9 +49,13 @@ care about is 700*4=2800px.
{{- if ge $src.Width "2800" }} {{- if ge $src.Width "2800" }}
{{ with $w2800.RelPermalink }}, {{.}} 2800w{{ end }} {{ with $w2800.RelPermalink }}, {{.}} 2800w{{ end }}
{{- end }}' {{- end }}'
{{- end }}
/> />
<img <img
sizes="(max-width: 600px) 350px, 700px" sizes="(max-width: 600px) 350px, 700px"
{{- if eq $hint "graph" }}
srcset='{{ $jmax.RelPermalink}} {{ $jmax.Width}}w'
{{- else }}
srcset=' srcset='
{{- if ge $src.Width "350" }} {{- if ge $src.Width "350" }}
{{ with $j350.RelPermalink }}{{.}} 350w{{ end }} {{ with $j350.RelPermalink }}{{.}} 350w{{ end }}
@ -61,6 +69,7 @@ care about is 700*4=2800px.
{{- if ge $src.Width "2800" }} {{- if ge $src.Width "2800" }}
{{ with $j2800.RelPermalink }}, {{.}} 2800w{{ end }} {{ with $j2800.RelPermalink }}, {{.}} 2800w{{ end }}
{{- end }}' {{- end }}'
{{- end }}
src="{{ $j700.RelPermalink }}" src="{{ $j700.RelPermalink }}"
{{ if or (.Get "alt") (.Get "caption") }}alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" }}{{ end }}"{{ end }} {{ if or (.Get "alt") (.Get "caption") }}alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" }}{{ end }}"{{ end }}
/> />