From 4077be1980a3c52348285b77a3a86b77208c0a68 Mon Sep 17 00:00:00 2001
From: Boris Paing <git@borispaing.fr>
Date: Sun, 13 Dec 2020 15:09:08 +0100
Subject: [PATCH] Ajout "Regarder sur Peertube"

---
 g1meme.html                    |  89 ++++---
 index.html                     |  42 +--
 lib/openVideo.js               |   9 +-
 temoignages-interviews-g1.html | 473 ++++++++++++++++++++++-----------
 themes/attilax/layout.css      |  22 ++
 5 files changed, 420 insertions(+), 215 deletions(-)

diff --git a/g1meme.html b/g1meme.html
index 5653309..51350fa 100644
--- a/g1meme.html
+++ b/g1meme.html
@@ -23,59 +23,60 @@
 			</a>
 		</p>
 	</header>
-	
-	<h1>La June amusante</h1>
-	
-	<p>
-		Une collection de mèmes en rapport avec les monnaies libres ou la Ğ1.
-	</p>
-	
-	<ul>
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/Uncle-Sam-ML.jpg" alt="Oncle Sam veut que tu rejoignes la Ğ1" />
-		</li>
+	<main>
 		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/ML-Casa-de-Papel.jpeg" alt="" />
+		<h1>La June amusante</h1>
+		
+		<p>
+			Une collection de mèmes en rapport avec les monnaies libres ou la Ğ1.
+		</p>
+		
+		<ul>
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/Uncle-Sam-ML.jpg" alt="Oncle Sam veut que tu rejoignes la Ğ1" />
+			</li>
 			
-		</li>
-		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/Albert-Einstein-ML.jpg" alt="" />
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/ML-Casa-de-Papel.jpeg" alt="" />
+				
+			</li>
 			
-		</li>
-		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/Marx-G1.jpg" alt="Marx et la monnaie" />
-		</li>
-		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/magritte.jpeg" alt="" />
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/Albert-Einstein-ML.jpg" alt="" />
+				
+			</li>
 			
-		</li>
-		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/Jeune.png" alt="" />
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/Marx-G1.jpg" alt="Marx et la monnaie" />
+			</li>
 			
-		</li>
-		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/Jesus-june.jpg" alt="" />
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/magritte.jpeg" alt="" />
+				
+			</li>
 			
-		</li>
-		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/street-fighter2.jpg" alt="" />
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/Jeune.png" alt="" />
+				
+			</li>
 			
-		</li>
-		
-		<li>
-			<img data-lazyimg-list="true" src="img/memes/TRN-cc-00-by-sa.jpg" alt="Théorie Relative du Nem" />
-		</li>
-	</ul>
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/Jesus-june.jpg" alt="" />
+				
+			</li>
+			
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/street-fighter2.jpg" alt="" />
+				
+			</li>
+			
+			<li>
+				<img data-lazyimg-list="true" src="img/memes/TRN-cc-00-by-sa.jpg" alt="Théorie Relative du Nem" />
+			</li>
+		</ul>
 	
 	
-	    	
+	</main>    	
 	<footer>
 		<p>Vous aimez ce site ? Faites-moi un don en june :</p>
 		
diff --git a/index.html b/index.html
index 7643794..e823afd 100644
--- a/index.html
+++ b/index.html
@@ -20,29 +20,33 @@
 			</a>
 		</h1>
 	</header>
+	<main>
 	
-	<h2>Productions</h2>
 	
-	<dl>
-		<dt><a href="temoignages-interviews-g1.html">Paroles de libristes</a></dt>
+		<h2>Productions</h2>
 		
-			<dd>
-				Courtes interviews de membres de la première monnaie libre : la June.
-				Qui sont-ils ? Quelles sont leurs motivations ? Pourquoi pensent-ils que cette monnaie peut tout changer ?
-				Réponse ici et maintenant en vidéo.
-			</dd>
+		<dl>
+			<dt><a href="temoignages-interviews-g1.html">Paroles de libristes</a></dt>
 			
-		<dt><a href="g1meme.html">La June amusante</a></dt>
-			<dd>
-				collection de mèmes
-			</dd>
-			
-		<dt>Le Crevard de la June</dt>
-			<dd>
-				L'histoire d'un mec qui essaye de se faire certifier
-			</dd>
-	</dl>
-	
+				<dd>
+					Courtes interviews de membres de la première monnaie libre : la June.
+					Qui sont-ils ? Quelles sont leurs motivations ? Pourquoi pensent-ils que cette monnaie peut tout changer ?
+					Réponse ici et maintenant en vidéo.
+				</dd>
+				
+			<dt><a href="g1meme.html">La June amusante</a></dt>
+				<dd>
+					collection de mèmes
+				</dd>
+				
+			<dt>Le Crevard de la June</dt>
+				<dd>
+					L'histoire d'un mec qui essaye de se faire certifier
+				</dd>
+		</dl>
+		
+		
+	</main>
 	<footer>
 		<p>Vous aimez ce site ? Faites-moi un don en june :</p>
 		
diff --git a/lib/openVideo.js b/lib/openVideo.js
index 7356d7c..3409e99 100644
--- a/lib/openVideo.js
+++ b/lib/openVideo.js
@@ -2,9 +2,12 @@ function openVideo (elt) {
 	
 	let url = elt.href;
 	
-	var embedLink = url.replace(/(https?:\/\/.*\/videos)\/watch\/(.*)/, '$1/embed/$2?start=1s&amp;autoplay=1');
+	var embedLink = url.replace(/(https?:\/\/.*\/videos)\/watch\/(.*)/, '$1/embed/$2?start=0s&amp;autoplay=1');
 	
-	elt.insertAdjacentHTML('afterend', '<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="'+embedLink+'" frameborder="0" allowfullscreen></iframe>');
 	
-	elt.style.display = "none";
+	var image = elt.getElementsByTagName('img')[0];
+	
+	image.style.display = "none";
+	
+	image.insertAdjacentHTML('afterend', '<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="'+embedLink+'" frameborder="0" allowfullscreen></iframe>');
 }
diff --git a/temoignages-interviews-g1.html b/temoignages-interviews-g1.html
index 9475ba4..d4a224a 100644
--- a/temoignages-interviews-g1.html
+++ b/temoignages-interviews-g1.html
@@ -23,157 +23,332 @@
 			</a>
 		</p>
 	</header>
-	
-	<h1>Paroles de libristes</h1>
+	<main>
 	
 	
-	<h2>Virgule</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/e91a9d65-1c2b-4b65-9e0c-e9d936ab518b" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/virgule.jpg" alt="Interview de Virgule" />
-		</a>
-	</p>
-	
-	<h2>Léo</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/7f2e9175-ed2a-44fd-a46e-9dd166daea98" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/leo.jpg" alt="Interview de Léo" />
-		</a>
-	</p>
-    	
-	<h2>Hélios</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/3e0ab7b9-3d4b-4598-9ab6-8fe386328943" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/helios.jpg" alt="Interview de Hélios" />
-		</a>
-	</p>
-    	
-	<h2>Hugo</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/24b1811e-c778-4637-8ec2-e856ab75dc2e" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/hugo.jpg" alt="Interview d'Hugo" />
-		</a>
-	</p>
-	
-    	
-	<h2>Gérard</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/0c312dc4-afd5-47f3-83fd-9867d43278c9" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/gerard.jpg" alt="Interview de Gérard" />
-		</a>
-	</p>
-    	
-	<h2>Adrien</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/dc70fb70-b7c1-464f-9105-aaaf5dac64d7" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/adrien.jpg" alt="Interview d'Adrien" />
-		</a>
-	</p>
-    	
-	<h2>Nicole</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/abda67c7-7906-480b-b05e-07da977718be" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/nicole.jpg" alt="Interview de Nicole" />
-		</a>
-	</p>
-    	
-	<h2>Jérémy</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/6e8474b7-4b1d-4cbf-8f7b-939b2e9f8c08" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/jeremy.jpg" alt="Interview de Jérémy" />
-		</a>
-	</p>
-    	
-	<h2>Éloïs</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/ede66095-2665-4b4c-ab1a-b97c338c0472" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/elois.jpg" alt="Interview d'Éloïs" />
-		</a>
-	</p>
-    	
-	<h2>Gauthier et Élodie</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/74c0f481-58a5-4420-ba77-72e954183c84" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/gauthier-et-elodie.jpg" alt="Interview de Gauthier et Élodie" />
-		</a>
-	</p>
-    	
-	<h2>Anne</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/e6d6b862-a9ad-4d96-94ca-02926ab8845a" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/anne.jpg" alt="Interview d'Anne" />
-		</a>
-	</p>
-    	
-	<h2>Stéphane</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/7d866d73-edf1-4de3-bcb8-e6b5a09a60b1" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/stephane.jpg" alt="Interview de Stéphane" />
-		</a>
-	</p>
-    	
-	<h2>Fred</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/b7ee56aa-f95a-4130-9542-2ffb7acb7e1b" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/fred.jpg" alt="Interview de Fred" />
-		</a>
-	</p>
-    	
-	<h2>Gaëlle</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/1a67e4e2-771d-49f7-8d8a-5f25308f2585" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/gaelle.jpg" alt="Interview de Gaëlle" />
-		</a>
-	</p>
-    	
-	<h2>gpsqueek</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/919d851a-5fc8-4cb9-b30c-b5846756d595" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/gpsqueek.jpg" alt="Interview de gpsqueek" />
-		</a>
-	</p>
-    	
-	<h2>VIT</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/5b629b22-5693-4cb3-b12f-75b3b3ae4a05" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/vit.jpg" alt="Interview de VIT" />
-		</a>
-	</p>
-    	
-	<h2>Danielle</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/01b410a0-920b-450c-aa30-2fe02e36e81d" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/danielle.jpg" alt="Interview de Danielle" />
-		</a>
-	</p>
-	
-    	
-	<h2>Pi, Attilax et Poka</h2>
-	
-	<p>
-		<a href="https://tube.p2p.legal/videos/watch/036be93f-88aa-4bba-96a5-e6442d631ab8" onclick="openVideo(this); return false;">
-			<img data-lazyimg-list="true" src="img/itw/pi-attilax-poka.jpg" alt="Interview de Pi, Attilax et Poka" />
-		</a>
-	</p>
-	
-    	
+		<h1>Paroles de libristes</h1>
+		
+		
+		<h2>Virgule</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/e91a9d65-1c2b-4b65-9e0c-e9d936ab518b" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/virgule.jpg" alt="Interview de Virgule" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/e91a9d65-1c2b-4b65-9e0c-e9d936ab518b">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		<h2>Léo</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/7f2e9175-ed2a-44fd-a46e-9dd166daea98" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/leo.jpg" alt="Interview de Léo" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/7f2e9175-ed2a-44fd-a46e-9dd166daea98">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		<h2>Hélios</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/3e0ab7b9-3d4b-4598-9ab6-8fe386328943" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/helios.jpg" alt="Interview de Hélios" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/3e0ab7b9-3d4b-4598-9ab6-8fe386328943">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		<h2>Hugo</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/24b1811e-c778-4637-8ec2-e856ab75dc2e" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/hugo.jpg" alt="Interview d'Hugo" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/24b1811e-c778-4637-8ec2-e856ab75dc2e">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		<h2>Gérard</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/0c312dc4-afd5-47f3-83fd-9867d43278c9" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/gerard.jpg" alt="Interview de Gérard" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/0c312dc4-afd5-47f3-83fd-9867d43278c9">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Adrien</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/dc70fb70-b7c1-464f-9105-aaaf5dac64d7" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/adrien.jpg" alt="Interview d'Adrien" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/dc70fb70-b7c1-464f-9105-aaaf5dac64d7">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Nicole</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/abda67c7-7906-480b-b05e-07da977718be" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/nicole.jpg" alt="Interview de Nicole" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/abda67c7-7906-480b-b05e-07da977718be">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Jérémy</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/6e8474b7-4b1d-4cbf-8f7b-939b2e9f8c08" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/jeremy.jpg" alt="Interview de Jérémy" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/6e8474b7-4b1d-4cbf-8f7b-939b2e9f8c08">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Éloïs</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/ede66095-2665-4b4c-ab1a-b97c338c0472" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/elois.jpg" alt="Interview d'Éloïs" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/ede66095-2665-4b4c-ab1a-b97c338c0472">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Gauthier et Élodie</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/74c0f481-58a5-4420-ba77-72e954183c84" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/gauthier-et-elodie.jpg" alt="Interview de Gauthier et Élodie" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/74c0f481-58a5-4420-ba77-72e954183c84">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Anne</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/e6d6b862-a9ad-4d96-94ca-02926ab8845a" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/anne.jpg" alt="Interview d'Anne" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/e6d6b862-a9ad-4d96-94ca-02926ab8845a">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Stéphane</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/7d866d73-edf1-4de3-bcb8-e6b5a09a60b1" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/stephane.jpg" alt="Interview de Stéphane" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/7d866d73-edf1-4de3-bcb8-e6b5a09a60b1">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Fred</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/b7ee56aa-f95a-4130-9542-2ffb7acb7e1b" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/fred.jpg" alt="Interview de Fred" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/b7ee56aa-f95a-4130-9542-2ffb7acb7e1b">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Gaëlle</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/1a67e4e2-771d-49f7-8d8a-5f25308f2585" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/gaelle.jpg" alt="Interview de Gaëlle" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/1a67e4e2-771d-49f7-8d8a-5f25308f2585">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>gpsqueek</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/919d851a-5fc8-4cb9-b30c-b5846756d595" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/gpsqueek.jpg" alt="Interview de gpsqueek" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/919d851a-5fc8-4cb9-b30c-b5846756d595">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>VIT</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/5b629b22-5693-4cb3-b12f-75b3b3ae4a05" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/vit.jpg" alt="Interview de VIT" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/5b629b22-5693-4cb3-b12f-75b3b3ae4a05">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+	    	
+		<h2>Danielle</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/01b410a0-920b-450c-aa30-2fe02e36e81d" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/danielle.jpg" alt="Interview de Danielle" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/01b410a0-920b-450c-aa30-2fe02e36e81d">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+		
+	    	
+		<h2>Pi, Attilax et Poka</h2>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/036be93f-88aa-4bba-96a5-e6442d631ab8" onclick="openVideo(this); return false;">
+				<img data-lazyimg-list="true" src="img/itw/pi-attilax-poka.jpg" alt="Interview de Pi, Attilax et Poka" />
+			</a>
+		</p>
+		
+		<p>
+			<a href="https://tube.p2p.legal/videos/watch/036be93f-88aa-4bba-96a5-e6442d631ab8">
+				Regarder sur Peertube
+			</a>
+		</p>
+		
+		
+		
+		
+		
+		
+		
+	</main>
 	<footer>
 		<p>Vous aimez ce site ? Faites-moi un don en june :</p>
 		
diff --git a/themes/attilax/layout.css b/themes/attilax/layout.css
index 6ca5031..f1707c3 100644
--- a/themes/attilax/layout.css
+++ b/themes/attilax/layout.css
@@ -52,6 +52,28 @@ dt {
 	margin-bottom: 0.5rem;
 }
 
+.page-paroles-de-libristes main a {
+
+	text-decoration: none;
+}
+
+.page-paroles-de-libristes a .CTA {
+	
+	display: block;
+	margin-top: 0.5rem;
+	margin-bottom: 0.5rem;
+	
+}
+
+.page-paroles-de-libristes h2 {
+	
+	margin-top: 4rem;
+}
+
+.page-paroles-de-libristes h2 + p:last-of-type {
+	
+	margin-bottom: 4rem;
+}
 
 
 .page-memes ul {