bunteshaus.de/themes/buha/layouts/partials/snippets/banner.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 }}