PixivFE/template/tag.jet.html

<div class="container">
  <div class="tag-header">
    {{ if Tag.Metadata.id }}
    <a href="/artworks/{{ Tag.Metadata.id }}">
      <img class="tag-thumbnail" src="{{ proxyImage(Tag.Metadata.image) }}" alt="{{ Tag.Name }}" />
    </a>
    {{ end }}

    <div class="tag-details">
      <b class="main-tag">#{{ Tag.Name }}</b>
      <span class="translated-tag">{{ Tag.Metadata.tag }}</span>
      <br />
      <br />
      <span><b>{{ Data.Artworks.Total }}</b> works</span>

      <p class="tag-description">{{ Tag.Metadata.abstract }}</p>
    </div>
  </div>

  <div class="thumbnail-container">
    {{ range Data.RelatedTags }}
    <a class="tag-container" href="/tags/{{ . }}">#{{ . }}</a>
    {{ end }}
  </div>

  <div class="switcher">
    <span class="switch-title">Type</span>
    <a href="/tags/{{ Tag.Name }}?category=artworks&order={{ Queries.Order }}&mode={{ Queries.Mode }}&page=1"
      class="switch-button">All</a>
    <a href="/tags/{{ Tag.Name }}?category=illustrations&order={{ Queries.Order }}&mode={{ Queries.Mode }}&page=1"
      class="switch-button">Illustrations</a>
    <a href="/tags/{{ Tag.Name }}?category=manga&order={{ Queries.Order }}&mode={{ Queries.Mode }}&page=1"
      class="switch-button">Manga</a>
  </div>
  <div class="switcher">
    <span class="switch-title">Order</span>
    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order=date_d&mode={{ Queries.Mode }}&page=1"
      class="switch-button">Newest</a>
    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order=date&mode={{ Queries.Mode }}&page=1"
      class="switch-button">Oldest</a>
  </div>
  <div class="switcher">
    <span class="switch-title">Filter</span>
    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order={{ Queries.Order }}&mode=all&page=1"
      class="switch-button">All</a>
    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order={{ Queries.Order }}&mode=safe&page=1"
      class="switch-button">Safe</a>
    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order={{ Queries.Order }}&mode=r18&page=1"
      class="switch-button">R18</a>
  </div>
  {{ if Data.Popular.Recent }}
  <h2>Popular artworks</h2>
  <div class="thumbnail-container">
    {{ include "small-tn-normal" Data.Popular.Recent }} {{ include
    "small-tn-normal" Data.Popular.Permanent }}
  </div>
  {{ end }}
  <!-- Switchers here -->
  <br />
  <h2>Works</h2>
  <div>{{ include "small-tn" Data.Artworks.Artworks }}</div>

  <div class="pagination">
    {{ if toInt (Queries.Page) == 1 }}
    <a href="#" class="pagination-button disabled">First</a>
    <a href="#" class="pagination-button disabled">Previous</a>
    {{ else }}
    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order={{ Queries.Order }}&mode={{ Queries.Mode }}&page=1"
      class="pagination-button">First</a>
    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order={{ Queries.Order }}&mode={{ Queries.Mode }}&page={{ dec(toInt(Queries.Page)) }}"
      class="pagination-button">Previous</a>
    {{ end }}

    <a href="#" class="pagination-button disabled">{{ Queries.Page }}</a>

    <a href="/tags/{{ Tag.Name }}?category={{ Queries.Category }}&order={{ Queries.Order }}&mode={{ Queries.Mode }}&page={{ inc(toInt(Queries.Page)) }}"
      class="pagination-button">Next</a>
  </div>
</div>