<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Radio Faskil (bêta)</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <script type="text/javascript">
	
		let currentTracks = {};
		
		function checkTrackChange() {
			fetch(window.location.href)
				.then(response =&gt; response.text())
				.then(html =&gt; {
					const parser = new DOMParser();
					const doc = parser.parseFromString(html, 'text/html');
					const trackElements = doc.querySelectorAll('.now-playing strong');
					let changed = false;
					
					trackElements.forEach((elem, index) =&gt; {
						const newTrack = elem.textContent;
						if (currentTracks[index] &amp;&amp; newTrack !== currentTracks[index]) {
							changed = true;
						}
						currentTracks[index] = newTrack;
					});
					
					if (changed) {
						window.location.reload();
					}
				});
		}

		// Store initial track names when page loads
		document.addEventListener('DOMContentLoaded', () =&gt; {
			const trackElements = document.querySelectorAll('.now-playing strong');
			trackElements.forEach((elem, index) =&gt; {
				currentTracks[index] = elem.textContent;
			});
			// Check for track changes every 60 seconds
			setInterval(checkTrackChange, 60000);
		});
	

	</script>
  </head>
  <body>
    <div class="cutout"><p><img src="https://news.faskil.com/wp-content/uploads/2022/02/pexels-anthony-157557-640x318.jpg" /></p><h1 id="header">RADIO FASKIL (bêta)</h1><p><a href="https://podcasts.faskil.com"><img src="https://images.faskil.com/radio_faskil.gif" /></a></p><p>
	Des épisodes de podcasts et des mixes, en diffusion aléatoire 24/7.
	</p>
	<!-- WARNING:
	 DO NOT ATTEMPT TO PARSE ICECAST HTML OUTPUT!
	 The web interface may change completely between releases.
	 If you have a need for automatic processing of server data,
	 please read the appropriate documentation. Latest docs:
	 https://icecast.org/docs/icecast-latest/icecast2_stats.html
	-->
	<div style="background-color: #f0f0f0; padding: 15px; margin: 10px 0; border-radius: 4px;"><h3 style="margin-top: 0; margin-bottom: 5px; color: #1e73be; text-align: center; font-family: 'Rubik', sans-serif;">Canal Podcasts</h3><p style="font-size: 14px; color: #666; margin: 5px 0;">Podcasts Musicaux</p><p style="font-size:10px; margin: 5px 0 10px 0; color: #666;">
                (Morceaux Choisis, 12 Pouces, Le Discographe, La Nocturne)
                </p><p class="now-playing" style="font-size:16px; margin: 10px 0;">
		🎵 En cours : <strong>12 Pouces - Épisode 13</strong> 🎵
		</p><p style="font-size:14px; margin: 10px 0;">
		Flux audio : <a class="play" href="https://radio.faskil.com/podcasts">https://radio.faskil.com/podcasts</a></p></div><div style="background-color: #f0f0f0; padding: 15px; margin: 10px 0; border-radius: 4px;"><h3 style="margin-top: 0; margin-bottom: 5px; color: #1e73be; text-align: center; font-family: 'Rubik', sans-serif;">Canal Groovy</h3><p style="font-size: 14px; color: #666; margin: 5px 0;">DJ Sets Electronic/Dance</p><p style="font-size:10px; margin: 5px 0 10px 0; color: #666;">
                (Silly Waffles, The Patreon Mixes, Patreon Live Sessions, Blended &amp; Baked Groovy)
                </p><p class="now-playing" style="font-size:16px; margin: 10px 0;">
		🎵 En cours : <strong>Patreon Live Sessions: March 2024</strong> 🎵
		</p><p style="font-size:14px; margin: 10px 0;">
		Flux audio : <a class="play" href="https://radio.faskil.com/groovy">https://radio.faskil.com/groovy</a></p></div><div style="background-color: #f0f0f0; padding: 15px; margin: 10px 0; border-radius: 4px;"><h3 style="margin-top: 0; margin-bottom: 5px; color: #1e73be; text-align: center; font-family: 'Rubik', sans-serif;">Canal Chill</h3><p style="font-size: 14px; color: #666; margin: 5px 0;">DJ Sets Chillout/Downtempo</p><p style="font-size:10px; margin: 5px 0 10px 0; color: #666;">
                (The Chill Pill, Chill0ut Sundays, Blended &amp; Baked Chill)
                </p><p class="now-playing" style="font-size:16px; margin: 10px 0;">
		🎵 En cours : <strong>The Chill Pill 32</strong> 🎵
		</p><p style="font-size:14px; margin: 10px 0;">
		Flux audio : <a class="play" href="https://radio.faskil.com/chill">https://radio.faskil.com/chill</a></p></div><div style="background-color: #f0f0f0; padding: 15px; margin: 10px 0; border-radius: 4px;"><h3 style="margin-top: 0; margin-bottom: 5px; color: #1e73be; text-align: center; font-family: 'Rubik', sans-serif;">Canal Geekzone</h3><p style="font-size: 14px; color: #666; margin: 5px 0;">Podcasts Divers</p><p style="font-size:10px; margin: 5px 0 10px 0; color: #666;">
                (Les Démons du MIDI, Torréfaction, Les Clairvoyants, L'Éconocast, Dans Le Canap', La Pause Comics, Memory Stick)
                </p><p class="now-playing" style="font-size:16px; margin: 10px 0;">
		🎵 En cours : <strong>Les Démons du MIDI (#44) : Jukebox de Mai '17</strong> 🎵
		</p><p style="font-size:14px; margin: 10px 0;">
		Flux audio : <a class="play" href="https://radio.faskil.com/geekzone">https://radio.faskil.com/geekzone</a></p></div><div style="background-color: #ffeeee; padding: 5px; border-radius: 4px;"><p style="color: #0a0a0a; font-size: 14px;">⚠ Si vous utilisez VLC, remplacez https:// par icyx:// dans l'adresse du flux.</p></div><p style="margin-top: 30px;"><a href="https://faskil.com">faskil.com</a> | <a href="https://podcasts.faskil.com">podcasts</a> | <a href="https://mastodon.social/@Faskil">mastodon</a> | <a href="https://faskil.com/discord">discord</a> | <a href="https://patreon.com/faskil">patreon</a> | <a href="https://www.geekzone.fr">geekzone.fr</a> | <a href="https://contact.faskil.com">contact</a></p></div>
    <div id="footer">
      <p>
        <span style="color:white">
		Copyright (c) 2025 Faskil. Tous droits réservés.
		</span>
      </p>
    </div>
  </body>
</html>
