{{ define "main" }}
    <article id="book-page">
        {{ partial "header.html" . }}
        <div class="markdown-body book-body">
            <div class="book-cover"
                style="view-transition-name: book-{{ .File.UniqueID }}">
                <img src="{{ .Params.cover }}" />
            </div>
            <h3 class="book-title">{{ .Title }}</h3>

            {{- $rating := .Params.rating -}}
            {{- $fullStars := math.Floor $rating -}}
            <div class="book-meta">
                {{- range seq $fullStars }}
                <span class="star">⭐</span>
                {{- end -}}
                <span> / </span>
                <span class="author">{{ .Params.author }}</span>
            </div>

            <div class="book-content">
                {{ .Content }}
            </div>
            <div class="book-footer">
                <p>于 {{ .Date.Format "2006-01-02" }} 读完</p>
            </div>
        </div>
        {{ partial "components/comment.html" . }}
    </article>
{{ end }}