{{ define "main" }}
    <section>

        {{ with .Resources.GetMatch "avatar" }}
            <img class="shadow featured" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
        {{ end }}

        <h1>{{ .Params.name }}</h1>
        <p>{{ .Params.bio }}</p>

        <a class="small-text" href={{ .Params.projects}}>Projects</a>
        <span> | </span>
        <a class="small-text" href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>

    </section>

    <section>

        {{ .Content }}

        <h2>Posts:</h2>

    </section>

    <section class="article-list">
        {{ range .Data.Pages }}
            {{ partial "article-card.html" . }}
        {{ end }}
    </section>

{{ end }}