layouts/partials/pages/hero.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

{{ "<!-- HERO.HTML -->" | safeHTML }}
{{ if .Params.image }}
    {{ $image := .Resources.GetMatch .Params.image }}
    {{ if $image }}
        <div class="header-image"
                style="background-image: url('{{ $image.RelPermalink | relURL }}');"
            >
            {{ with .Params.image_copyright }}
                <p class="copyright">{{ . | markdownify }}</p>
            {{ end }}
        </div>
    {{ end }}
{{ else }}
    {{/* Horrible hack to avoid gap when no header image & no small image in sidebar */}}
    <style type="text/css">
        :root {
            --HERO-IMAGE-MARGIN-BOTTOM: 0px;
            --HERO-IMAGE-MARGIN-BOTTOM-SMALL: 0px;
        }
    </style>
{{ end }}