dusk-radio/index.html

134 lines
3.5 KiB
HTML
Raw Permalink Normal View History

2021-10-03 14:20:14 +00:00
<!DOCTYPE html>
<html lang=ca>
<head>
<meta charset="utf-8"/>
2021-12-21 16:59:54 +00:00
<script src="script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=0.75"/>
2021-10-03 14:20:14 +00:00
<link rel="stylesheet" href="style.css"/>
<title>Duskin' Radio</title>
2021-12-21 16:59:54 +00:00
<link rel="icon" type="image/png" href="favicon.png"/>
2021-10-03 14:20:14 +00:00
</head>
<body>
<img alt="Logo: Duskin' Radio" src="logo.png" id="logo"/>
<h2>Cadenes</h2>
<hr/>
2021-12-21 16:59:54 +00:00
<button id="refresh">Refrescar Metadades</button>
2021-10-03 14:20:14 +00:00
<div class="container">
<div class="cadena" id="dancin">
<h3>Dancin'</h3>
2021-12-21 16:59:54 +00:00
<p>Nu Disco, House, Synthpop, Dance</p>
<p class="playing"></p>
2021-10-03 14:20:14 +00:00
<audio preload="metadata">
<source src="dancin.mp3" type="audio/mpeg"/>
Audio tag not supported
</audio>
2021-12-21 16:59:54 +00:00
<div>
<img class="play" alt="Play Button" src="./play.svg"/>
<img class="linkButton" alt="Copy Link" src="./chain.svg"/>
</div>
<input class="link"/>
2021-10-03 14:20:14 +00:00
</div>
<div class="cadena" id="funkin">
<h3>Funkin'</h3>
<p>Funk, Disco, R&amp;B</p>
2021-12-21 16:59:54 +00:00
<p class="playing"></p>
2021-10-03 14:20:14 +00:00
<audio preload="metadata">
<source src="funkin.mp3" type="audio/mpeg"/>
Audio tag not supported
</audio>
2021-12-21 16:59:54 +00:00
<div>
2021-10-03 14:20:14 +00:00
<img class="play" alt="Play Button" src="./play.svg"/>
2021-12-21 16:59:54 +00:00
<img class="linkButton" alt="Copy Link" src="./chain.svg"/>
</div>
<input class="link"/>
2021-10-03 14:20:14 +00:00
</div>
<div class="cadena" id="gazin">
<h3>Gazin'</h3>
<p>Rock Alternatiu, Shoegaze</p>
2021-12-21 16:59:54 +00:00
<p class="playing"></p>
2021-10-03 14:20:14 +00:00
<audio preload="metadata">
<source src="gazin.mp3" type="audio/mpeg"/>
Audio tag not supported
</audio>
2021-12-21 16:59:54 +00:00
<div>
2021-10-03 14:20:14 +00:00
<img class="play" alt="Play Button" src="./play.svg"/>
2021-12-21 16:59:54 +00:00
<img class="linkButton" alt="Copy Link" src="./chain.svg"/>
</div>
<input class="link"/>
2021-10-03 14:20:14 +00:00
</div>
<div class="cadena" id="doomin">
<h3>Doomin'</h3>
<p>Post Punk, Cold Wave</p>
2021-12-21 16:59:54 +00:00
<p class="playing"></p>
2021-10-03 14:20:14 +00:00
<audio preload="metadata">
<source src="doomin.mp3" type="audio/mpeg"/>
Audio tag not supported
</audio>
2021-12-21 16:59:54 +00:00
<div>
2021-10-03 14:20:14 +00:00
<img class="play" alt="Play Button" src="./play.svg"/>
2021-12-21 16:59:54 +00:00
<img class="linkButton" alt="Copy Link" src="./chain.svg"/>
</div>
<input class="link"/>
2021-10-03 14:20:14 +00:00
</div>
2021-12-21 16:59:54 +00:00
<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>
2021-10-03 14:20:14 +00:00
2021-12-21 16:59:54 +00:00
<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"/>
2021-10-03 14:20:14 +00:00
</body>
</html>