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

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

    <hr>

    <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/stats">Statistics</a>
        <a class="art-button" href="/commission">Commission Info</a>
    </div>

    <a class="art-button" href="/art/original">Original</a><br>
    <a class="art-button" href="/art/tags/fan-art/">Fanart</a><br>
    <a class="art-button" href="/art/nsfw">NSFW</a><br>
    <a class="art-button" href="/art/guest">Guest</a><br>
    <a class="art-button" href="/art/wallpapers">Wallpapers</a><br>
    <a class="art-button" href="/art/characters">Characters</a>

    {{ partial "art-years" . }}

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