Add galerie per concert

assets/css/main.css

@@ -507,11 +507,29 @@ footer {
     }
 }
 
+.galerie {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.galerie-item {
+    background-color: white;
+    box-shadow: 0 0 16px #333;
+    border-radius: 8px;
+    padding: 8px;
+    width: 95%;
+    margin: 10px auto;
+}
+
+.galerie-item h2 {
+    text-align: center;
+}
+
 .galerie-table {
     columns: 3 300px;
     column-gap: 1.5rem;
-    width: 90%;
+    padding: 20px;
-    margin: 10px auto;
     line-height: 0;
 }
 

content/galerie/_index.md

@@ -0,0 +1,3 @@
+---
+title: Galerie des concerts
+---

content/galerie/volcan/index.md

@@ -1,10 +1,9 @@
 ---
-title: "Galerie"
+title: "Vols au-dessus du volcan"
 type: "galerie"
+concertLink: "events/1"
 ---
 
-# Galerie
-
 |   |   |  |
 | - | - | - |
 | v | volcanv1.jpeg |

layouts/galerie/_markup/render-table.html

@@ -2,15 +2,16 @@
     {{ range .TBody }}
         {{ $name := ((index . 0).Text | safeHTML ) }}
         {{ $link := ((index . 1).Text | safeURL ) }}
+        <a href="{{ $link }}">
             <div class="galerie-entry">
                 {{ if ne $link "" }}
-                <a href="{{ $link }}"
+                    <img
-                    ><img
                         class="galerie-image"
                         src="{{ $link }}"
                         alt="{{ $name }}"
-                /></a>
+                    />
                 {{ end }}
             </div>
+        </a>
     {{ end }}
 </div>

layouts/galerie/section.html

@@ -0,0 +1,8 @@
+{{ define "main" }}
+    <h1>{{ .Title }}</h1>
+    <div class="galerie">
+        {{ range .Pages }}
+            {{ partial "galerie/page.html" . }}
+        {{ end }}
+    </div>
+{{ end }}

layouts/galerie/single.html

@@ -1,5 +0,0 @@
-{{ define "main" }}
-  <div class="galerie">
-    {{ .Content }}
-  </div>
-{{ end }}

layouts/partials/galerie/page.html

@@ -0,0 +1,6 @@
+<div class="galerie-item">
+    <a href="/{{ .Params.concertLink }}">
+        <h2>{{ .Title }}</h2>
+    </a>
+    {{ .Content }}
+</div>