{{ define "body" }}
    <body {{ if .Site.Params.backgroundImage -}}
        class="background-image"
        style="background-image: url('{{ .Site.Params.backgroundImage }}');"
    {{- end }}>
{{ end }}

{{ define "main" }}
    <main aria-role="main" style="width: 100%;">
        <div>
            {{ if .Site.Params.Portrait.Path }}
               <img src="{{ .Site.Params.Portrait.Path }}" class="circle" alt="{{ .Site.Params.Portrait.Alt }}" style="max-width:{{ .Site.Params.Portrait.MaxWidth }}" />
            {{ end }}

            <div class="hero">
                <div class="">
                    <h1>Team Ortix</h1>
                    <h2 class="center">Blog</h2>

                    {{- with .Site.Params.social }}
                        <div>
                            {{ partial "social-icons.html" . }}
                        </div>
                    {{- end }}
                </div>

                <img src="/bg-header.svg" alt="">
            </div>
        </div>
    </main>
{{ end }}
