{{ define "main" }}
    <article>
        <header class="flex flex-col items-center gap-2">
            <div class="relative border-3 border-solid border-white shadow-lg w-[10rem] md:w-[15rem]"
                style="view-transition-name: book-{{ .File.UniqueID }}">
                <img
                    class="lazy block w-full h-auto" loading="lazy"
                    data-pagefind-meta="image[src]"
                    src="{{ .Params.cover }}"
                />
                {{ partial "components/logo"
                (dict
                    "link" "library"
                    "class" "round-sticker absolute w-8 h-8 md:w-20 md:h-20 top-8 -right-8 md:-right-12"
                    "imageClass" "w-full") }}
            </div>
            <h1 class="xerox" data-pagefind-meta="title">{{ .Title }}</h1>
            {{- $rating := .Params.rating -}}
            {{- $fullStars := math.Floor $rating -}}
            <p class="m-0">
                {{ .Params.author }}
            </p>
            <p class="m-0">
                {{- range seq $fullStars }}
                <span class="star">⭐</span>
                {{- end -}}
            </p>
        </header>
        <div class="markdown-body">
            <div class="leading-loose">
                {{ .Content }}
            </div>
            <!-- Endnotes -->
            {{ partial "posts/endnotes" . }}
            <div class="text-size-base text-secondary">
                <p>于 {{ partial "components/date" . }} 读完</p>
            </div>
        </div>
        {{ partial "posts/comment.html" . }}
    </article>
{{ end }}