Kommende TBA Shows

assets/css/main.css

@@ -338,6 +338,7 @@ p { margin: 0 0 1em; }
     font-weight: 600;
     color: var(--mist);
 }
+.live__sub--past { margin-top: 4rem; }
 
 .flyer-wall {
     display: grid;
@@ -398,6 +399,51 @@ p { margin: 0 0 1em; }
     hyphens: auto;
 }
 
+/* Platzhalter-Plakat für Shows, die noch nicht angekündigt sind (tba: true) */
+.tba {
+    position: relative;
+    container-type: inline-size;
+    background: var(--bolt);
+    color: var(--deep);
+}
+.tba__bolt {
+    position: absolute;
+    top: 6%;
+    right: 4%;
+    width: 46%;
+    height: auto;
+    fill: var(--deep);
+}
+.tba__big {
+    position: absolute;
+    left: 6%;
+    bottom: 4%;
+    font-family: var(--font-display);
+    font-weight: 900;
+    font-size: 6rem;
+    font-size: 42cqi;
+    line-height: .8;
+}
+.tba__band {
+    position: absolute;
+    left: -10%;
+    right: -10%;
+    top: 50%;
+    padding: .45rem 0 .35rem;
+    background: var(--deep);
+    color: var(--bolt);
+    transform: translateY(-60%) rotate(-8deg);
+    text-align: center;
+    font-family: var(--font-display);
+    font-weight: 800;
+    font-size: 1.35rem;
+    font-size: 10cqi;
+    letter-spacing: .04em;
+    line-height: 1;
+    text-transform: uppercase;
+    white-space: nowrap;
+}
+
 .flyer__caption { padding: .9rem .35rem 0; }
 .flyer__caption time { font-size: .9rem; font-weight: 600; }
 .flyer__caption h3 {

content/shows/2026_Tefftival.md

@@ -0,0 +1,5 @@
+---
+title: "???" # optional, sonst steht "Neue Show" da
+date: 2026-12-23 # Pflicht, dient zum Sortieren # optional, sonst steht "Ort folgt" da
+tba: true
+---

hugo.toml

@@ -3,6 +3,8 @@ baseURL = "https://www.deepwatersurvival.de/"
 languageCode = "de"
 defaultContentLanguage = "de"
 disableKinds = ["taxonomy", "term", "RSS"]
+# Shows liegen in der Zukunft – ohne diese Option würde Hugo sie nicht bauen.
+buildFuture = true
 
 [params]
   description = "Deepwater Survival – Punkrock aus Trier. Debütalbum „Ocean Tales“ jetzt überall, wo es Musik gibt."

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 -}}
+{{- $tba := .Params.tba -}}
-<article class="flyer{{ if not $r }} flyer--blank{{ end }}">
+{{- with .Params.poster }}{{ if not $tba }}{{ $r = resources.Get (strings.TrimPrefix "/" .) }}{{ end }}{{ end -}}
-    {{- if $r }}
+{{- $title := .Title | default "Neue Show" -}}
-    <a class="flyer__poster" href="{{ .Params.poster }}" target="_blank" rel="noopener" aria-label="Plakat {{ .Title }} in voller Größe öffnen">
+<article class="flyer{{ if $tba }} flyer--tba{{ else if not $r }} flyer--blank{{ end }}">
-        {{ partial "img.html" (dict "src" .Params.poster "alt" (printf "Plakat: %s" .Title) "sizes" "(min-width: 900px) 280px, 45vw" "widths" (slice 320 640)) }}
+    {{- 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>
+        <h3>{{ $title }}</h3>
-        {{ with .Params.location }}<p>{{ . }}</p>{{ end }}
+        {{ with .Params.location }}<p>{{ . }}</p>{{ else }}{{ if $tba }}<p>Ort folgt</p>{{ end }}{{ end }}
     </div>
 </article>