pixivfe/views/pages/novel.jet.html

<div class="container novel" id="checkpoint">
  <div class="novel-detail">
    <div class="novel-cover">
      <a href="{{ Novel.CoverURL }}">
        <img src="{{ Novel.CoverURL }}" alt="{{ Novel.Title }}" />
      </a>
    </div>
    <div class="novel-metadata">
      <div class="novel-title">{{ Novel.Title }}</div>
      <small><span>{{ Novel.WordCount }} word(s)</span>&nbsp;<span>{{ floor: Novel.ReadingTime / 60 }} min</span></small>
      <p class="novel-description">{{ raw: Novel.Description }}</p>

      <div class="illust-tags">
        {{ if Novel.AiType == 2 }}
        <span class="illust-tag">
          <span class="illust-tag-name" id="highlight">AI-generated</span>
        </span>
        {{ end }}
        {{ if Novel.IsOriginal }}
        <span class="illust-tag">
          <span class="illust-tag-name">Original</span>
        </span>
        {{ end }}
        {{ if Novel.Genre != "0" }}
        <span class="illust-tag">
          <span class="illust-tag-name">{{ novelGenre: Novel.Genre }}</span>
        </span>
        {{ end }}
        {{ range Novel.Tags.Tags }} {{ if isEmphasize(.Name) }}
        <span class="illust-tag">
          <span class="illust-tag-name" id="highlight">{{ .Name }}</span>
        </span>
        {{ else }}
        <span class="illust-tag">
          <span class="illust-tag-translation"
            ><a href="/tags/{{ escapeString(.Name) }}">#{{ .Name }}</a></span
          >
        </span>
        {{ end }} {{ end }}
      </div>

      <div class="illust-tags">
        <span class="illust-tag-attr">
          <img src="/assets/eye.png" alt="Views" />
          {{ Novel.Views }}
        </span>
        <span class="illust-tag-attr">
          <img src="/assets/heart-solid.png" alt="Bookmarks" />
          {{ Novel.Bookmarks }}
        </span>
        <span class="illust-tag-attr">
          <img src="/assets/like.png" alt="Likes" />
          {{ Novel.Likes }}
        </span>
        <span class="illust-tag-attr">
          <img src="/assets/calendar.png" alt="Date" />
          {{ parseTime: Novel.CreateDate }}
        </span>
      </div>
    </div>
  </div>
  <div class="novel-content">
  {{ raw: renderNovel(Novel.Content) }}
  </div>
  <div class="illust-attr">
    <a href="/users/{{ User.ID }}"
      ><img
        src="{{ User.Avatar }}"
        alt="{{ User.Name }}"
        class="illust-avatar"
      />
    </a>
    <div class="attr-wrap">
      <div class="illust-title">
        <a href="/users/{{ User.ID }}">{{ User.Name }}</a>
      </div>
    </div>
  </div>
  <div class="novel-container">
    {{ range NovelRelated }}
      {{ include "components/novel-tn" . }}
    {{ end }}
  </div>
</div>