<!DOCTYPE html> <html lang=ca> <head> <meta charset="utf-8"/> <script src="script.js"></script> <meta name="viewport" content="width=device-width, initial-scale=0.75"/> <link rel="stylesheet" href="style.css"/> <title>Duskin' Radio</title> <link rel="icon" type="image/png" href="favicon.png"/> </head> <body> <img alt="Logo: Duskin' Radio" src="logo.png" id="logo"/> <h2>Cadenes</h2> <hr/> <button id="refresh">Refrescar Metadades</button> <div class="container"> <div class="cadena" id="dancin"> <h3>Dancin'</h3> <p>Nu Disco, House, Synthpop, Dance</p> <p class="playing"></p> <audio preload="metadata"> <source src="dancin.mp3" type="audio/mpeg"/> Audio tag not supported </audio> <div> <img class="play" alt="Play Button" src="./play.svg"/> <img class="linkButton" alt="Copy Link" src="./chain.svg"/> </div> <input class="link"/> </div> <div class="cadena" id="funkin"> <h3>Funkin'</h3> <p>Funk, Disco, R&B</p> <p class="playing"></p> <audio preload="metadata"> <source src="funkin.mp3" type="audio/mpeg"/> Audio tag not supported </audio> <div> <img class="play" alt="Play Button" src="./play.svg"/> <img class="linkButton" alt="Copy Link" src="./chain.svg"/> </div> <input class="link"/> </div> <div class="cadena" id="gazin"> <h3>Gazin'</h3> <p>Rock Alternatiu, Shoegaze</p> <p class="playing"></p> <audio preload="metadata"> <source src="gazin.mp3" type="audio/mpeg"/> Audio tag not supported </audio> <div> <img class="play" alt="Play Button" src="./play.svg"/> <img class="linkButton" alt="Copy Link" src="./chain.svg"/> </div> <input class="link"/> </div> <div class="cadena" id="doomin"> <h3>Doomin'</h3> <p>Post Punk, Cold Wave</p> <p class="playing"></p> <audio preload="metadata"> <source src="doomin.mp3" type="audio/mpeg"/> Audio tag not supported </audio> <div> <img class="play" alt="Play Button" src="./play.svg"/> <img class="linkButton" alt="Copy Link" src="./chain.svg"/> </div> <input class="link"/> </div> <div class="cadena" id="dreamin"> <h3>Dreamin'</h3> <p>Indie, Dream Pop, Emo</p> <p class="playing"></p> <audio preload="metadata"> <source src="dreamin.mp3" type="audio/mpeg"/> Audio tag not supported </audio> <div> <img class="play" alt="Play Button" src="./play.svg"/> <img class="linkButton" alt="Copy Link" src="./chain.svg"/> </div> <input class="link"/> </div> <div class="cadena" id="random"> <h3>Random Shit</h3> <p>El que siga</p> <p class="playing"></p> <audio preload="metadata"> <source src="random.mp3" type="audio/mpeg"/> Audio tag not supported </audio> <div> <img class="play" alt="Play Button" src="./play.svg"/> <img class="linkButton" alt="Copy Link" src="./chain.svg"/> </div> <input class="link"/> </div> </div> <footer id="bottom"> <p>Copia els enllaços per a escoltar en un client!</p> <p>Clients recomanats:</p> <div class="flist"> <ul type="square"> <li>MPV</li> <li>VLC</li> <li>Goodvibes (Linux)</li> <li>URL Radio (Android).</li> </ul> </div> <p>Enllaços:</p> <div class="flist"> <ul> <li>radio.dusk.fai.su:5080/dancin.mp3</li> <li>radio.dusk.fai.su:5080/funkin.mp3</li> <li>radio.dusk.fai.su:5080/gazin.mp3</li> <li>radio.dusk.fai.su:5080/doomin.mp3</li> <li>radio.dusk.fai.su:5080/dreamin.mp3</li> </ul> </div> </footer> <img id="funnygif" src="alunya_dance.gif"/> </body> </html>