{{ define "main" }}
  <h1>{{ lower .Title }}</h1>
  <p>
    <a href="/notes/irc-art">click here</a> for some resources on how to display/create art for irc
  </p>
    <input
    class="irc-art-search"
    id="irc-art-search"
    type="text"
    placeholder="search.."
    autocomplete="off"
    />
  <p class="disclaimer">
    disclaimer: this is user-generated content, I'm not responsible for nor endorse the contents of this archive
  </p>
  <div id="irc-art-gallery" class="irc-art-gallery">
    {{ range (.Paginate (.RegularPagesRecursive | shuffle) 72).Pages}}
      <div class="irc-art">
      <a href="{{ .RelPermalink }}">
        <img src="/irc-art/png/thumb/{{ .Title }}.png" loading="lazy"/>
        <span class="irc-art-caption">{{ .Title }}</span>
      </a>
    </div>
    {{ end }}
  </div>
  <div id="pagination" class="pagination">
    {{ template "_internal/pagination.html" . }}
  </div>
  <script type="text/javascript">
    var irc_arts = document.getElementById("irc-art-gallery").innerHTML;
  </script>
  <script src="{{ "js/irc-art-index.js" | relURL }}"></script>
  <script src="{{ "js/irc-art.js" | relURL }}"></script>
{{ end }}