From 83facd78ec9c18127e0542aac2ba300dfd3c1383 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Motiejus=20Jak=C5=A1tys?= <motiejus@jakstys.lt>
Date: Sat, 11 Jun 2022 16:13:05 +0300
Subject: [PATCH] update image resolution

---
 layouts/shortcodes/img.html | 61 +++++++++++++++++++++----------------
 1 file changed, 35 insertions(+), 26 deletions(-)

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