{{ 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 href={{ .Params.projects}}>Projects</a>
            <span> | </span>
            <a href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>
        </div>

    </section>

    <main>
        {{ .Content }}
    </main>

	<section>
    <h2>Latest Posts:</h2>
    {{ with .Data.Pages }}
        <section class="article-list">
        {{ range . }}
        {{ partial "article.html" . }}
        {{ end }}
        </section>
    {{ end }}
	</section>

{{ end }}