bunteshaus.de/themes/buha/layouts/partials/snippets/banner.html

36 lines
1.5 KiB
HTML

{{ $title := .Title }}
{{ $title = singularize $title }}
{{ $title = i18n $title }}
{{ if not $title }}
{{ $title = .Title }}
{{ end }}
{{ $what := "none" }}
{{ $img := "none" }}
{{ if eq .Kind "home" }}
{{ $what = "home" }}
{{ else }}
{{ with .File }}
{{ $what = .File.ContentBaseName }}
{{ end }}
{{ end }}
{{ $banner := printf "/images/banner/%s*" $what }}
{{ if resources.GetMatch $banner }}
{{ $img = resources.GetMatch $banner }}
{{ end }}
{{ if resources.GetMatch $banner }}
<div style="background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url({{- $img.Permalink -}}); min-height: 33vh; display: flex; justify-content: center; align-items: center; background-position: bottom center;
background-repeat: no-repeat;
background-size:cover;
background-attachment:fixed; padding-top: 5rem;"><h1 style="font-size: 350%; color: white;">{{ $title }}</h1></div>
{{ else if .Resources.Match "banner*" }}
{{ $img = (.Resources.GetMatch "banner*") }}
<div style="background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url({{- $img.Permalink -}}); min-height: 33vh; display: flex; justify-content: center; align-items: center; background-position: bottom center;
background-repeat: no-repeat;
background-size:cover;
background-attachment:fixed; padding-top: 5rem;"><h1 style="font-size: 350%; color: white;">{{ $title }}</h1></div>
{{ else }}
<h1 style="margin-left: 2rem; margin-bottom: 0; color: white; padding-top: 5rem;">{{ $title }}</h1>
{{ end }}