-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (52 loc) · 2.96 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fsh radio</title>
<!-- Boiler plate------ -->
<link rel="icon" href="https://fsh.plus/fsh.png" type="image/png">
<meta name="description" content="Fsh radio, listen to songs with people all around the world.">
<!-- ------- -->
<link rel="stylesheet" href="https://fsh.plus/media/style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:image" content="https://fsh.plus/fsh.png"/>
<meta name="theme-color" content="#a89c9b">
<!-- ------------------ -->
<link rel="stylesheet" href="/media/style.css">
<link rel="manifest" href="/manifest.json">
</head>
<body>
<a href="https://fsh.plus">
<table class="title">
<tr>
<td><video src="https://fsh.plus/fsh.webm" playsinline autoplay muted loop width="100" alt="Spining low quality fish"></video></td>
<td><h1>Fsh</h1></td>
</tr>
</table>
</a>
<h2 style="margin-top:-20px">Radio</h2>
<br>
<h2>Player <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256" style="margin-bottom:-3px"><path d="M51 58.3067C51 56.0397 52.5252 54.0564 54.7162 53.4744L249.716 1.6694C252.889 0.826395 256 3.21856 256 6.50178V172.46H227.904V64.8805C227.904 61.628 224.847 59.2413 221.692 60.0295L84.7883 94.2271C82.562 94.7832 81 96.7833 81 99.078V224H51.0001L51 58.3067Z"></path><ellipse cx="40.5" cy="224" rx="40.5" ry="32"></ellipse><ellipse cx="214.5" cy="172.5" rx="41.5" ry="31.5"></ellipse></svg></h2>
<div class="player">
<img id="track-cover" width="80" height="80" alt="Cover image of track" src="https://fsh.plus/fsh.png">
<span>
<span id="track-title">Loading...</span>
<span id="track-author">By: Loading...</span>
<span class="controls">
<button aria-label="Play/Pause radio" onclick="changePlayStatus()"><svg id="play-svg" width="16" height="16" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M42 25.5255C42 20.8774 47.0573 17.9945 51.057 20.3627L223.281 122.337C227.205 124.661 227.205 130.339 223.281 132.663L51.057 234.637C47.0573 237.006 42 234.123 42 229.474V25.5255Z"/></svg></button>
<input aria-label="Radio volume" type="range" max="100" min="0" value="100" onchange="volumeUpdate()" oninput="volumeUpdate()" id="volume-in">
<label id="volume-out" for="volume-in">100</label>
</span>
</span>
</div>
<audio id="audio-player" style="display:none" src="https://stream.zeno.fm/f7qzuwipf1gvv"></audio>
<script src="/media/script.js"></script>
<br><br>
<span>
<a href="https://zeno.fm/radio/fsh-fm" target="_blank"><button>Zeno</button></a>
<a href="https://stream.zeno.fm/f7qzuwipf1gvv"><button>Direct stream</button></a>
</span>
<p class="contact">For suggestions / takedowns contact [email protected]</p>
</body>
</html>