From 89b1057cc65a9b915e5f3c0e8d2d1d0ca153abe8 Mon Sep 17 00:00:00 2001
From: nono-lqdn <np@laquadrature.net>
Date: Tue, 30 Jun 2026 22:26:28 +0200
Subject: [PATCH 1/5] Changement du texte du lien vers le space Matrix

---
 contact.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/contact.html b/contact.html
index f11e331..789749b 100644
--- a/contact.html
+++ b/contact.html
@@ -41,7 +41,7 @@
             </div>
             <div>
                 <h3>Matrix :</h3>
-                <a href="https://matrix.to/#/#camp-space:matrix.interhacker.space" class="matrix-link">#interhack:matrix.interhacker.space</a>
+                <a href="https://matrix.to/#/#camp-space:matrix.interhacker.space" class="matrix-link">#camp-space:matrix.interhacker.space</a>
             </div>
         </section>
     </main>

From 9f6593331c22ed7d986fc730a573eced448c3e04 Mon Sep 17 00:00:00 2001
From: lucaskev <lucaskev@protonmail.com>
Date: Wed, 1 Jul 2026 13:57:25 +0000
Subject: [PATCH 2/5] Change de runner

---
 .forgejo/workflows/build.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.forgejo/workflows/build.yaml b/.forgejo/workflows/build.yaml
index 1467c91..23ead74 100644
--- a/.forgejo/workflows/build.yaml
+++ b/.forgejo/workflows/build.yaml
@@ -1,7 +1,7 @@
 on: [push]
 jobs:
   build:
-    runs-on: docker
+    runs-on: hadrien
     steps:
       - name: Checkout code
         uses: actions/checkout@v4

From 3c36572ce1af9d5b6aed43428f8bd1b8350ef787 Mon Sep 17 00:00:00 2001
From: lucaskev <lucaskev@protonmail.com>
Date: Wed, 1 Jul 2026 14:48:34 +0000
Subject: [PATCH 3/5] revert 9f6593331c22ed7d986fc730a573eced448c3e04

revert Change de runner
---
 .forgejo/workflows/build.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.forgejo/workflows/build.yaml b/.forgejo/workflows/build.yaml
index 23ead74..1467c91 100644
--- a/.forgejo/workflows/build.yaml
+++ b/.forgejo/workflows/build.yaml
@@ -1,7 +1,7 @@
 on: [push]
 jobs:
   build:
-    runs-on: hadrien
+    runs-on: docker
     steps:
       - name: Checkout code
         uses: actions/checkout@v4

From 00711354f0fb75eb58c8c5e120fbdc30fca9d657 Mon Sep 17 00:00:00 2001
From: nono-lqdn <np@laquadrature.net>
Date: Wed, 1 Jul 2026 17:58:30 +0200
Subject: [PATCH 4/5] Ajout d'un bouton et d'un player audio sur la page
 d'acceuil pour streamer la radio de l'interhack

---
 assets/pause-solid-full.svg |  1 +
 assets/play-solid-full.svg  |  1 +
 css/home.css                | 23 +++++++++++++++++++++++
 index.html                  | 19 +++++++++++++++----
 js/radio.js                 | 23 +++++++++++++++++++++++
 5 files changed, 63 insertions(+), 4 deletions(-)
 create mode 100644 assets/pause-solid-full.svg
 create mode 100644 assets/play-solid-full.svg
 create mode 100644 js/radio.js

diff --git a/assets/pause-solid-full.svg b/assets/pause-solid-full.svg
new file mode 100644
index 0000000..a45f416
--- /dev/null
+++ b/assets/pause-solid-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M176 96C149.5 96 128 117.5 128 144L128 496C128 522.5 149.5 544 176 544L240 544C266.5 544 288 522.5 288 496L288 144C288 117.5 266.5 96 240 96L176 96zM400 96C373.5 96 352 117.5 352 144L352 496C352 522.5 373.5 544 400 544L464 544C490.5 544 512 522.5 512 496L512 144C512 117.5 490.5 96 464 96L400 96z"/></svg>
\ No newline at end of file
diff --git a/assets/play-solid-full.svg b/assets/play-solid-full.svg
new file mode 100644
index 0000000..460cdbb
--- /dev/null
+++ b/assets/play-solid-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z"/></svg>
\ No newline at end of file
diff --git a/css/home.css b/css/home.css
index 0ad352d..d6b71ec 100644
--- a/css/home.css
+++ b/css/home.css
@@ -157,3 +157,26 @@ font-size : 1.5em;
     50% { background-position: 100% 50%; }
     100% { background-position: 0% 50%; }
 }
+
+/* Radio Interhack */
+
+#radio-player {
+    float: left;
+    z-index: 100000;
+    background-color: aqua;
+    height: 1em;
+    width: 1em;
+    position: absolute;
+        bottom: 1em;
+        right: 1em;
+    position: fixed;
+    border-radius: 10%;
+}
+
+#radio-button {
+    background: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: none;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index a12c381..db04284 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
 		<script src="js/drag.js" defer></script>
 		<script src="js/progress.js" defer></script>
 		<script src="js/pop.js" defer></script>
+		<script src="js/radio.js" defer></script>
 		<link rel="icon" type="image/x-icon" href="assets/stickers/ecran.png">
 		<title>Camp Interhack</title>
 	</head>
@@ -109,7 +110,7 @@
 				<br>
 				<p>
 					C'est <b>complet</b> !
-					<br> 
+					<br>
 					Nous avons reçu en amont</p>
 				<div class="places">
 					<span class="bar">
@@ -119,10 +120,10 @@
 					</span>
 				</div>
 				<p>des dons dont nous avons besoin.</p>
-				
+
 				<p>
-					Merci !! 
-					<br> 
+					Merci !!
+					<br>
 					Et nous comptons sur vous pour continuer à vous mobiliser avant et durant le camp, pour que l'on puisse atteindre les 100% !
 				</p>
 			</section>
@@ -192,6 +193,16 @@
 						<p>et bien d'autres !<br> Rejoignez le canal Matrix sur <code>#interhack:matrix.interhacker.space</code></p>
 				</div>
 			</section>
+
+			<section id="radio-player">
+				<audio preload=”metadata”>
+					<source src="http://stream.p-node.org/interhack.mp3" type="audio/mp3">
+					😥
+				</audio>
+				<span id="radio-button">
+					<img src="assets/play-solid-full.svg" alt="play button">
+				</span>
+			</section>
 		</main>
 		<footer>
 			<div>
diff --git a/js/radio.js b/js/radio.js
new file mode 100644
index 0000000..e503230
--- /dev/null
+++ b/js/radio.js
@@ -0,0 +1,23 @@
+// Code Javascript pour la radio du Camp Interhack
+// Hébergé par P-Node
+// Propulsé par le Radio Operation Center
+// En live depuis l'Antenne
+
+const radioPlayer = document.getElementById("radio-player");
+const audio = document.querySelector('audio');
+const radioButton = document.getElementById("radio-button");
+
+let state = "paused" // Can be : "playing" or "paused"
+
+radioPlayer.addEventListener('click', () => {
+    if(state == "paused"){
+        state = "playing";
+        audio.play();
+        radioButton.innerHTML = '<img src="assets/pause-solid-full.svg" alt="pause button">';
+
+    } else {
+        state = "paused"
+        audio.pause();
+        radioButton.innerHTML = '<img src="assets/play-solid-full.svg" alt="play button">';
+    }
+});
\ No newline at end of file

From fa10dffd96530b4ca897e215bad5de2171b6deb0 Mon Sep 17 00:00:00 2001
From: nono-lqdn <np@laquadrature.net>
Date: Wed, 1 Jul 2026 17:58:30 +0200
Subject: [PATCH 5/5] Ajout d'un bouton et d'un player audio sur la page
 d'acceuil pour streamer la radio de l'interhack

---
 assets/pause-solid-full.svg |  1 +
 assets/play-solid-full.svg  |  1 +
 css/home.css                | 23 +++++++++++++++++++++++
 index.html                  | 19 +++++++++++++++----
 js/radio.js                 | 23 +++++++++++++++++++++++
 5 files changed, 63 insertions(+), 4 deletions(-)
 create mode 100644 assets/pause-solid-full.svg
 create mode 100644 assets/play-solid-full.svg
 create mode 100644 js/radio.js

diff --git a/assets/pause-solid-full.svg b/assets/pause-solid-full.svg
new file mode 100644
index 0000000..a45f416
--- /dev/null
+++ b/assets/pause-solid-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M176 96C149.5 96 128 117.5 128 144L128 496C128 522.5 149.5 544 176 544L240 544C266.5 544 288 522.5 288 496L288 144C288 117.5 266.5 96 240 96L176 96zM400 96C373.5 96 352 117.5 352 144L352 496C352 522.5 373.5 544 400 544L464 544C490.5 544 512 522.5 512 496L512 144C512 117.5 490.5 96 464 96L400 96z"/></svg>
\ No newline at end of file
diff --git a/assets/play-solid-full.svg b/assets/play-solid-full.svg
new file mode 100644
index 0000000..460cdbb
--- /dev/null
+++ b/assets/play-solid-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z"/></svg>
\ No newline at end of file
diff --git a/css/home.css b/css/home.css
index 0ad352d..d6b71ec 100644
--- a/css/home.css
+++ b/css/home.css
@@ -157,3 +157,26 @@ font-size : 1.5em;
     50% { background-position: 100% 50%; }
     100% { background-position: 0% 50%; }
 }
+
+/* Radio Interhack */
+
+#radio-player {
+    float: left;
+    z-index: 100000;
+    background-color: aqua;
+    height: 1em;
+    width: 1em;
+    position: absolute;
+        bottom: 1em;
+        right: 1em;
+    position: fixed;
+    border-radius: 10%;
+}
+
+#radio-button {
+    background: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: none;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index a12c381..db04284 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
 		<script src="js/drag.js" defer></script>
 		<script src="js/progress.js" defer></script>
 		<script src="js/pop.js" defer></script>
+		<script src="js/radio.js" defer></script>
 		<link rel="icon" type="image/x-icon" href="assets/stickers/ecran.png">
 		<title>Camp Interhack</title>
 	</head>
@@ -109,7 +110,7 @@
 				<br>
 				<p>
 					C'est <b>complet</b> !
-					<br> 
+					<br>
 					Nous avons reçu en amont</p>
 				<div class="places">
 					<span class="bar">
@@ -119,10 +120,10 @@
 					</span>
 				</div>
 				<p>des dons dont nous avons besoin.</p>
-				
+
 				<p>
-					Merci !! 
-					<br> 
+					Merci !!
+					<br>
 					Et nous comptons sur vous pour continuer à vous mobiliser avant et durant le camp, pour que l'on puisse atteindre les 100% !
 				</p>
 			</section>
@@ -192,6 +193,16 @@
 						<p>et bien d'autres !<br> Rejoignez le canal Matrix sur <code>#interhack:matrix.interhacker.space</code></p>
 				</div>
 			</section>
+
+			<section id="radio-player">
+				<audio preload=”metadata”>
+					<source src="http://stream.p-node.org/interhack.mp3" type="audio/mp3">
+					😥
+				</audio>
+				<span id="radio-button">
+					<img src="assets/play-solid-full.svg" alt="play button">
+				</span>
+			</section>
 		</main>
 		<footer>
 			<div>
diff --git a/js/radio.js b/js/radio.js
new file mode 100644
index 0000000..e503230
--- /dev/null
+++ b/js/radio.js
@@ -0,0 +1,23 @@
+// Code Javascript pour la radio du Camp Interhack
+// Hébergé par P-Node
+// Propulsé par le Radio Operation Center
+// En live depuis l'Antenne
+
+const radioPlayer = document.getElementById("radio-player");
+const audio = document.querySelector('audio');
+const radioButton = document.getElementById("radio-button");
+
+let state = "paused" // Can be : "playing" or "paused"
+
+radioPlayer.addEventListener('click', () => {
+    if(state == "paused"){
+        state = "playing";
+        audio.play();
+        radioButton.innerHTML = '<img src="assets/pause-solid-full.svg" alt="pause button">';
+
+    } else {
+        state = "paused"
+        audio.pause();
+        radioButton.innerHTML = '<img src="assets/play-solid-full.svg" alt="play button">';
+    }
+});
\ No newline at end of file