lainchan/templates/themes/radio/radio.html

76 lines
3.1 KiB
HTML
Raw Normal View History

2014-09-28 15:43:15 -04:00
{% filter remove_whitespace %}
<!DOCTYPE html>
2016-09-23 09:40:55 -04:00
<html style="height:100vh; width:100%;">
2014-09-28 15:43:15 -04:00
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
2014-09-28 15:43:15 -04:00
<title>{{ settings.title }}</title>
<link rel="shortcut icon" href="/favicon.png">
<link rel="stylesheet" media="screen" href="/stylesheets/style.css"/>
2016-09-23 09:40:55 -04:00
<link rel="stylesheet" media="screen" href="/stylesheets/cyberpunk.css"/>
2015-02-14 00:12:54 -05:00
<link rel="stylesheet" href="/stylesheets/font-awesome/css/font-awesome.min.css">
<script src="https://lainchan.org/js/jquery.min.js"></script>
2016-09-23 09:40:55 -04:00
<script type="text/javascript">
$(document).ready(function(){
check_status();
setInterval(check_status, 15000);
});
function check_status(){
$.get("{{ settings.radiostatus }}", function(data){
2016-09-23 09:40:55 -04:00
var el = $( '<div></div>' );
el.html(data.getElementsByTagName('html')[0].innerHTML);
var sd = el.find(".streamstats");
$(".nowplaying").text("Now playing: " + sd[5].textContent);
$(".currentlisteners").text("Current listeners: " + (parseInt(sd[2].textContent) + parseInt(sd[8].textContent)));
});}
2016-09-23 09:40:55 -04:00
</script>
</head>
<body style=" background: url(/bg.php) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
">
<div class="bar top">
{{ boardlist.top }}
2014-11-12 19:31:00 -05:00
</div>
2014-09-28 15:43:15 -04:00
2016-09-23 09:40:55 -04:00
{% if config.url_banner %}<img class="board_image" src="{{ config.url_banner }}" {% if config.banner_width or config.banner_height %}style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};{% if config.banner_width %}height:{{ config.banner_height }}px{% endif %}" {% endif %}alt="" />{% endif %}
2014-09-28 15:43:15 -04:00
<header>
<h1>{{ settings.title }}</h1>
<div class="subtitle">{{ settings.subtitle }}</div>
</header>
2016-09-23 09:40:55 -04:00
<img alt="mascot" src="static/lain_is_cute_datass_small.png" style="display: block; margin: 0 auto;"/>
<div class="ban" style="margin-top: 0px!important; background-color: black; text-align: left!important;">
<h2>WELCOME TO CYBERIA</h2>
<p>Welcome to lainchan's radio stream.
</p>
<noscript><p>Radio statistics will be not be updated without JavaScript, please visit {{ settings.radiostatus }} to see them directly.</p></noscript>
2016-09-23 09:40:55 -04:00
<p class="nowplaying"> Now playing:
</p>
<p class="currentlisteners"> Current listeners:
</p>
<ul>
<li><a href="{{ settings.radiooggplaylist }}">Vorbis M3U Playlist</a></li>
<li><a href="{{ settings.radiomp3playlist }}">MP3 M3U Playlist</a></li>
2016-09-23 09:40:55 -04:00
XSPF considered harmful.
</ul>
2014-09-28 15:43:15 -04:00
2016-09-23 09:40:55 -04:00
<audio controls preload="none" style="margin: 0 5% 20px 5%; width: 90%; box-shadow: 0px 0px 5px black;">
<source src="{{ settings.radiooggsource }}" type="audio/ogg">
<source src="{{ settings.radiomp3source }}" type="audio/mpeg">
2016-09-23 09:40:55 -04:00
<em>Your browser lacks support for OGG Vorbis files. Please open the M3U file or XSPF file in a multimedia player.</em>
</audio>
2014-09-28 15:43:15 -04:00
</div>
</body>
</html>
{% endfilter %}