hugo-theme-termlite/layouts/partials/page/figures/fullwidth-image.html

{{- $image := .resource -}}

{{- $isSVG := strings.Contains $image.MediaType.SubType "svg" -}}
{{- $linksToFullSizeImage := and .linksToFullSizeImage (not $isSVG) -}}

{{- $resizedImages := dict "full" $image -}}
{{- if not $isSVG -}}
  {{-
    $resizedImages := dict
      "full"    ($image.Fit "2560x2560")
      "half"    ($image.Fit "1280x1280")
      "quarter" ($image.Fit "640x640")
  -}}
{{ end }}

{{- $classes := slice "figure" "figure--image" -}}
{{- if eq .size "main" -}}
  {{ $classes = $classes | append "figure--main-column" }}
{{- end -}}
{{- with .class -}}
  {{ $classes = $classes | append . }}
{{- end -}}

<figure class="{{ delimit $classes "  " }}">
  {{ if $linksToFullSizeImage -}}
    <a href="{{ $image.RelPermalink }}">
  {{- end -}}
    <img
      src="{{ (index $resizedImages "full").RelPermalink }}"
      {{ if gt (len $resizedImages) 1 -}}
        srcset="
          {{ (index $resizedImages "full").RelPermalink }} 2560w,
          {{ (index $resizedImages "half").RelPermalink }} 1280w,
          {{ (index $resizedImages "quarter").RelPermalink }} 640w,
        "
      {{ end }}
      {{ with $image.Params.alt | default $image.Title }} alt="{{ . }}"{{ end }}
      {{ with $image.Title }} title="{{ . }}"{{ end }}>
  {{ if .linksToFullSizeImage -}}
    </a>
  {{- end -}}
  {{ if .shouldShowTitle }}
    {{ partial "page/figures/caption.html" . }}
  {{ end }}
</figure>