{{- define "main" -}}
{{- $config := site.Data.configuration -}}
<header>
    <div id="logo">
        <img src="{{$config.info.logo.image}}" />
    </div>
    <div id="menu">
        {{ range $config.menu.groups -}}
        <ul>
            {{ range where $config.menu.entries "group" . -}}
            <li>
                <a href="{{ .link }}">
                    {{- with .icon }}
                    <span class="button-icon" style="background-image: url('{{ .image | safeCSS }}'); width: {{ .width }}px; height: {{ .height }}px;"></span>
                    {{- end -}}
                    {{ .text }}
                </a>
            </li>
            {{- end }}
        </ul>
        {{- end }}
    </div>
</header>
{{- range $config.sections -}}
{{- partial "sections/base.html" (dict "id" .id "type" .type) }}
{{- end -}}
<footer>
    {{- with $config.footer.background.image }}
    {{- $backgroundScale := $config.background.scale | default 1 -}}
    <img class="section-background-image" src="{{ . }}" style="transform: scaleY({{ $backgroundScale }})" />
    {{- end }}
    {{- with $config.footer.background.colorFrom -}}
    <div class="section-background-color"
        style="background-image: linear-gradient(to bottom, {{ $config.background.colorFrom | safeCSS }}, {{ $config.background.colorTo | safeCSS }})">
    </div>
    {{- end -}}
    <div id="footer-logo">
        <img src="{{ $config.footer.logo }}" />
    </div>
    <div id="footer-logos">
        {{- range $config.footer.logos -}}
        <a href="{{ .url }}" style='{{ cond .width ((printf "width:%dpx" .width) | safeCSS) "" }}'><img src="{{ .image }}" /></a>
        {{- end -}}
    </div>
    <div id="footer-credits">
        © All Rights Reserved {{ $config.info.company.name }} {{ $config.info.company.copyrightYear }} | Privacy Policy | Terms and Conditions | Site developed by {{ $config.info.developedBy.name }} | Site designed by {{ $config.info.designedBy.name }}
    </div>
</footer>
{{- end }}