42 lines
2.0 KiB
HTML
42 lines
2.0 KiB
HTML
{{/* Erwartet eine Schauplatz-Seite als Kontext (.) */}}
|
|
{{ $default := site.Params.kategorieFarbeDefault | default "#1e2758" }}
|
|
{{ $cat := "" }}
|
|
{{ with .Params.kategorien }}{{ $cat = index . 0 }}{{ end }}
|
|
{{ $color := $default }}
|
|
{{ with $cat }}{{ $color = partial "kat-color.html" . }}{{ end }}
|
|
{{ $img := "" }}
|
|
{{ with .Resources.GetMatch "{cover,*featured*,image}.*" }}{{ $img = .RelPermalink }}
|
|
{{ else }}{{ with .Params.image }}{{ $img = . | relURL }}{{ end }}{{ end }}
|
|
<a class="op-scard" data-op-card
|
|
href="{{ .RelPermalink }}"
|
|
data-url="{{ .RelPermalink }}"
|
|
data-text="{{ .Title }} {{ .Params.subtitle }} {{ .Params.address }}"
|
|
data-cats="{{ delimit (.Params.kategorien | default slice) `|` }}">
|
|
{{ if $img }}
|
|
<span class="op-scard__img">
|
|
<img class="op-scard__photo" src="{{ $img }}" alt="" loading="lazy">
|
|
{{ if .Params.featured }}<span class="op-scard__tipp">Tipp!</span>{{ end }}
|
|
</span>
|
|
{{ else }}
|
|
<span class="op-scard__img op-scard__img--ph" style="color:{{ $color }}">
|
|
<svg class="op-scard__bogen" viewBox="0 0 210 105" aria-hidden="true" focusable="false">
|
|
<path d="M0,105 A105,105 0 0 1 210,105" fill="none" stroke="currentColor" stroke-width="14" opacity=".55"/>
|
|
<path d="M40,105 A65,65 0 0 1 170,105" fill="none" stroke="currentColor" stroke-width="14" opacity=".28"/>
|
|
</svg>
|
|
{{ if .Params.featured }}<span class="op-scard__tipp">Tipp!</span>{{ end }}
|
|
</span>
|
|
{{ end }}
|
|
<span class="op-scard__body">
|
|
{{ if $cat }}<span class="op-scard__cat">{{ partial "kat-label.html" $cat }}</span>
|
|
{{ else }}{{ with .Params.art }}<span class="op-scard__cat">{{ . }}</span>{{ end }}{{ end }}
|
|
<span class="op-scard__title">{{ .Title }}</span>
|
|
{{ with .Params.subtitle }}<span class="op-scard__sub">{{ . }}</span>{{ end }}
|
|
{{ with .Params.address }}
|
|
<span class="op-scard__addr">
|
|
<span class="op-scard__dot" style="background:{{ $color }}"></span>
|
|
<span>{{ . }}</span>
|
|
</span>
|
|
{{ end }}
|
|
</span>
|
|
</a>
|