{{ define "main" }}
    <section class="left-to-right">

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

        <div>
            <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>
        </div>

    </section>

    <section>

        {{ .Content }}

        <h2>Posts:</h2>

    </section>

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

{{ end }}