redstrate.com/themes/red/layouts/_default/gallery.html

{{ define "main" }}
    <h2>{{ .Title }}</h2>

    {{ .Content }}

    {{ $selected_year := $.Param "selectedyear" }}
    {{ $art := (index site.Data ($.Param "json")) }}
    {{ $pixiv_icon := resources.Get "pixiv.webp" }}
    {{ $newgrounds_icon := resources.Get "newgrounds.webp" }}

    <details>
    <summary>Table of Contents</summary>
    <ul>
    {{ range $art.categories }}
        {{ $without_space :=  replaceRE "(\\s)" "" .name }}
        <li><a href="#{{ $without_space }}">{{ .name }}</a></li>
    {{ end }}
    </ul>
    </details>

    {{ range $art.categories }}
        {{ $should_include := false }}

        {{ range sort .years "year" "desc" }}
            {{ if eq (int .year) (int $selected_year) }}
                {{ $should_include = true }}
            {{ end }}
        {{ end }}

        {{ if $should_include }}
            {{ $without_space :=  replaceRE "(\\s)" "" .name }}
            <h3 id="{{ $without_space }}">{{ .name }}</h3>
            {{ range sort .years "year" "desc" }}
                {{ if eq (int .year) (int $selected_year) }}
                    {{ $year := .year }}

                    <div class="gallery-con">
                    {{ range .pieces }}
                        <figure class="gallery-fig">
                            {{ $full := resources.Get (printf "%s/%s" ($.Param "json") .filename) }}
                            {{ if $full }}

                            {{ $filename_without_ext := strings.TrimSuffix (path.Ext .filename) .filename }}

                            {{ $month := 1 }}

                            {{ if .date }}
                                {{ $split := split .date "-" }}
                                {{ $month = index $split 0 }}
                            {{ end }}

                            {{ $path := printf "/art/%d/%.2d/%s" (int $year) (int $month) $filename_without_ext}}

                            <a href="{{ $path }}" aria-label="Click to view details">
                                {{ if $.Params.thumbnails }}
                                    {{ $title := .title }}
                                    {{ with resources.Get (printf "%s-thumbs/%s" ($.Param "json") .filename) }}
                                    <img class="gallery-img" alt="{{ $title }}" width="128" height="128" src="{{ .Permalink }}"/>
                                    {{ else }}
                                    <p>Thumbnail not found!</p>
                                    {{ end }}
                                {{ else }}
                                    <img alt="{{ .title }}" src="{{ $full.Permalink }}"/>
                                {{ end }}
                            </a>

                            <figcaption>

                                {{ with .title }}
                                "{{ . }}"
                                {{ end }}
                                {{ if .newgrounds_url }}
                                    <a href="{{ .newgrounds_url }}" style="vertical-align: bottom"><img alt="Newgrounds Icon" style="vertical-align: bottom" width="19" height="19" src="{{ $newgrounds_icon.Permalink }}"></a>
                                {{ end }}
                                {{ if .pixiv_url }}
                                    <a href="{{ .pixiv_url }}" style="vertical-align: bottom"><img alt="Pixiv Icon" style="vertical-align: bottom" width="19" height="19" src="{{ $pixiv_icon.Permalink }}"></a>
                                {{ end }}
                            </figcaption>

                            {{ else }}

                            <em>CANNOT FIND {{.filename }}</em>

                            {{ end }}
                        </figure>
                        {{ end }}

                    </div>
                {{ end }}
            {{ end }}
        {{ end }}
    {{ end }}
{{ end }}