{{ define "main" }}
<section>
    <header>
        <h1>{{ .Title }}</h1>
        {{ if .Description }}
        <p>{{ .Description }}</p>
        {{ end }}
    </header>

    <div class="list">
        {{ range .Pages }}
        <article>
            <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
            {{ if .Params.thumbnail }}
            {{ $image := .Resources.GetMatch .Params.thumbnail }}
            {{ if $image }}
            <img src="{{ ($image.Resize "400x").RelPermalink }}" alt="{{ .Title }}">
            {{ end }}
            {{ end }}
            {{ if .Description }}
            <p>{{ .Description }}</p>
            {{ end }}
            <a href="{{ .RelPermalink }}">Read more</a>
        </article>
        {{ end }}
    </div>
</section>
{{ end }}