
      <div class="novel-card">
        <div class="novel-detail">
            <div class="novel-cover">
                <a href="/novel/{{ .ID }}">
                    <img src="{{ .CoverURL }}" alt="{{ .Title }}" />
                </a>
            </div>
            <div class="novel-metadata">
                <a href="/novel/{{ .ID }}">
                    <div class="novel-title">
                        {{ .Title }}
                    </div>
                </a>
            <small><span>{{ .WordCount }} word(s)</span>&nbsp;<span>{{ floor: .ReadingTime / 60 }} min</span></small>
            <a href="/users/{{ .UserID }}">
                <div class="novel-author">
                        <img src="{{ .UserAvatar }}" alt="{{ .UserName }}" />
                        <span>{{ .UserName }}</span>
                </div>
            </a>
            <p class="novel-description">{{ raw: .Description }}</p>

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

            <div class="illust-tags">
                <span class="illust-tag-attr">
                <img src="/assets/heart-solid.png" alt="Bookmarks" />
                {{ .Bookmarks }}
                </span>
                <span class="illust-tag-attr">
                <img src="/assets/calendar.png" alt="Date" />
                {{ parseTime: .CreateDate }}
                </span>
            </div>
        </div>
        </div>
    </div>
