Modifie l’agencement des onglets

config.toml

@@ -1,7 +1,7 @@
 baseURL = "https://leondesastres.trolliet.info/"
 languageCode = "fr-fr"
 DefaultContentLanguage = "fr"
-title = "Accueil"
+title = "LDZT"
 paginate = 15
 
 theme = "frigg"
@@ -20,9 +20,9 @@ pluralizeListTitles = false
 
 [params]
 	author      = "Léon Dz Trolliet"
-	info        = "Artiste"
+	info        = "Léon Desastres Trolliet est un·e artiste pluridisciplinaire non-binaire émergent·e franco-suisse. Après deux formations théâtrales, ielle ne s’arrête pas au théâtre pour exprimer son vaste univers. Toujours influencé·e par la musique, Léon fait naître son premier projet musical, à Poitiers. Performance et cinéma font aussi parties de ses médiums d’expressions."
 	avatar      = "avatar.webp"
-	custom_css  = []
+	custom_css  = ["style_perso.css"]
 	description = "Site personnel de Léon"
 	keywords    = "théâtre"
 	mail        = "leondesastres@trolliet.info"

content/cinema/007-Liberte/index.md

@@ -11,14 +11,7 @@ draft: false
 
 Elise Blanc, banquière, prise dans une routine interminable, reçoit un mystérieux colis qui va la contraindre à changer son mode de vie.
 
-Comédien·ne·s
+Comédien·ne·s : Elise blanc : Léa Trolliet / Le voisin : Cédric Schönmann  
-: Elise blanc : Léa Trolliet / Le voisin : Cédric Schönmann
+Scénariste et réalisateur : Ari Cretton  
-
+Directeur photo et caméraman : Nour Eliz  
-Scénariste et réalisateur
+Opératrice son et sound designer : Saveria Giazzi
-: Ari Cretton
-
-Directeur photo et caméraman
-: Nour Eliz
-
-Opératrice son et sound designer
-: Saveria Giazzi

content/cinema/008-Delivrance/index.md

@@ -14,28 +14,14 @@ Il gémit et se tourne vers Stéphanie, qui s’éveille à son tour en entendan
 Tout en lui demandant ce qui se passe elle lit dans ses yeux la souffrance qui le ronge, elle se rapproche de lui précipitamment, à ce moment Simon faiblit et retombe sur le lit.
 Simon est transporté sans connaissance à l’hôpital.
 
-Comédien·ne·s
+[https://www.imdb.com/title/tt12703456/](https://www.imdb.com/title/tt12703456/)
-: Mickaël Rué / Irina Bogomolova / Léa Trolliet / Alban Giacobino
 
-Réalisateur
+Comédien·ne·s : Mickaël Rué / Irina Bogomolova / Léa Trolliet / Alban Giacobino  
-: Mickaël Rué
+Réalisateur : Mickaël Rué  
+Mise en scène : Laurent C. Durham  
+Régie : Jeremy Rossier  
+Image : Ferenc Csipke  
+Son : Théo Boutay  
+Maquillage : Méline Monnier  
+Script : Mathieu Rothenbühler
 
-Mise en scène
-: Laurent C. Durham
-
-Régie
-: Jeremy Rossier
-
-Image
-: Ferenc Csipke
-
-Son
-: Théo Boutay
-
-Maquillage
-: Méline Monnier
-
-Script
-: Mathieu Rothenbühler
-
-[https://www.imdb.com/title/tt12703456/](https://www.imdb.com/title/tt12703456/)

content/contact.md

@@ -1,17 +0,0 @@
----
-author: "Léa Trolliet"
-title: "Contact"
-date: 2018-04-10T10:07:39+02:00
-description: "Projet de lettres"
-categories: []
-tags: []
-draft: false
----
-
-Pour des collaborations, réservations ou simples renseignements, merci de prendre contact sur ces supports en favorisant le mail.
-
-* Mail: [leondesastres@trolliet.info](mailto:leondesastres@trolliet.info)
-* Instagram: [@leondesastres](https://instagram.com/leondesastres)
-* Facebook: [Léon Desastres Trolliet](https://www.facebook.com/profile.php?id=100069451010806)
-* Telegram: [@leoeoeoeon](https://t.me/leoeoeoeon)
-* Téléphone: [(+33) 7 81 71 01 66](tel:+33781710166)

content/musique.md

@@ -0,0 +1,55 @@
+---
+author: "Léon Trolliet"
+title: "Musique"
+date: 2030-10-10T10:07:39+02:00
+description: "Ma présentation"
+categories: []
+tags: []
+draft: false
+---
+
+# Infos
+
+* Instagram : [@leondesastres](https://www.instagram.com/leondesastres/)
+* Facebook : [@ Léon Desastres Trolliet](https://facebook.com/people/L%C3%A9on-Desastres-Trolliet/100069451010806/)
+* email : [leondesastres@trolliet.info](mailto:leondesastres@trolliet.info)
+* bandcamp : [leondesastres.bandcamp.com](https://leondesastres.bandcamp.com/)
+
+---
+
+# Actus
+
+4 titres enregistrés et écoutables sur [mon Bandcamp](https://leondesastres.bandcamp.com/).  
+Régulièrement sur les scènes ouvertes lyonnaises.
+
+---
+
+{{< song
+    src="MerABoire"
+    alt="Un enfant sur une plage lors d’un coucher de Soleil, les pieds presque dans l’eau. L’image est bleutée."
+    link="https://leondesastres.bandcamp.com/album/arc-en-ciel-3"
+    caption="mer à boire"
+>}}
+
+{{< song
+    src="ArcEnCiel"
+    alt="Un enfant sur une plage lors d’un coucher de Soleil, les pieds presque dans l’eau. L’image est bleutée."
+    link="https://leondesastres.bandcamp.com/album/arc-en-ciel-3"
+    caption="arc-en-ciel"
+>}}
+
+{{< song
+    src="Chievrefoil"
+    alt="Un enfant sur une plage lors d’un coucher de Soleil, les pieds presque dans l’eau. L’image est bleutée."
+    link="https://leondesastres.bandcamp.com/album/arc-en-ciel-3"
+    caption="BO de Chievrefoil, mise en scène par Hugo Guyot, 2024"
+>}}
+
+# Léon Desastres Trolliet
+
+Léon Desastres Trolliet est un·e artiste pluridisciplinaire émergent·e suisse qui a fait naître son projet musical à Poitiers, en France.
+Iel à suivi une formation théâtrale et après quelques projets collectifs dans le milieu, c'est dans un univers sonore solitaire qu'iel a commencé à se développer.
+
+# Cie Léon Desastres Trolliet
+
+La compagnie fixe concrètement l'envie de lancer la machine et d'étendre la pratique artistique plus largement. Théâtre, musique, peinture, structure, performance, en solo, duo ou en équipe. Soutenue par l'association Pokasse, qui promeut des événements et des échanges socio-culturels.

content/presentation.md

@@ -1,18 +0,0 @@
----
-author: "Léa Trolliet"
-title: "Présentation"
-date: 2030-10-10T10:07:39+02:00
-description: "Ma présentation"
-categories: []
-tags: []
-draft: false
----
-
-# Léon Desastres Trolliet
-
-Léon Desastres Trolliet est un·e artiste pluridisciplinaire émergent·e suisse qui a fait naître son projet musical à Poitiers, en France.
-Iel à suivi une formation théâtrale et après quelques projets collectifs dans le milieu, c'est dans un univers sonore solitaire qu'iel a commencé à se développer.
-
-# Cie Léon Desastres Trolliet
-
-La compagnie fixe concrètement l'envie de lancer la machine et d'étendre la pratique artistique plus largement. Théâtre, musique, peinture, structure, performance, en solo, duo ou en équipe. Soutenue par l'association Pokasse, qui promeut des événements et des échanges socio-culturels.

content/projects.md

@@ -1,27 +0,0 @@
----
-author: "Gregory Trolliet"
-title: "Projets"
-date: 2019-04-10T13:50:25+02:00
-description: "Mes différents projets de vie"
-categories: []
-tags: []
-draft: false
----
-
-## Projet musical
-
-### Chorale DIY - Léon Desastres
-Léon Desastres est né·e à Genève. Après avoir suivi une formation théâtrale, c'est à Poitiers que son projet musical s'est développé.
-Celui-ci se base sur une recherche vocal avec un looper 2 pistes, sans effets.
-Seul·e sur scène, iel nous propulse dans son univers à travers un mélange de styles musicaux en restant dans la contrainte minimaliste.
-
-Ses inspirations varient entre la chanson française, la musique électronique et les musiques hybrides.
-On peut citer Brigitte Fontaine, Mansfield.TYA, Moby, Reymour ou encore Camille.
-
-* [Bandcamp](https://leondesastres.bandcamp.com/)
-* [Youtube](https://www.youtube.com/@leondesastres/)
-
-* [Mon dossier de diffusion](/dossierDiffusion.pdf)
-* [Mon CV Artistique](/cv_artistique.pdf)
-* [Mon CV pour ateliers/cours](/cv_cours.pdf)
-* [Bande démo](https://youtu.be/kM-fkkAXVEo) -- plus de vidéos sur [mon profil instagram](https://instagram.com/leondesastres).

content/theatre/001-MobCulture/index.md

@@ -11,10 +11,7 @@ draft: false
 
 OUVRE-TOI ! OUVRE-TOI ! La compagnie Folledeparole se rassemble pour No culture No future. Elle s’empare de mégaphones et d’espoir pour la déambulation qui fera le tour des théâtres de la ville de Genève. Chants, scènes de théâtre et danses prennent la place et s’accaparent la rue.
 
-Mise en place, déambulation
+Mise en place, déambulation : Isabelle Chladek  
-: Isabelle Chladek
+Performeur·euses : Aurore Andaloro, Joël Defrance, Alexandre Grin, Greta Gratos, Léon Désastres, Era Malaj, Estelle Quarino, Anaïs Aïk, Pauline Ravieri, Alicia Gantes, Jay, Alessia Sacco, Isabelle Chladek, Violetta Hodgers, Samira Bernath, Lavinia Johnson, Luz Romero rodrigues, Etmel&Ido
-
-Performeur·euses
-: Aurore Andaloro, Joël Defrance, Alexandre Grin, Greta Gratos, Léon Désastres, Era Malaj, Estelle Quarino, Anaïs Aïk, Pauline Ravieri, Alicia Gantes, Jay, Alessia Sacco, Isabelle Chladek, Violetta Hodgers, Samira Bernath, Lavinia Johnson, Luz Romero rodrigues, Etmel&Ido
 
 [https://ciefolledeparole.com/casting-sauvage-devant-les-portes-closes-des-theatres/](https://ciefolledeparole.com/casting-sauvage-devant-les-portes-closes-des-theatres/)

content/theatre/002-Wakefields/index.md

@@ -12,15 +12,8 @@ draft: false
 Cette pièce-miroir propose une réflexion sur le désir et son absence, une sorte d’arrêt sur image dans un monde en constante accélération.
 Elle laisse la parole aux disparus et aux abandonnés permettant ainsi de pénétrer l’âme humaine jusque dans ses secrets et ses zones d’ombre.
 
-Texte
+Texte : Fabrice Melquiot  
-: Fabrice Melquiot
+Mise en scène : Sandrine Hutinet et François Martel  
-
+Assistanat à la mise en scène : Brice Bord  
-Mise en scène
+Avec les élèves du Conservatoire de Bordeaux : Paloma Diez, Zoe Klecka, Anastasia Lebedeva, Swann Leroy, Nathan Ohayon, Lucas Rosier, Julia Cauley. Et les élèves du Conservatoire de Grand Poitiers : Quentin Alberts, Angèle Chauveau, Laurette Courregelongue, Mario De Miguel Conde, Pierre Duguet, Romain Labat, Solène Le Monies de Sagazan, Tristan Legras, Léa Trolliet, Chloé Zawadka
-: Sandrine Hutinet et François Martel
-
-Assistanat à la mise en scène
-: Brice Bord
-
-Avec les élèves du Conservatoire de Bordeaux
-: Paloma Diez, Zoe Klecka, Anastasia Lebedeva, Swann Leroy, Nathan Ohayon, Lucas Rosier, Julia Cauley. Et les élèves du Conservatoire de Grand Poitiers : Quentin Alberts, Angèle Chauveau, Laurette Courregelongue, Mario De Miguel Conde, Pierre Duguet, Romain Labat, Solène Le Monies de Sagazan, Tristan Legras, Léa Trolliet, Chloé Zawadka
 

content/theatre/003-Hiver_Insomnie/index.md

@@ -16,17 +16,8 @@ La rencontre fortuite de deux solitudes à la dérive.
 “Quel est l’intérêt d’être sur cette Terre si vous voulez être comme tout le monde ?” -- *Arnold Schwarzenegger*  
 “Nous étions perdus dans une nuit de vent devant la mer” -- *Georges Bataille*
 
-Textes
+Textes : Jon Fosse « Insomnie », « Hiver » et « Vivre dans le secret »  
-: Jon Fosse « Insomnie », « Hiver » et « Vivre dans le secret »
+Mise en scène : Quentin Alberts  
-
+Assistanat à la mise en scène et adaptation texte : Solène le Moniès de Sagazan  
-Mise en scène
+Comédiens : Léa Trolliet et Pierre Duguet  
-: Quentin Alberts
+Assistanat costumes : Laurette Courregelongue
-
-Assistanat à la mise en scène et adaptation texte
-: Solène le Moniès de Sagazan
-
-Comédiens
-: Léa Trolliet et Pierre Duguet
-
-Assistanat costumes
-: Laurette Courregelongue

content/theatre/004-Liquid_families/index.md

@@ -14,17 +14,10 @@ Durant plusieurs heures, Liquid Families explore les mécanismes de collaboratio
 Cadrée par un processus précis et une écoute essentielle, Liquid Families tente la formation d’un groupe dont l’harmonie des gestes chorégraphiques et des voix est telle, que la transformation bien que improvisée est vécue par tous·te·xs simultanément.
 À l’image du rituel, l’important ici est le processus – la coopération et la création d’une communauté provisoire où voix et mouvement sont reliés pour faire du corps un instrument total.
 
-Idée, conception
+Idée, conception : Nicole Seiler  
-: Nicole Seiler
+Installation, fundus : Gerda Steiner, Jörg Lenzlinger  
-
+Cheffe de chœur, travail de voix : An Chen  
-Installation, fundus
+Performance : Pascale Andreae, Gabriel Arellano, Léna Bagutti, Auguste de Boursetty, Collin Cabanis, An Chen, Leila Chakroun, Aline Choulot, Zoé Cornelius, Karine Dahouindji, Camille de Jaegher Narbel, Carole Dessauges, Laura Gaillard, Rosangela Gramoni, Trevis Guerreiro, Christophe Jaquet, Michele Luchetti, Nathalie Mastail-Hirosawa, Nicolas Mueller, Gabriel Obergfell, Léa Trolliet
-: Gerda Steiner, Jörg Lenzlinger
-
-Cheffe de chœur, travail de voix
-: An Chen
-
-Performance
-: Pascale Andreae, Gabriel Arellano, Léna Bagutti, Auguste de Boursetty, Collin Cabanis, An Chen, Leila Chakroun, Aline Choulot, Zoé Cornelius, Karine Dahouindji, Camille de Jaegher Narbel, Carole Dessauges, Laura Gaillard, Rosangela Gramoni, Trevis Guerreiro, Christophe Jaquet, Michele Luchetti, Nathalie Mastail-Hirosawa, Nicolas Mueller, Gabriel Obergfell, Léa Trolliet
 
 [https://www.nicoleseiler.com/fr/projets/liquid-families/](https://www.nicoleseiler.com/fr/projets/liquid-families/)  
-[https://choreographersatwork.ch/de/episodes/4-nicole-seiler](https://choreographersatwork.ch/de/episodes/4-nicole-seiler)
+[https://choreographersatwork.ch/de/episodes/4-nicole-seiler](https://choreographersatwork.ch/de/episodes/4-nicole-seiler)

content/theatre/005-Aimants/index.md

@@ -12,14 +12,7 @@ draft: false
 Dans notre société, il y a deux mondes qui se croisent ; celui les gens et celui des autres. C’est des autres sur lesquels je veux porter la lumière pour une fois, ceux·elles qu’on ne voit pas, qu’on décide de ne pas voir, ceux·elles dont on parle parfois sans jamais croiser un regard, échanger un sourire. En bref, ceux·elles qui n’existe que pas leur propre certitude d’exister.
 Dans ce spectacle j’invite à redevenir sensible au monde aux dieux comme aux gueux, de redonner l’humanité à ceux·elles qui en sont privés par ceux·elles qui s’apparentent pourtant être des semblables.
 
-Conception
+Conception : Léa Trolliet  
-: Léa Trolliet
+Comédien·ne·s : Solène Le Moniès De Sagazan, Théodore Moury  
-
+Performeur·euses : Anaïs Kuhn, Arnaud Truillet, Chimène Siredey, Hugo Guyot, Pauline Massardier, Solène Le Moniès De Sagazan  
-Comédien·ne·s
+Costumes : Anaïs Kuhn
-: Solène Le Moniès De Sagazan, Théodore Moury
-
-Performeur·euses
-: Anaïs Kuhn, Arnaud Truillet, Chimène Siredey, Hugo Guyot, Pauline Massardier, Solène Le Moniès De Sagazan
-
-Costumes
-: Anaïs Kuhn

layouts/cinema/li.html

@@ -0,0 +1,13 @@
+<a class="archive hidden_link" href="{{ .Params.ExternalLink | default .RelPermalink }}">
+		{{ $thumb := $.Page.Resources.GetMatch "thumb.jpg"}}
+		{{ if $thumb }}
+			<img class="thumbnail" src="{{ .RelPermalink }}thumb.jpg" />
+		{{ else }}
+			<img class="thumbnail" src="/images/thumb.jpg" />
+		{{ end }}
+		<div class="description">
+			<span class="title">{{ .Title }}</span>
+			<span class="year">{{ .PublishDate.Format "2006" }}</span>
+			<span class="more">&rarr; plus d'infos</span>
+		</div>
+</a>

layouts/cinema/list.html

@@ -0,0 +1,32 @@
+{{ partial "header.html" . }}
+<body>
+	<main class="wrapper">
+	{{ partial "navigation.html" . }}
+
+	<section id="site-page" class="container page cinema">
+		<article>
+			{{ partial "cinema_infos.md" | markdownify }}
+			{{ partial "scratch.html" . }}
+			<hr>
+			{{ partial "cinema_actu.md" | markdownify }}
+			<header>
+				<h1 class="list-title">
+					{{ i18n "articles" | title }}
+				</h1>
+			</header>
+			<div class="archives-list">
+				{{- range .Paginator.Pages -}}
+					{{ if in .Params.categories "Film" }}
+						{{- .Render "li" -}}
+					{{- end -}}
+				{{- end -}}
+			</div>
+			<p>
+				{{ partial "cinema_bot.md" | markdownify }}
+			</p>
+		</article>
+		{{ partial "pagination.html" . }}
+	</section>
+	</main>
+</body>
+</html>

layouts/cinema/single.html

@@ -0,0 +1,21 @@
+{{ partial "header.html" . }}
+<body>
+	<main class="wrapper">
+	{{ partial "navigation.html" . }}
+	<section class="container archive">
+		<article>
+			<header class="post-header">
+				<h1 class="post-title">
+					{{ .Title }}
+				</h1>
+				{{ partial "scratch.html" . }}
+			</header>
+			<div class="archive-body">
+				{{ .Content }}
+			</div>
+			{{ partial "article-footer.html" . }}
+		</article>
+	</section>
+	</main>
+</body>
+</html>

layouts/partials/cinema_actu.md

@@ -0,0 +1,7 @@
+# Actus
+
+11/24 Tournage Petit Tom, réalisé par Léo Riehl et produit par Obelus Production.
+Rôle d'une jeune mère épuisée qui fuit la maison familiale avec son fils.
+Sortie début 2025.
+
+Retrouvez-moi sur [Filmmakers](https://www.filmmakers.eu/fr/actors/leon-trolliet).

layouts/partials/cinema_bot.md

@@ -0,0 +1,2 @@
+Plus d'images sur [Youtube](https://www.youtube.com/@LéonTrolliet)  
+Plus d'infos par mail : [leon.trolliet@gmail.com](mailto:leon.trolliet@gmail.com)

layouts/partials/cinema_infos.md

@@ -0,0 +1,7 @@
+# Infos
+
+CV audiovisuel (lien du CV audiovisuel sur le mot)
+
+[Bande-démo](https://www.youtube.com/watch?v=YQvegIzHHGE)
+(photos renommées "cinéma > info1" etc...)
+

layouts/partials/scratch.html

@@ -0,0 +1,34 @@
+{{ $folder := (print "/content/cinema/gallery/") }}
+{{ if .File }}
+{{ $folder = (print "/content/" .File.Dir "gallery/") }}
+{{ end }}
+{{ $img := newScratch }}
+{{ $files := readDir $folder }}
+{{ $img.Set "max" 0 }}
+{{ range sort $files "Name" "asc" }}
+	{{ if not .IsDir }}
+		{{ if not (in .Name "thumb") }}
+			{{ $img.Add "list" (slice .Name) }}
+			{{ $img.Set "max" (add ($img.Get "max") 1) }}
+		{{ end }}
+	{{ end }}
+{{ end }}
+{{ range $index, $val := $img.Get "list" }}
+	{{ $curr := index (split $val ".") 0 }}
+	{{ $prec := mod (add (sub $index 1) ($img.Get "max")) ($img.Get "max") }}
+	{{ $next := mod (add $index 1) ($img.Get "max") }}
+	<a id="img{{ $index }}_h" class="thumb hidden_link" href="#img{{ $index }}">
+		<picture>
+			<source srcset="gallery/{{ $curr }}.thumb.avif" type="image/avif"/>
+			<source srcset="gallery/{{ $curr }}.thumb.webp" type="image/webp"/>
+			<img src="gallery/{{ $curr }}.thumb.jpg"/>
+		</picture>
+	</a>
+	<!-- lightbox container hidden with CSS -->
+	<div class="lightbox" id="img{{ $index }}">
+		<a href="#img{{ $prec }}" class="light-btn hidden_link btn-prev"><<</a>
+		<a href="#_" class="btn-close hidden_link">X</a>
+		<img src="gallery/{{ $val }}">
+		<a href="#img{{ $next }}" class="light-btn hidden_link btn-next">>></a>
+	</div>
+{{ end }}

layouts/partials/theatre_bot.md

@@ -0,0 +1,2 @@
+Plus d'images sur [Youtube](https://www.youtube.com/@LéonTrolliet)  
+Plus d'infos par mail : [leondesastres@trolliet.info](mailto:leondesastres@trolliet.info)

layouts/partials/theatre_top.md

@@ -0,0 +1,12 @@
+# Infos
+
+Instagram : [@leondesastres](https://www.instagram.com/leondesastres/)  
+Facebook : [@ Léon Desastres Trolliet](https://facebook.com/people/Léon-Desastres-Trolliet/100069451010806/)  
+email: [leondesastres@trolliet.info](mailto:leondesastres@trolliet.info)  
+
+# Actus
+
+28.02 Pas sages, performance théâtrale collective, au Toï Toï Le Zinc, 69100 Villeubanne  
+07.09 Pas sages, à l'Atelier des Canulars, Lyon 7
+
+Résidences prévues "Théâtre dans les écoles" avec Félicia Baillifard, du 3 au 9 mars, à Monthey,CH.

layouts/shortcodes/song.html

@@ -0,0 +1,36 @@
+<div class="song">
+	<figure {{ with .Get "class" }} class="{{ . }}"{{ end }}>
+		<picture>
+		{{ with .Get "link" }}
+			<a href="{{ . | absURL }}" class="hidden_link">
+		{{ end }}
+			<img src="/images/{{ .Get "src" }}.jpg"
+			{{ with .Get "alt"}} alt="{{ . }}"{{ end }}
+			{{ with .Get "title"}} title="{{ . }}"{{ end }}/>
+		{{ with .Get "link" }}
+			</a>
+		{{ end }}
+		</picture>
+		{{ if .Get "caption" }}
+		<figcaption>
+			<p>{{ .Get "caption" }}
+			{{ if .Get "attr" }}
+				<span class="attribution">
+				{{ with .Get "attrlink" }}
+					<a href="{{ . }}">
+				{{ end }}
+				{{ .Get "attr" }}
+				{{ with .Get "attrlink" }}
+					</a>
+				{{ end }}
+				</span>
+			{{ end }}
+			</p>
+		</figcaption>
+		{{ end }}
+	</figure>
+	<audio controls>
+		<source src="/musique/{{ .Get "src" }}.ogg" type="audio/ogg">
+	Your browser does not support the audio element.
+	</audio>
+</div>

layouts/theatre/li.html

@@ -0,0 +1,13 @@
+<a class="archive hidden_link" href="{{ .Params.ExternalLink | default .RelPermalink }}">
+		{{ $thumb := $.Page.Resources.GetMatch "thumb.jpg"}}
+		{{ if $thumb }}
+			<img class="thumbnail" src="{{ .RelPermalink }}thumb.jpg" />
+		{{ else }}
+			<img class="thumbnail" src="/images/thumb.jpg" />
+		{{ end }}
+		<div class="description">
+			<span class="title">{{ .Title }}</span>
+			<span class="year">{{ .PublishDate.Format "2006" }}</span>
+			<span class="more">&rarr; plus d'infos</span>
+		</div>
+</a>

layouts/theatre/list.html

@@ -0,0 +1,29 @@
+{{ partial "header.html" . }}
+<body>
+	<main class="wrapper">
+	{{ partial "navigation.html" . }}
+
+	<section id="site-page" class="container page">
+		<article>
+			{{ partial "theatre_top.md" | markdownify }}
+			<header>
+				<h1 class="list-title">
+					{{ i18n "articles" | title }}
+				</h1>
+			</header>
+			<div class="archives-list">
+				{{- range .Paginator.Pages -}}
+					{{ if in .Params.categories "Spectacle" }}
+						{{- .Render "li" -}}
+					{{- end -}}
+				{{- end -}}
+			</div>
+			<p>
+				{{ partial "theatre_bot.md" | markdownify }}
+			</p>
+		</article>
+		{{ partial "pagination.html" . }}
+	</section>
+	</main>
+</body>
+</html>

layouts/theatre/single.html

@@ -0,0 +1,21 @@
+{{ partial "header.html" . }}
+<body>
+	<main class="wrapper">
+	{{ partial "navigation.html" . }}
+	<section class="container archive">
+		<article>
+			<header class="post-header">
+				<h1 class="post-title">
+					{{ .Title }}
+				</h1>
+				{{ partial "scratch.html" . }}
+			</header>
+			<div class="archive-body">
+				{{ .Content }}
+			</div>
+			{{ partial "article-footer.html" . }}
+		</article>
+	</section>
+	</main>
+</body>
+</html>

static/css/style_perso.css

@@ -0,0 +1,36 @@
+
+/******************* Figures *******************/
+.song figure, .song audio {
+	display: inline-block;
+}
+.song figure {
+	position: relative;
+	width: fit-content;
+	margin: 0;
+	margin-top: 1em;
+}
+.song figure a:hover {
+	outline: none;
+}
+.song figure img {
+	vertical-align: middle;
+}
+.song figure>figcaption {
+	position: absolute;
+	bottom: 0em;
+	left: 0em;
+	padding-left: 1em;
+	background: rgba(0,0,0,0.5);
+	width: -moz-available;
+	width: -webkit-fill-available;
+}
+
+.song audio {
+	vertical-align: bottom;
+}
+
+/***************** Cinéma *******************/
+
+.cinema #img0_h, .cinema #img1_h {
+	display: none;
+}