<!DOCTYPE html>
<html>
<head>
    {{partial "head" .}}
</head>
<body>
    {{partial "header" .}}
    <main>
        <section id="main-content">
            <article>
                {{.Content}}
            </article>
            {{ if .Site.Data.details.social_links}}
            <hr>
            <div>
                <h2>Stay up to date</h2>
                <div id="social-links">
                    {{range .Site.Data.details.social_links}}
                    <div class="social-link">
                        <a href="{{.href}}">
                            <img src="{{.img}}">
                        </a>
                        <a href="{{.href}}"><strong>{{.title}}</strong></a>
                    </div>
                    {{end}}
                </div>

            </div>
            {{end}}
        </section>
        <section id="sidebar">
            {{partial "sidebar" .}}
        </section>
    </main>
    {{ partial "footer" .}}
</body>

</html>