{{ define "main" }}
<header class="page-head wrap">
    <h1 class="display display--xl">{{ .Title }}</h1>
    {{ with .Content }}<div class="page-head__lead">{{ . }}</div>{{ end }}
</header>

<section class="wrap" aria-label="Bandmitglieder">
    <ul class="members">
        {{ range .Params.members }}
        <li class="member">
            <div class="member__photo">
                {{ partial "img.html" (dict "src" .image "alt" (printf "%s live auf der Bühne" .name) "sizes" "(min-width: 900px) 25vw, 50vw" "widths" (slice 400 800)) }}
            </div>
            <h2 class="member__name">{{ .name }}</h2>
            <p class="member__role">{{ .role }}</p>
        </li>
        {{ end }}
    </ul>
</section>

{{ with .Params.groupImage }}
<figure class="group-photo">
    {{ partial "img.html" (dict "src" . "alt" "Gruppenfoto von Deepwater Survival im Backstage-Flur" "sizes" "100vw" "widths" (slice 800 1400 2000)) }}
</figure>
{{ end }}
{{ end }}