redstrate.com/themes/red/layouts/partials/featured-art.html

{{/* Partial used to display a list of featured artwork. */}}

{{ $art_config := index .Site.Data "art-config" }}

<div class="gallery-con">
    <div style="display: flex; flex-wrap: wrap;">
    {{ with .Site.GetPage "/art" }}
        {{ range (where (where .RegularPagesRecursive "Type" "art") "Params.slug" "in" $art_config.featured) }}
            <figure class="gallery-fig">
                {{ $filename_without_ext := .Params.slug }}

                {{ $month := "1" }}
                {{ $year := "1" }}

                {{ if .Date }}
                    {{ $split := split .Date "-" }}
                    {{ $month = index $split 1 }}
                    {{ $year = index $split 0 }}
                {{ end }}

                {{ $use_newformat := false }}
                {{ if ge (int $year) 2023 }}
                        {{ $use_newformat = true }}
                {{ end }}

                {{ $path := printf "/art/%s/%s/%s" $year $month $filename_without_ext}}

                <a href="{{ $path }}" aria-label="Click to view details {{ $year }}" class="no-decoration">
                    {{ $title := .Title }}

                    {{ if $use_newformat }}
                            {{ $full := printf "%s/thumb/%s.avif" $.Site.Params.image_host $filename_without_ext }}
                            {{ $jpeg := printf "%s/thumb/%s.jpg" $.Site.Params.image_host $filename_without_ext }}

                            <picture>
                                <source srcset="{{ $full }}" type="image/avif"/>
                                <img class="gallery-img featured-art" alt="{{ $title }}" src="{{ $jpeg }}">
                            </picture>
                    {{ else }}
                        {{ with resources.Get (printf "art/%s" .filename) }}
                        {{ $image := .Resize "500x" }}
                        <img class="gallery-img featured-art" alt="{{ $title }}" width="{{ $image.Width }}" height="{{ $image.Height }}" src="{{ $image.RelPermalink }}">
                        {{ else }}
                        <p>Thumbnail not found!</p>
                        {{ end }}
                    {{ end }}
                </a>

                <figcaption>
                    {{ with .Title }}
                        <i>"{{ . }}"</i>
                    {{ end }}
                </figcaption>
            </figure>
        {{ end }}
    {{ end }}
    </div>
    <a href="/art">View all art</a>
</div>