✨ Add image resizing and srcset generation

layouts/shortcodes/figure.html

@@ -1,27 +1,23 @@
-{{ if .Get "src" }}
-  {{ $image := .Page.Resources.GetMatch (printf "*%s*" (.Get "src")) }}
-  <figure{{ with .Get "class" }} class="{{ . }}"{{ end -}}>
-  {{- if .Get "link" -}}
-    <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
-  {{- end -}}
-  <img src="{{ $image.RelPermalink }}"
-    {{- if or (.Get "alt") (.Get "caption") }}
-    alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify | plainify }}{{ end }}"
-    {{- end -}}
-    {{- with .Get "width" }} width="{{ . }}"{{ end -}}
-    {{- with .Get "height" }} height="{{ . }}"{{ end -}}
-  />
-  {{- if .Get "link" }}</a>{{ end -}}
-  {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
-    <figcaption>
-      {{ with (.Get "title") -}}<h4>{{ . }}</h4>{{- end -}}
-      {{- if or (.Get "caption") (.Get "attr") -}}<p>
-        {{- .Get "caption" | markdownify -}}
-        {{- with .Get "attrlink" }}<a href="{{ . }}">{{- end -}}
-          {{- .Get "attr" | markdownify -}}
-        {{- if .Get "attrlink" }}</a>{{ end }}</p>
-      {{- end }}
-    </figcaption>
-  {{- end }}
+{{ $altText := .Get "alt" }}
+{{ $caption := .Get "caption" }}
+{{ $href := .Get "href" }}
+{{ $class := .Get "class" }}
+{{ with $.Page.Resources.GetMatch (.Get "src") }}
+  <figure {{ with $class }}class="{{ . }}"{{ end }}>
+    {{ with $href }}<a href="{{ . }}">{{ end }}
+      <img
+        class="my-0"
+        srcset="
+        {{ (.Resize "320x").RelPermalink }} 320w,
+        {{ (.Resize "635x").RelPermalink }} 635w,
+        {{ (.Resize "1024x").RelPermalink }} 1024w,
+        {{ (.Resize "1270x").RelPermalink }} 2x"
+        src="{{ (.Resize "635x").RelPermalink }}"
+        alt="{{ $altText }}"
+      />
+    {{ if $href }}</a>{{ end }}
+    {{ with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
   </figure>
+{{ else }}
+  {{ errorf `[CONGO] Shortcode "figure" error in "%s": Resource "%s" not found. Check the path is correct or remove the shortcode.` .Page.Path (.Get "src") }}
 {{ end }}