{{ define "main" }}
    <main>
        <section class="article-header">
        {{if not .IsHome }}

            <h1>{{ .Params.name }}</h1>
            <p class="center-text">{{ .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>

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

        {{ end }}

        </section>
    </main>

    <section>

        {{ .Content }}

        <h2>Posts:</h2>

    </section>

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

{{ end }}