better single page

assets/css/main.css

@@ -221,6 +221,9 @@ a {
 main {
     margin: 3.8em auto;
     max-width: 1000px;
+}
+
+.home {
     padding: 0 4em;
     display: grid;
     gap: 40px;
@@ -439,3 +442,38 @@ footer {
 .overview h2 {
     color: #600303;
 }
+
+/* Single */
+
+.event h2 {
+    margin-top: 2em;
+}
+
+.artists-table {
+    gap: 10px;
+    display: flex;
+}
+
+.event-cover {
+    padding: 2em;
+    float: right;
+}
+
+.event-intro {
+    margin-bottom: 50px;
+}
+
+.artist-entry {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 0;
+    border-radius: 10px;
+    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+    padding: 20px;
+    align-items: center;
+    max-width: 450px;
+}
+
+.artist-description {
+    text-align: center;
+}

content/events/1/index.md

@@ -4,15 +4,28 @@ ConcertDate: "2025-11-08T18:00:00"
 Summary: "Une évoquation des voyages incessants d’Antoine de Saint-Exupéry et de sa femme Consuelo Suncín, marquée par les éruptions des volcans d’El Salvador de son enfance."
 Description: "Isabelle Chemin - Musique & théatre"
 TicketsLink: "https://www.helloasso.com/associations/association-des-amis-de-la-chapelle-victoria-de-grasse/evenements/tickets-vols-au-dessus-du-volcan"
+
 ---
 
-**Saviez-vous qu’Antoine de Saint-Exupéry s’était marié à Nice ? Connaissez-vous son épouse, Consuelo Suncín, artiste peintre ? Et El Salvador, son pays d’origine ?**
+![Affiche de l'evenement](cover.jpg)
+{ .event-cover }
 
+# Vols au dessus du volcan
+
+**Saviez-vous qu’Antoine de Saint-Exupéry s’était marié à Nice ? Connaissez-vous son épouse, Consuelo Suncín, artiste peintre ? Et El Salvador, son pays d’origine ?** \
+\
 «Vols au dessus du Volcan» évoque les voyages incessants d’Antoine, et le caractère fantasque de Consuelo, marqué par les éruptions des volcans d’El Salvador durant son enfance. On y découvre la promesse réciproque d’un amour inconditionnel qui, au-delà de tous les tourments, perdurera et permettra en temps de guerre l’écriture d’un conte intemporel, Le Petit Prince. Ce spectacle concertant vous fera découvrir par un échange épistolaire authentique, une relation amoureuse tumultueuse de 14 ans. Leur véritable histoire débute par une rencontre rocambolesque en Argentine, et s’achèvera par la fin tragique du pilote en mission de guerre en 1944.
+{ .event-intro }
 
-<!-- linebreak -->
+## Les artistes
 
-Association Chemindessens
+| Name | Description | Image | Alt |
+| ---- | ----------- | ----- | --- |
+| Isabelle Chemin | Artiste plasticienne, diplômée de l’École des Beaux-Arts de Bordeaux. Cheffe du projet. | chemin.jpg |
+| Gus Portmann | Comédien, médaille d’or du conservatoire d’Antibes. Il tourne avec sa compagnie Andromède, et avec les Mots en Scène. | portmann.jpg |
+| Marybel Dessagnes | Pianiste, compositrice, directrice des études au conservatoire de Toulon. | dessagnes.jpg | Photo prise à New-York à la National Arts Gallery |
+
+## Association Chemindessens
 
 Depuis 2005, notre association, Chemindessens, est installée à Grasse, capitale mondiale des parfums, où Consuelo de St-Exupéry y avait acheté une maison en 1956. Décédée en 1979, nous avons organisé une commémoration de sa disparition au travers d’un événement culturel, plastique et musical soutenu par la ville de Grasse et l’ambassade d’El Salvador, pays d’origine de Consuelo. En 2021, l’édition des correspondances entre Antoine et Consuelo de St-Exupéry fut une révélation. Le lyrisme et la poésie de leurs échanges nous font voyager de Buenos Aires en Argentine, aux dunes du Sahara, en passant par New-York ou le Sud de la France.
 
@@ -20,21 +33,10 @@ L’idée de créer un spectacle autour de cette correspondance est née, pour d
 
 Depuis 2 autres OPUS ont été créés, pointant des époques particulières de leurs vies et fait de ce projet un triptyque, qui peut se programmer indépendamment ou ensemble.
 
-<!-- linebreak -->
+## Liens utiles
 
-Les artistes
-
-Isabelle Chemin : Artiste plasticienne, diplômée de l’École des Beaux-Arts de Bordeaux. Cheffe du projet.
-
-Gus Portmann : Comédien, médaille d’or du conservatoire d’Antibes. Il tourne avec sa compagnie Andromède, et avec les Mots en Scène
-
-Marybel Dessagnes : Pianiste, compositrice, directrice des études au conservatoire de Toulon.
-
-<!-- linebreak -->
-
-Liens utiles
-
-- Isabelle Chemin: Instagram
-- Page officiel vols volcan
-- Page officiel du spectacle
-- Page officiel de présentation de l’association Chemindessens
+- [Isabelle Chemin: Instagram](https://www.instagram.com/chemin.dessens/?hl=fr)
+- [Page officiel vols volcan](https://vols-volcan.com/)
+- [Page officiel du spectacle](https://vols-volcan.com/opus-1/)
+- [Page officiel de présentation de l’association Chemindessens](https://vols-volcan.com/qui-sommes-nous/)
+{ .event-links }

hugo.toml

@@ -32,3 +32,11 @@ weight = 10
 
 [params]
 subtitle = 'Actualité concerts, expositions, billeterie'
+
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.parser]
+    wrapStandAloneImageWithinParagraph = false
+      [markup.goldmark.parser.attribute]
+        block = true
+        title = true

layouts/_default/home.html

@@ -1,11 +1,13 @@
 {{ define "main" }}
-    <div>
-        <h2>Programme</h2>
-        {{ partial "events/program.html" . }}
-    </div>
+    <div class="home">
+        <div>
+            <h2>Programme</h2>
+            {{ partial "events/program.html" . }}
+        </div>
 
-    <div>
-        <h2>Évènements à venir</h2>
-        {{ partial "events/upcoming.html" . }}
+        <div>
+            <h2>Évènements à venir</h2>
+            {{ partial "events/upcoming.html" . }}
+        </div>
     </div>
 {{ end }}

layouts/_default/single.html

@@ -1,4 +1,3 @@
 {{ define "main" }}
-    {{ .Content }}
-    <p>This line is from <code>layouts/_default/single.html</code>.</p>
+    <div class="event">{{ .Content }}</div>
 {{ end }}

layouts/partials/events/program.html

@@ -1,5 +1,5 @@
 <div class="concerts">
-    {{ $sites := where site.RegularPages "Section" "event" }}
+    {{ $sites := where site.RegularPages "Section" "events" }}
     {{ range sort $sites ".Params.ConcertDate" }}
         <div class="concert-entry">
             <p class="concert-date">