forked from Bunteshaus/bunteshaus.de
39 lines
2.3 KiB
HTML
39 lines
2.3 KiB
HTML
{{ $title := .Title }}
|
|
{{ $title = singularize $title }}
|
|
{{ $title = i18n $title }}
|
|
{{ if not $title }}
|
|
{{ $title = .Title }}
|
|
{{ end }}
|
|
{{ $px := string "400" }}
|
|
{{ $fill := string (printf "1280x%s smart" $px) }}
|
|
{{ $all := "" }}
|
|
{{ $style := safeCSS "text-shadow: 0px 3px 0px #b2a98f, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1)" }}
|
|
{{ $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).Fill $fill }}
|
|
{{ end }}
|
|
{{ $height := safeCSS (printf "min-height: calc(%spx - 5rem); max-height: calc(%spx - 5rem);" $px $px) }}
|
|
{{ if and (resources.GetMatch $banner) (ne .Params.banner false) }}
|
|
{{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
|
|
<div style="background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url({{- $img.Permalink -}}); {{ $height }}" class="banner banner-shadow"><h1 class="funny-text-shadow">{{ $title }}</h1></div>
|
|
{{ else if and (.Resources.Match "banner*") (ne .Params.banner false) }}
|
|
{{ $img = (.Resources.GetMatch "banner*").Fill $fill }}
|
|
{{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
|
|
<div style="background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url({{- $img.Permalink -}}); {{ $height }}" class="banner banner-shadow"><h1 class="funny-text-shadow">{{ $title }}</h1></div>
|
|
{{ else if and (.Resources.ByType "image") (ne .Params.banner false) $all }}
|
|
{{ $img = (index (.Resources.ByType "image") 0).Fill $fill }}
|
|
{{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
|
|
<div style="background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url({{- $img.Permalink -}}); {{ $height }}" class="banner banner-shadow"><h1 class="funny-text-shadow">{{ $title }}</h1></div>
|
|
{{ else }}
|
|
<div style="background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)); {{ $height }}" class="banner"><h1 class="funny-text-shadow">{{ $title }}</h1></div>
|
|
{{ end }}
|