134 lines
3.5 KiB
HTML
134 lines
3.5 KiB
HTML
<!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>
|
|
|