This repository has been archived on 2023-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
mlp-episodes/cinema.html

88 lines
4.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MLP-Episodes - Cinema</title>
<link rel="stylesheet" href="css/cinema.css" type="text/css">
<link rel="icon" href="images/favico.png" type="image/x-icon">
<link rel="shortcut icon" href="images/favico.png" type="image/x-icon">
<script src="js/ponycd.js"></script>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.icynet.eu/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
</head>
<!-- Codepony LunaSquee -->
<body>
<div class="headcontain">
<a href="/"><img src="/images/logo.png" id="headlogo" alt="logo"></a>&nbsp;<span class="headmessage">CINEMA</span>
<div class="currentstream">
<div>
<span class="toprow">You're currently watching</span>
<a id="streamerlink" href="//www.ustream.tv/channel/the-brony-network" target="_blank">The Brony Network</a>
</div>
</div>
<div id="cdcontainer"><span class='countdown_textsection'></span></div>
</div>
<div class="mastercontain">
<div class="stream" id="stream" style="right: 0px;">
<iframe id="streamframe" data-expanded=false width="780" height="450" src="//www.ustream.tv/embed/13392289?wmode=direct&autoplay=true" scrolling="no" frameborder="0" style="border: 0px none transparent; z-index: 1;"></iframe>
</div>
</div>
<div class="footercontain">
<span style="float: left; line-height: 40px;">Change stream: &nbsp;</span>
<div class="buttons">
<a id="streamTab" href="#" onclick="openStream(this)" data-stream-host="//www.ustream.tv/channel/the-brony-network" data-stream-src="//www.ustream.tv/embed/13392289?wmode=direct&autoplay=true" class="gobutton selection selected">Brony Network</a>
<a id="streamTab" href="#" onclick="openStream(this)" data-stream-host="//www.ustream.tv/channel/GyQbzJzQFFj" data-stream-src="//www.ustream.tv/embed/23126228?wmode=direct&autoplay=true" class="gobutton selection">Hasbromlp</a>
<a id="streamTab" href="#" onclick="openStream(this)" data-stream-host="//www.bronystate.net/" data-stream-src="//www.ustream.tv/embed/16198304?wmode=direct&autoplay=true" class="gobutton selection">BronyState</a>
<a id="streamTab" href="#" onclick="openStream(this)" data-stream-host="//www.bronytv.net" data-stream-src="//www.ustream.tv/embed/16407308?wmode=direct&autoplay=true" class="gobutton selection">BronyTV</a>
<a id="streamTab" href="#" onclick="openStream(this)" data-stream-host="//www.ustream.tv/channel/ponyspazz" data-stream-src="//www.ustream.tv/embed/20308283?wmode=direct&autoplay=true" class="gobutton selection">PonySpazz</a>
<a id="streamTab" href="#" onclick="openStream(this)" data-stream-host="//original.livestream.com/otakuascendedlive" data-stream-src="//cdn.livestream.com/embed/otakuascendedlive?layout=4&amp;height=340&amp;width=560&amp;autoplay=true" class="gobutton selection">Otaku Ascended</a>
</div>
<span style="float: right; line-height: 40px;"><a style="color: white; text-decoration: none" href="https://lunasqu.ee/" target="_blank">Created by LunaSquee</a></span>
</div>
<script type="text/javascript">
var chatvisible = true;
function togglechat() {
if(chatvisible) {
document.getElementById("stream").style.right="0px";
document.getElementById("hidebtn").innerHTML = "Show the chatbox";
chatvisible = false;
} else {
document.getElementById("stream").style.right="500px";
document.getElementById("hidebtn").innerHTML = "Hide the chatbox";
chatvisible = true;
}
}
function openStream(self) {
var stream = document.getElementById("streamframe");
var streamlink = document.getElementById("streamerlink");
var tar = self.getAttribute('data-stream-src');
stream.src = tar;
var inputs = document.getElementsByTagName("a");
for(var i = 0; i < inputs.length; i++) {
if(inputs[i].id == "streamTab") {
if ( inputs[i].className.match(/(?:^|\s)selected(?!\S)/) ) {
inputs[i].className = inputs[i].className.replace( /(?:^|\s)selected(?!\S)/g , '' );
}
}
}
streamlink.innerHTML = self.innerHTML;
streamlink.href = self.getAttribute("data-stream-host");
self.className += " selected";
}
</script>
</body>
</html>