diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..5725a1e --- /dev/null +++ b/index.html @@ -0,0 +1,89 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>Radio Helsinki Livestream</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta name="description" content="Radio Helsinki Livestream"> + <meta name="author" content="Christian Pointner <equinox@helsinki.at>"> + + <meta property="og:title" content="Radio Helsinki Livestream" /> + <meta property="og:description" content="Das freie Radio in Graz." /> + <meta property="og:url" content="https://live.helsinki.at" /> + <meta property="og:type" content="music.radio_station" /> + <meta property="og:image" content="https://live.helsinki.at/img/helsinki.png" /> + + <link rel="shortcut icon" href="/img/favicon.ico" /> + <link href="/styles/bootstrap/bootstrap.min.css" rel="stylesheet"> + <link href="/styles/main.css" rel="stylesheet"> + <script src="/js/jquery.min.js"></script> + <script src="/js/main.js"></script> +</head> +<body> + <div class="container" id="main"> + + <div class="text-center" id="player-box"> + <div class="spacer d-none d-md-block"> </div> + <div id="player"> + <div id="player-playstop"> + <div id="player-playstop-overlay"> + <div id="player-playstop-overlay-inner"></div> + </div> + <div id="player-spinner-overlay"> + <div class="spinner-grow text-light" id="player-spinner-overlay-inner"></div> + </div> + <img src="/img/helsinki.png" alt="radio helsinki logo" /> + </div> + <audio id="player-audio"></audio> + <div id="player-ctrl"> + <input type="range" id="player-volume" min="0" max="100" value="100"> + <div id="player-mute"></div> + </div> + </div> + </div> + + <div class="text-center" id="website"> + <a href="https://helsinki.at" target="_blank"> + <h1 class="d-none d-sm-block">Radio Helsinki Website</h1> + <h2 class="d-block d-sm-none">Radio Helsinki Website</h2> + </a> + </div> + + <div class="row d-none d-sm-block"> + <div class="col-lg-6 offset-lg-3 text-center" id="links"> + Andere Formate und Bitraten: + <table class="table table-condensed"> + <tr> + <th>Format</th> + <th colspan=3>Bitrate</th> + </tr> + <tr> + <td>Ogg/Vorbis</td> + <td><a href="https://live.helsinki.at:8088/live160.ogg">160 Kbit/s</a></td> + <td><a href="https://live.helsinki.at:8088/live128.ogg">128 Kbit/s</a></td> + <td><a href="https://live.helsinki.at:8088/live96.ogg">96 Kbit/s</a></td> + </tr> + <tr> + <td>MP3</td> + <td><a href="https://live.helsinki.at:8088/live160.mp3">160 Kbit/s</a></td> + <td><a href="https://live.helsinki.at:8088/live128.mp3">128 Kbit/s</a></td> + <td><a href="https://live.helsinki.at:8088/live96.mp3">96 Kbit/s</a></td> + </tr> + </table> + </div> + </div> + + <script type="text/javascript"> + $( document ).ready(function() { + player_init(); + }); + </script> + </div> + + <footer class="footer text-center"> + powered by <a href="http://mur.at" target="_blank"><img src="/img/mur.at.png" /><span class="d-none d-sm-inline"> mur.at</span></a> + <a href="http://www.flumotion.net" target="_blank"><img src="/img/flumotion.png" /><span class="d-none d-sm-inline"> Flumotion</span></a> + </footer> + +</body> +</html> |