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

29 lines
1.3 KiB
HTML
Raw Normal View History

2022-05-06 11:49:30 +02:00
{{ $title := .Title }}
{{ $title = singularize $title }}
{{ $title = i18n $title }}
{{ if not $title }}
{{ $title = .Title }}
{{ end }}
2022-05-06 13:29:00 +02:00
{{ $what := "none" }}
{{ $img := "none" }}
{{ if eq .Kind "home" }}
{{ $what = "home" }}
{{ else if .File.ContentBaseName }}
{{ $what = .File.ContentBaseName }}
{{ end }}
{{ $banner := printf "/images/banner/%s*" $what }}
{{ if resources.GetMatch $banner }}
{{ $img = resources.GetMatch $banner }}
{{ end }}
2022-05-06 11:49:30 +02:00
2022-05-06 13:29:00 +02:00
{{ 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 -}}); background-size: cover; min-height: 33vh; display: flex; justify-content: center; align-items: center;"><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 -}}); background-size: cover; min-height: 33vh; display: flex; justify-content: center; align-items: center;"><h1 style="font-size: 350%; color: white;">{{ $title }}</h1></div>
{{ else }}
<h1 style="margin-top: 1rem; margin-left: 2rem; margin-bottom: 0; color: white;">{{ $title }}</h1>
{{ $banner }}
2022-05-06 11:49:30 +02:00
{{ end }}