PixivFE/template/user.html

{{ template "header.html" .Title}} {{ if isEmpty .User.BackgroundImage }}
<div class="user-background-placeholder"></div>
{{ else }}
<div class="user-background">
  <img src="{{ proxyImage .User.BackgroundImage }}" alt="{{ .User.Name }}" />
</div>
{{ end }}
<div class="container">
  <div class="user-page">
    <div class="user-details">
      <img
        src="{{ proxyImage .User.Avatar }}"
        alt="avatar"
        class="user-avatar"
      />
      <h2 class="user-name">{{ .User.Name }}</h2>
      <p class="user-id">
        {{ .User.Following }} Following | {{ .User.MyPixiv }} MyPixiv
      </p>
      <p class="user-comment">{{ .User.Comment }}</p>
    </div>
  </div>
  <div>
    <h1>Illustrations and Mangas</h1>
    {{ template "small-tn.html" .User.Artworks }}
  </div>
  <div class="pagination">
    {{ if eq .Page 1 }}
    <a href="#" class="pagination-button disabled">First</a>
    <a href="#" class="pagination-button disabled">Previous</a>
    {{ else }}
    <a href="/users/{{ .User.ID }}?page=1" class="pagination-button">First</a>
    <a
      href="/users/{{ .User.ID }}?page={{ dec .Page }}"
      class="pagination-button"
      >Previous</a
    >
    {{ end }}

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

    {{ if eq .Page (dec .PageLimit) }}
    <a href="#" class="pagination-button disabled">Next</a>
    <a href="#" class="pagination-button disabled">Last</a>
    {{ else }}
    <a
      href="/users/{{ .User.ID }}?page={{ inc .Page }}"
      class="pagination-button"
      >Next</a
    >
    <a
      href="/users/{{ .User.ID }}?page={{ dec .PageLimit }}"
      class="pagination-button"
      >Last</a
    >
    {{ end }}
  </div>
</div>
{{ template "footer.html" }}