Viel

layouts/_default/band.html

@@ -0,0 +1,26 @@
+{{ 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 }}