{{ define "main" }}
<div class="container">
    <header class="page-header">
        <h1 class="page-title">{{ .Title }}</h1>
        {{ if .Params.description }}
        <p class="page-description">{{ .Params.description }}</p>
        {{ end }}
    </header>

    <div class="content">
        {{ .Content }}
    </div>

    <div class="card-grid">
        {{ range .Pages }}
        <article class="card">
            <div class="card-content">
                <h3 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
                <p class="card-excerpt">{{ .Summary }}</p>
                <div class="card-meta">
                    <span class="card-date">{{ .Date.Format "Jan 2, 2006" }}</span>
                    <span class="card-category">{{ .Params.category | default "Security" }}</span>
                </div>
            </div>
        </article>
        {{ end }}
    </div>
</div>
{{ end }}