lucashahmann committed
1 parent
06fa91c6f6
commit
2a2dc030b7
5 files changed
+76
-12
No files matched your search
@@ -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 {
|
||||
|
||||
@@ -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
|
||||
---
|
||||
@@ -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."
|
||||
|
||||
+7
-4
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
Reference in new issue
Block a user