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

{{ define "debug" }}
    {{ .Section }}<br>
{{ end }}
{{ $title := .Title }}
{{ $title = singularize $title }}
{{ $title = i18n $title }}
{{ if not $title }}
    {{ $title = .Title }}
{{ end }}
{{ $good_w := "1920"}}
{{ $good_h := "850"}}
{{ $what := "none" }}
{{ $img := "" }}
{{ if eq .Kind "home" }}
    {{ $what = "home" }}
{{ else if eq .Kind "term" }}
    {{ $what = printf "term/%s" (anchorize .Title) }}
{{ else if eq .Kind "taxonomy" }}
    {{ $what = .Data.Singular }}
{{ else }}
    {{ with .File }}
        {{ $what = .File.ContentBaseName }}
    {{ end }}
{{ end }}
{{ $title_class := safeCSS "title" }}
{{ $css := safeCSS "b" }}
{{ if .IsHome }}
    {{ $css = safeCSS "b_index" }}
    {{ $title_class = safeCSS "title_index" }}
{{ end }}
{{ $banner := string (printf "/images/banner/%s*" $what) }}
{{ if resources.GetMatch $banner }}
    {{  $img = resources.GetMatch $banner }}
{{ end }}
{{ $single := false }}
{{ if and (in .File "news/") (not (in .File "_index"))}}
    {{ $single = true }}
{{ end }}
{{ $b := true }}
{{ $slug := "" }}
{{ with .File }}
    {{ $slug = anchorize .ContentBaseName }}
{{ end }}
{{ if and $img (ne .Params.banner false) }}
    {{ if .Resources.Match "banner*" }}
        {{ $img = .Resources.GetMatch "banner*" }}
    {{ end }}
    {{ if .Resources.ByType "image" }}
        {{ $img = index (.Resources.ByType "image") 0 }}
    {{ end }}
    {{ if $img }}
        {{ $tiny := ($img.Resize "640x q90") }}
        {{ $small := ($img.Resize "768x q90") }}
        {{ $medium := ($img.Resize "10240x q90") }}
        {{ $large := ($img.Resize "1366x q90") }}
        <style>
            @media (min-width: 40em) {
                .ttestt {
                    background-image: url({{- $tiny.Permalink -}});
                }
            }
            @media (min-width: 48em) {
                .ttestt {
                    background-image: url({{- $small.Permalink -}});
                }
            }
            @media (min-width: 64em) {
                .ttestt {
                    background-image: url({{- $medium.Permalink -}});
                }
            }
            @media (min-width: 85.375em) {
                .ttestt {
                    background-image: url({{- $large.Permalink -}});
                }
            }
            @media (min-width: 120em) {
                .ttestt {
                    background-image: url({{- $img.Permalink -}});
                }
            }
        </style>

								
    <div class="ttestt banner {{ $css }}">
        {{ if eq hugo.Environment "development" }}
            <div class="dev right">
                {{ $w := $img.Width }}
                {{ $h := $img.Height }}
                {{ if lt (int $w) $good_w }}
                    {{ $b = false }}
                    {{ if eq hugo.Environment "development" }}
                        Width: {{ $w }}px: too small, better {{ $good_w -}}px in width<br>
                    {{ end }}
                {{ else if gt (int $w) $good_w }}
                    {{ $b = false }}
                    {{ if eq hugo.Environment "development" }}
                        Width: {{ $w }}px: too big, better {{ $good_w -}}px in width<br>
                    {{ end }}
                {{ end }}
                {{ if lt (int $h) $good_h }}
                    {{ $b = false }}
                    {{ if eq hugo.Environment "development" }}
                        Height: {{ $h }}px: too small, better {{ $good_h -}}px in height<br>
                    {{ end }}
                {{ else if gt (int $h) $good_h }}
                    {{ $b = false }}
                    {{ if eq hugo.Environment "development" }}
                        Height: {{ $h }}px: too big, better {{ $good_h -}}px in height<br>
                    {{ end }}
                {{ end }}
                {{ if eq hugo.Environment "development" }}
                    {{ if eq $b false }}
                        {{ printf "Please correct content/news/%s/%s" $slug $img.Name }}
                    {{ end }}
                {{ end }}
            </div>
        {{ end }}
        {{ if not .IsHome }}<h1 class="{{ $title_class }}">{{ $title }}</h1> {{ end }}
    </div>
    {{ end }}
{{ else }}
    <div class="banner b altbg">
        {{ if eq hugo.Environment "development" }}
                {{ if eq .Params.banner false }}
            <div class="dev right black">
                    Info: Banner is turned off for this.
                {{ else }}
            <div class="dev right">
                    {{ if eq $single true }}
                        {{ with .File }}
                            {{ printf "content/%sbanner* missing.." .Dir }}
                        {{ end }}
                    {{ else if eq $single false }}
                        {{ printf "assets/images/banner/%s* missing.." $what }}
                    {{ end }}
                {{ end }}
            </div>
        {{ end }}
        {{ if not .IsHome }}<h1 class="{{ $title_class }}">{{ $title }}</h1> {{ end }}
    </div>
{{ end }}