{{ $ctx := .ctx }}
{{ $showSummary := .showSummary }}
<div class="posts-item w-full my-2"
    style="view-transition-name: post-{{ .ctx.File.UniqueID }}">
    <header class="w-full md:flex md:justify-between">
        <div>
            <p class="font-mono font-secondary">
                <time>{{ .ctx.Date.Format "January 2" }},</time>
                <span>in <a href="/{{ .Section }}/">{{ .ctx.Section }}</a></span>
            </p>
            <h2 class="xerox"
                {{ if $showSummary }} style="margin-bottom: 0"{{ end }}>
                <a
                    href="{{ .ctx.Permalink }}"
                    data-umami-event="🏠 Click post link from index"
                >
                    {{ if eq .ctx.Section "library" }}
                        读《{{ .ctx.Title }}》
                    {{ else }}
                        {{ .ctx.Title }}
                    {{ end }}
                </a>
                {{ if eq .ctx.Section "fictions" }}
                <span class="font-normal text-4 text-[var(--secondary-text-color)]">小说</span>
                {{ end }}
            </h2>
        </div>
        {{ with .ctx.Params.categories }}
        <div class="my-2">
            <a href="/categories/{{ . }}" style="padding: 0.1rem 0.3rem;">
                {{ . }}
            </a>
        </div>
        {{ end }}
    </header>
    {{ if or $showSummary .ctx.Params.description }}
    <div class="markdown-body text-size-lg!"
        style="view-transition-name: post-content-{{ .File.UniqueID }}">
        {{ if $showSummary }}
            {{ .ctx.Summary }}
        {{ else if .ctx.Params.description }}
            {{ .ctx.Params.description }}
        {{ end }}
    </div>
    {{ end }}
</div>