{{ define "main" }}
    <article class="posts termlist-page">
        {{ partial "components/post-page-header.html" . }}
        {{ partial "components/breadcrumbs.html" . }}

        <div class="term-list">
            <ul class="term-list-posts">
                {{ range where .Pages "Section" "ne" "cards" }}
                <li>
                    <a href="{{ .RelPermalink }}" data-umami-event="Click Post Link from Category Page">
                        {{ .Title }}{{ with .Params.subtitle }}：<span class="posts-subtitle">{{. }}</span>
                        {{ end }}
                    </a>
                    <time>
                        {{ .Date.Format "2006-1-2" }}
                    </time>
                </li>
                {{ end }}
            </ul>
            <div class="term-list-cards cards-section outbox small">
                {{ range where .Pages "Section" "eq" "cards" }}
                <div class="card">
                    <h3>
                        <a href="{{ .RelPermalink }}" data-umami-event="Click Card Link from Category Page">
                            {{ .Title }}
                        </a>
                    </h3>
                    <p>{{ .Summary }}</p>
                </div>
                {{ end }}
            </div>
        </div>
    </article>
    {{ partial "footer.html" . }}
{{ end }}