Kommende TBA Shows

layouts/index.html

@@ -33,15 +33,18 @@
         <h2 class="display">Live</h2>
         <a class="text-link" href="/shows/">Alle Shows</a>
     </header>
-    {{ if $upcoming }}
+    <h3 class="live__sub">Kommende Termine</h3>
+    {{ with $upcoming }}
     <div class="flyer-wall">
-        {{ range $upcoming }}{{ partial "show-card.html" . }}{{ end }}
+        {{ range . }}{{ partial "show-card.html" . }}{{ end }}
     </div>
     {{ else }}
     <p class="live__empty">Gerade sind keine Termine angekündigt. Ihr wollt uns auf eurer Bühne? Schreibt an <a href="mailto:{{ site.Params.email }}">{{ site.Params.email }}</a>.</p>
-    <h3 class="live__sub">Zuletzt gespielt</h3>
+    {{ end }}
+    {{ with $past }}
+    <h3 class="live__sub live__sub--past">Zuletzt gespielt</h3>
     <div class="flyer-wall">
-        {{ range $past }}{{ partial "show-card.html" . }}{{ end }}
+        {{ range . }}{{ partial "show-card.html" . }}{{ end }}
     </div>
     {{ end }}
 </section>

layouts/partials/show-card.html

@@ -1,18 +1,26 @@
 {{- $r := "" -}}
-{{- with .Params.poster }}{{ $r = resources.Get (strings.TrimPrefix "/" .) }}{{ end -}}
-<article class="flyer{{ if not $r }} flyer--blank{{ end }}">
-    {{- if $r }}
-    <a class="flyer__poster" href="{{ .Params.poster }}" target="_blank" rel="noopener" aria-label="Plakat {{ .Title }} in voller Größe öffnen">
-        {{ partial "img.html" (dict "src" .Params.poster "alt" (printf "Plakat: %s" .Title) "sizes" "(min-width: 900px) 280px, 45vw" "widths" (slice 320 640)) }}
+{{- $tba := .Params.tba -}}
+{{- with .Params.poster }}{{ if not $tba }}{{ $r = resources.Get (strings.TrimPrefix "/" .) }}{{ end }}{{ end -}}
+{{- $title := .Title | default "Neue Show" -}}
+<article class="flyer{{ if $tba }} flyer--tba{{ else if not $r }} flyer--blank{{ end }}">
+    {{- if $tba }}
+    <div class="flyer__poster tba" aria-hidden="true">
+        <svg class="tba__bolt" viewBox="0 0 64 64" focusable="false"><path d="M30 6h18L36 28h12L28 58l6-24H20z"/></svg>
+        <span class="tba__big">TBA</span>
+        <span class="tba__band"><span>To be announced soon</span></span>
+    </div>
+    {{- else if $r }}
+    <a class="flyer__poster" href="{{ .Params.poster }}" target="_blank" rel="noopener" aria-label="Plakat {{ $title }} in voller Größe öffnen">
+        {{ partial "img.html" (dict "src" .Params.poster "alt" (printf "Plakat: %s" $title) "sizes" "(min-width: 900px) 280px, 45vw" "widths" (slice 320 640)) }}
     </a>
     {{- else }}
     <div class="flyer__poster flyer__poster--type" aria-hidden="true">
-        <span>{{ .Title }}</span>
+        <span>{{ $title }}</span>
     </div>
     {{- end }}
     <div class="flyer__caption">
         <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date | time.Format "2. January 2006" }}</time>
-        <h3>{{ .Title }}</h3>
-        {{ with .Params.location }}<p>{{ . }}</p>{{ end }}
+        <h3>{{ $title }}</h3>
+        {{ with .Params.location }}<p>{{ . }}</p>{{ else }}{{ if $tba }}<p>Ort folgt</p>{{ end }}{{ end }}
     </div>
 </article>