{{ define "main" }}
<div class="home">
    <section class="hero">
        <h1 class="hero-title">{{ .Site.Title }}</h1>
        <p class="hero-subtitle">{{ .Site.Params.description }}</p>
    </section>

    {{ $sections := slice "journey" "sketch" "gallery" "essay" }}
    {{ range $sections }}
    {{ $pages := where $.Site.RegularPages "Section" . }}
    {{ if $pages }}
    <section class="section">
        <h2 class="section-title">
            <a href="/{{ . }}/">{{ . | title }} · {{ len $pages }}</a>
        </h2>
        <div class="card-grid">
            {{ range first 3 $pages }}
            <article class="card">
                <div class="card-meta">
                    <time>{{ .Date.Format "2006-01-02" }}</time>
                    {{ with .Params.tags }}<span class="tags">{{ range . }}<span class="tag">{{ . }}</span>{{ end }}</span>{{ end }}
                </div>
                <h3 class="card-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
                <p class="card-summary">{{ .Summary | truncate 120 }}</p>
            </article>
            {{ end }}
        </div>
    </section>
    {{ end }}
    {{ end }}
</div>
{{ end }}