{{- $context := .context }} {{- $url := .url }} {{- $title := .title }} {{- $alt := .alt }} {{- $classes := slice }} {{- $lightbox := true }} {{- $height := "auto" }} {{- $width := "auto" }} {{- $dest_url := urls.Parse $url }} {{- $dest_path := $dest_url.Path }} {{- $image := $context.Resources.GetMatch $dest_path }} {{- if not $image }} {{- $image = .Resources.GetMatch $dest_path }} {{- end }} {{- if not $image }} {{- $image = .Resources.GetRemote $url }} {{- end }} {{- if $image }} {{- $url = $image.RelPermalink }} {{- if $dest_url.RawQuery }} {{- $url = printf "%s?%s" $url $dest_url.RawQuery }} {{- end }} {{- end }} {{- if $dest_url.RawQuery }} {{- if $dest_url.Query.Get "classes" }} {{- $classes = $classes | append (split ($dest_url.Query.Get "classes") ",") }} {{- end }} {{- if $dest_url.Query.Has "featherlight" }} {{- warnf "%q: DEPRECATED usage of 'featherlight' image CSS class found, use 'lightbox' instead; see http://localhost:1313/basics/migration/#5110-2023-02-07" $context.File.Path }} {{- end }} {{- $lightbox = and (ne ($dest_url.Query.Get "lightbox") "false") (ne ($dest_url.Query.Get "featherlight") "false") }} {{- with $dest_url.Query.Get "height" }} {{ $height = . }} {{- end }} {{- with $dest_url.Query.Get "width" }} {{ $width = . }} {{- end }} {{- end }} {{- $id := cond (or (eq .id nil) (eq .id "")) (partial "make-random-md5.hugo" $context) .id }} {{- if $lightbox }} <a href="#image-{{ $id }}" class="lightbox-link"> {{- end }} <img src="{{ $url | safeURL }}" alt="{{ $alt }}"{{ with $title }} title="{{ . }}"{{ end }}{{ if len ($classes) }} class="{{ delimit $classes " " }}"{{ end }} style="height: {{ $height }}; width: {{ $width }};" loading="lazy"> {{- if $lightbox }} </a> <a href="javascript:history.back();" class="lightbox" id="image-{{ $id }}"> <img src="{{ $url | safeURL }}" alt="{{ $alt }}"{{ with $title }} title="{{ . }}"{{ end }} class="lightbox-image" loading="lazy"> </a> {{- end }}