{{/* Page layout used for the main art gallery page. */}}

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

    <hr>

    {{ $paginator := .Paginate (where .RegularPagesRecursive "Type" "art") }}

    {{ if eq $paginator.PageNumber 1}}
    <div class="art-outer">
        <div class="art-inner">
            {{ $alertimg := resources.Get "alert.png" }}
            {{ with $.Params.new_banner }}
            <div class="new-banner"><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"><b>{{ . }}</b><img alt="Alert Icon" width="16" height="16" class="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"></div>
            {{ end }}

            {{ .Content }}
        </div>

        {{ with resources.Get "pics/pic-gallery.png" }}
            <img class="gallery-img page-pic" alt="Drawing of an art gallery with several people standing around a piece hanging on the wall." width="{{ .Width }}" height="{{ .Height }}" src="{{ .RelPermalink }}">
        {{ end }}
    </div>

    <div class="art-button-container">
        <a class="art-button" href="/art/characters">Characters</a>
        <a class="art-button" href="/art/tags">Tags</a>
        <a class="art-button" href="/art/stats">Statistics</a>
        <a class="art-button" href="/art/guest">Guest Art</a>
        <a class="art-button" href="/commission">Commission</a>
    </div>
    {{ end }}

    {{ partial "art-gallery" . }}

    {{ partial "art-years" . }}

    {{ partial "gallery-js" . }}
{{ end }}