Viel

2026-10-19 21:01:31 +02:00
1 parent e5869dc6cb
commit a4a261f871
@@ -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 }}
@@ -1,19 +1,37 @@
 <!DOCTYPE html>
 <html lang="de">
-    <head>
-        <meta charset="utf-8">
-        <title>{{ .Title }} | Deepwater Survival</title>
-        <link rel="stylesheet" href="/css/style.css">
-        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
-    </head>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {{ $title := cond .IsHome (printf "%s – Punkrock aus Trier" site.Title) (printf "%s | %s" .Title site.Title) -}}
+    {{ $desc := .Params.description | default site.Params.description -}}
+    <title>{{ $title }}</title>
+    <meta name="description" content="{{ $desc }}">
+    <meta name="theme-color" content="#081226">
+    <link rel="canonical" href="{{ .Permalink }}">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">

-    <body>
-        {{ partial "header.html" . }}
-        <main>
-            {{ block "main" . }}{{ end }}
-            <div class="spacer"></div>
-        </main>
-        {{ partial "footer.html" . }}
-    </body>
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="{{ $title }}">
+    <meta property="og:description" content="{{ $desc }}">
+    <meta property="og:url" content="{{ .Permalink }}">
+    <meta property="og:locale" content="de_DE">
+    {{ with resources.Get "img/AlbumReleaseParty_Stage_compressed.jpg" }}{{ with .Resize "1200x jpg q80" }}
+    <meta property="og:image" content="{{ .Permalink }}">{{ end }}{{ end }}

-</html>
+    <link rel="preload" href="/fonts/big-shoulders-display-latin-900-normal.woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="/fonts/archivo-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin>
+    {{ $css := resources.Get "css/main.css" | minify | fingerprint }}
+    <link rel="stylesheet" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}">
+</head>
+<body class="{{ if .IsHome }}is-home{{ end }}">
+    <a class="skip-link" href="#inhalt">Zum Inhalt springen</a>
+    {{ partial "header.html" . }}
+    <main id="inhalt">
+        {{ block "main" . }}{{ end }}
+    </main>
+    {{ partial "footer.html" . }}
+    {{ $js := resources.Get "js/site.js" | minify | fingerprint }}
+    <script src="{{ $js.RelPermalink }}" defer></script>
+</body>
+</html>
@@ -1,8 +1,11 @@
 {{ define "main" }}
-<h1>{{ .Title }}</h1>
-<ul>
-{{ range .Pages }}
-<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+<article class="wrap wrap--narrow">
+    <header class="page-head page-head--compact">
+        <h1 class="display display--l">{{ .Title }}</h1>
+    </header>
+    {{ with .Content }}<div class="prose">{{ . }}</div>{{ end }}
+    <ul class="plain-list">
+        {{ range .Pages }}<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>{{ end }}
+    </ul>
+</article>
 {{ end }}
-</ul>
-{{ end }}
@@ -1,6 +1,10 @@
 {{ define "main" }}
-<article>
-<h1>{{ .Title }}</h1>
-{{ .Content }}
+<article class="wrap wrap--narrow">
+    <header class="page-head page-head--compact">
+        <h1 class="display display--l">{{ .Title }}</h1>
+    </header>
+    <div class="prose prose--legal">
+        {{ .Content }}
+    </div>
 </article>
-{{ end }}
+{{ end }}