<main id="profile">
    <div>
        <a href="/">
       <img id='profilephoto' src="{{.Site.Data.details.profilephoto}}">
        </a>
        <div>
            <h1><a href="/">{{.Site.Data.details.name}}</a></h1>
            <p>{{.Site.Data.details.bio}}</p>
        {{if .Site.Data.details.contact}}
        {{range .Site.Data.details.contact}}
            <a href="{{.value}}">{{.name}}</a>
        {{end}}
{{end}}
        </div>
    </div>
    {{ if .Site.Data.details.links }}
    <div>
        <h3>Links:</h3>
    </div>
    <div>
        {{range .Site.Data.details.links}}
        <a href="{{.linkurl}}">{{.linkname}}</a><br>
        {{end}}
    </div>
    {{end}}
    {{partial "nav" .}}
    {{ if .Content}}
    <article>
        {{.Content}}
    </article>
    <hr>

    <div>
        <p><a href="">Valor</a> made by <a href="https://gabe.rocks">Gabriel</a></p>
    </div>
{{end}}
</main>