62 lines
2.9 KiB
HTML
62 lines
2.9 KiB
HTML
{{ define "main" }}
|
|
{{ $releases := partial "releases.html" . }}
|
|
{{/* Hervorgehoben wird das neueste Album, ohne Album das neueste Release. */}}
|
|
{{ $featured := false }}
|
|
{{ with where $releases "kind" "Album" }}{{ $featured = index . 0 }}{{ else }}{{ with $releases }}{{ $featured = index . 0 }}{{ end }}{{ end }}
|
|
|
|
<header class="page-head wrap">
|
|
<h1 class="display display--xl">{{ .Title }}</h1>
|
|
{{ with .Content }}<div class="page-head__lead">{{ . }}</div>{{ end }}
|
|
</header>
|
|
|
|
{{ with $featured }}
|
|
<section class="wrap album" aria-labelledby="album-title">
|
|
<div class="album__sleeve">
|
|
<div class="album__vinyl" aria-hidden="true"></div>
|
|
<div class="album__cover">
|
|
{{ partial "img.html" (dict "res" .cover "alt" (printf "Cover von %s" .title) "sizes" "(min-width: 900px) 30rem, 80vw" "widths" (slice 480 800) "eager" true) }}
|
|
</div>
|
|
</div>
|
|
<div class="album__info">
|
|
<p class="album__kind">{{ .kind }}, erschienen am {{ .date | time.Format "2. January 2006" }}</p>
|
|
<h2 id="album-title" class="album__title">{{ .title }}</h2>
|
|
{{ with $.Params.albumText }}<p class="album__text">{{ . }}</p>{{ end }}
|
|
<a class="button button--bolt" href="{{ site.Params.spotify }}" target="_blank" rel="noopener">Auf Spotify hören</a>
|
|
</div>
|
|
</section>
|
|
{{ end }}
|
|
|
|
{{ $rest := slice }}
|
|
{{ range $releases }}{{ if or (not $featured) (ne .key $featured.key) }}{{ $rest = $rest | append . }}{{ end }}{{ end }}
|
|
{{ with $rest }}
|
|
<section class="wrap discography" aria-labelledby="diskografie">
|
|
<h2 id="diskografie" class="display">Diskografie</h2>
|
|
<ol class="covers">
|
|
{{ range . }}
|
|
<li class="cover">
|
|
<div class="cover__img">
|
|
{{ partial "img.html" (dict "res" .cover "alt" (printf "Cover von %s" .title) "sizes" "(min-width: 900px) 22rem, 45vw" "widths" (slice 400 800)) }}
|
|
</div>
|
|
<h3 class="cover__title">{{ .title }}</h3>
|
|
<p class="cover__meta">{{ .kind }}, <time datetime="{{ .date.Format "2006-01-02" }}">{{ .date | time.Format "2. January 2006" }}</time></p>
|
|
</li>
|
|
{{ end }}
|
|
</ol>
|
|
</section>
|
|
{{ end }}
|
|
|
|
<section class="wrap listen" aria-labelledby="reinhoeren">
|
|
<h2 id="reinhoeren" class="display">Reinhören</h2>
|
|
{{ partial "spotify.html" . }}
|
|
</section>
|
|
|
|
<section class="wrap elsewhere" aria-labelledby="elsewhere">
|
|
<h2 id="elsewhere" class="display">Mehr von uns</h2>
|
|
<ul class="elsewhere__list">
|
|
<li><a href="{{ site.Params.spotify }}" target="_blank" rel="noopener"><strong>Spotify</strong> Alle Songs und das Album</a></li>
|
|
<li><a href="{{ site.Params.youtube }}" target="_blank" rel="noopener"><strong>YouTube</strong> Videos und Live-Mitschnitte</a></li>
|
|
<li><a href="{{ site.Params.instagram }}" target="_blank" rel="noopener"><strong>Instagram</strong> Neuigkeiten aus dem Proberaum</a></li>
|
|
</ul>
|
|
</section>
|
|
{{ end }}
|