evert
/
mlp-episodes
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

archive mlp-episodes in git

This commit is contained in:
Evert Prants 2023-05-08 13:35:34 +03:00
commit 785f8e20c8
Signed by: evert
GPG Key ID: 1688DA83D222D0B5
51 changed files with 6366 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
404.html Normal file
View File

@ -0,0 +1 @@
404

75
MissingResponse.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<title>Missing Episode!</title>
<style>
@font-face {
font-family: CelestiaMediumRedux;
src: url('/css/CelestiaMediumRedux.ttf');
}
body {
background-color: #98b05d;
font-family: CelestiaMediumRedux;
color:white;
padding: 20px;
font-size: 13pt
}
h1 {
text-align: center;
font-size: 40px;
}
div.button {
background-color: #808080;
width: 30%;
margin: 5%;
height: 50px;
padding: 0;
display: inline-block;
font-size: 15pt;
box-shadow: -5px 5px #707070;
}
div#buttonContainer {
display: inline-block;
width: 100%;
text-align: center;
}
div.text-aligned-table {
display: table;
height: 100%;
width: 100%;
}
a {
color: white;
text-decoration: none;
font-size: 14pt;
}
a.v-aligned-text {
color: white;
display: table-cell;
vertical-align: middle;
}
</style>
</head>
<body>
<h1>Episode Missing!</h1>
<p>Unfortunately, it looks like the episode that you are trying to watch is currently unavailable due to copyright takedowns. Luckily, you can still watch this episode, but you'll have to download it from another source, such as YayPonies. Here's some links to start your search:</p>
<div id="buttonContainer">
<div class="button">
<div class="text-aligned-table">
<a class="v-aligned-text" target="_blank" href="https://yp1.yayponies.no/videos/episodes.php">YayPonies Episode Directory</a>
</div>
</div>
</div>
If you have found a working mirror hosted on DailyMotion, or are willing to host the video yourself, please contact <a href="mailto://evert@lunasqu.ee">evert@lunasqu.ee</a> to have your video added.
</body>
</html>

87
cinema.html Normal file
View File

@ -0,0 +1,87 @@
<!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>

BIN
css/CelestiaMediumRedux.ttf Normal file
View File

Binary file not shown.

162
css/cinema.css Normal file
View File

@ -0,0 +1,162 @@
body{
background-color: black;
color: white;
padding: 0;
margin: 0;
font-family:"Open Sans",Helvetica,Tahoma,Arial,sans-serif;
}
img{
border: none;
}
/*/ SELECTION COLOR /*/
::-moz-selection {
background-color: #FFBAD2;
color: #FFF;
}
::selection {
background-color: #FFBAD2;
color: #FFF;
}
/*/ CUSTOM SCROLLBAR /*/
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: rgba(122,228,255,0.4);
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,204,255,0.5);
background: rgba(0,204,255,0.4);
}
::-webkit-scrollbar-corner{
background: rgba(0,204,255,0.4);
}
/* FONT */
@font-face{
font-family: Equestria;
src: url('CelestiaMediumRedux.ttf');
}
/*/ CONTAINERS /*/
.headcontain{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 40px;
background-color: #383838;
padding: 5px;
}
#headlogo{
height: 40px;
float: left;
}
#cdcontainer{
display: inline-block;
float: right;
font-family: Equestria;
}
#hidebtn{
float: right;
display: inline-block;
clear: right;
color: #AFAFAF;
text-decoration: none;
}
#hidebtn:hover{
text-decoration: underline;
}
.headmessage{
font-family: Equestria;
color: orange;
font-weight: bold;
}
.mastercontain{
position: absolute;
top: 50px;
bottom: 50px;
left: 0;
right: 0;
overflow: hidden;
}
.mastercontain .stream{
position: absolute;
left: 0;
top: 0;
right: 500px;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
bottom: 0;
z-index: 5;
}
.mastercontain .stream iframe{
border: 0px none transparent;
z-index: 6;
width: 100%;
height: 100%;
border: none;
}
.mastercontain .chat{
position: absolute;
z-index: 3;
right: 0;
top: 0;
bottom: 0;
width: 500px;
}
.mastercontain .chat iframe{
width: 100%;
height: 100%;
border: none;
}
.footercontain{
height: 40px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #383838;
padding: 5px;
}
.buttons{
font-family: Equestria;
display: inline-block;
float: left;
}
.gobutton {
height: 40px;
display: inline-block;
float: left;
color: #fff;
padding: 0 10px;
line-height: 40px;
text-decoration: none;
transition: background-color 0.1s linear;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
}
.gobutton.selected, .gobutton:hover {
background-color: #464646;
}
.currentstream{
position: absolute;
left: 50%;
top: 2px;
text-align: center;
font-family: Equestria;
}
.currentstream div{
position: relative;
right: 50%;
}
.currentstream .toprow{
float: left;
}
.currentstream #streamerlink{
clear: both;
float: left;
width: 100%;
color: white;
}

632
css/style.css Normal file
View File

@ -0,0 +1,632 @@
/*//--> Main Stylesheet <--//*/
/*/ BODY /*/
body{
margin:0px;
padding:0px;
font-family:Helvetica,Tahoma,Arial,sans-serif;
background-color:#F8F8F8;
color:#333;height:100%;
background-image: url('../images/wallpaper/ponyville_day.png');
background-position: top, left;
background-size:cover;
background-attachment: fixed;
background-repeat:no-repeat;
}
img{
border-style: none;
}
h1,h2,h3,h4,h5{
margin-top:0px;
padding-top:0px;
text-shadow:1px 1px 4px #DDD;
}
.night{
background-image: url('../images/wallpaper/ponyville_night.png');
}
/*/ SELECTION COLOR /*/
::-moz-selection {
background-color: #FFBAD2;
color: #FFF;
}
::selection {
background-color: #FFBAD2;
color: #FFF;
}
/*/ CUSTOM SCROLLBAR /*/
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: rgba(122,228,255,0.4);
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,204,255,0.5);
background: rgba(0,204,255,0.4);
}
::-webkit-scrollbar-corner{
background: rgba(0,204,255,0.4);
}
/* FONT */
@font-face{
font-family: Equestria;
src: url('CelestiaMediumRedux.ttf');
}
/*/ LINKS/TEXT /*/
.link{
text-decoration:none;
color:#3177CE;
cursor:pointer;
}
#question{
color:red;
cursor:help;
}
.gobutton{
color: #FFF;
padding: 2px;
position: relative;
top: -3px;
border-radius: 0px 0px 5px 5px;
background-color: #1a82f7;
background-repeat: repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#009CF3));
background: -webkit-linear-gradient(top, #009CF3, #1a82f7);
background: -moz-linear-gradient(top, #009CF3, #1a82f7);
background: -ms-linear-gradient(top, #009CF3, #1a82f7);
background: -o-linear-gradient(top, #009CF3, #1a82f7);
-webkit-transition: padding linear 0.1s,color linear 0.1s;
-moz-transition: padding linear 0.1s,color linear 0.1s;
-ms-transition: padding linear 0.1s,color linear 0.1s;
-o-transition: padding linear 0.1s,color linear 0.1s;
transition: padding linear 0.1s,color linear 0.1s;
}
.gobutton:hover{
padding-bottom: 5px;
color: rgb(80, 255, 192);
}
.gobutton_red{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff0000), to(#cc0000));
background: -webkit-linear-gradient(top, #cc0000, #ff0000);
background: -moz-linear-gradient(top, #cc0000, #ff0000);
background: -ms-linear-gradient(top, #cc0000, #ff0000);
background: -o-linear-gradient(top, #cc0000, #ff0000);
}
.gobutton_black{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505050), to(#0C0C0C));
background: -webkit-linear-gradient(top, #0C0C0C, #505050);
background: -moz-linear-gradient(top, #0C0C0C, #505050);
background: -ms-linear-gradient(top, #0C0C0C, #505050);
background: -o-linear-gradient(top, #0C0C0C, #505050);
}
.mlpepisode{
font-family: Equestria;
color:rgb(238, 61, 150);
font-size:20px;
-webkit-transition: padding linear 0.1s,color linear 0.1s;
-moz-transition:padding linear 0.1s,color linear 0.1s;
-ms-transition:padding linear 0.1s,color linear 0.1s;
-o-transition:padding linear 0.1s,color linear 0.1s;
transition:padding linear 0.1s,color linear 0.1s;
}
.mlpepisode_new{
color:rgb(50, 72, 235);
font-size:20px;
cursor:not-allowed;
}
.mlpepisode_new:hover{
color:rgb(36, 53, 187) !important;
}
.mlpepisode:hover{
color:rgb(218, 33, 126);
padding:2px;
}
.link:hover{
text-decoration:underline;
}
.butto,button,input[type=submit]{
display:inline-block;
background-color:#F4F4F4;
min-width:55px;
height:25px;
line-height:25px;
font-weight:bold;
font-size:12px;
padding:0px 10px 0px 10px;
text-align:center;
border-radius:5px;
margin-top:5px;
color:#333;
border:1px solid silver;
-webkit-transition:border linear 0.1s,box-shadow linear 0.1s;
-moz-transition:border linear 0.1s,box-shadow linear 0.1s;
-ms-transition:border linear 0.1s,box-shadow linear 0.1s;
-o-transition:border linear 0.1s,box-shadow linear 0.1s;
transition:border linear 0.1s,box-shadow linear 0.1s;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
font-family:'Droid Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
background:linear-gradient(to bottom,rgb(255, 255, 255) 0%,rgb(238, 238, 238) 100%);
}
a .butto{
color: #333;
}
.butto:hover,input[type=submit]:hover,button:hover{
cursor:pointer;
color:#111;
text-decoration:none;
background-color:#F6F6F6;
border:1px solid gray;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.butto:active,input[type=submit]:active,button:active{
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
}
.butto:disabled{
background-color:#E0E0E0;
color:#777;
}
input,textarea{
-webkit-transition:border linear 0.1s,box-shadow linear 0.1s;
-moz-transition:border linear 0.1s,box-shadow linear 0.1s;
-ms-transition:border linear 0.1s,box-shadow linear 0.1s;
-o-transition:border linear 0.1s,box-shadow linear 0.1s;
transition:border linear 0.1s,box-shadow linear 0.1s;
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
padding:5px;
border-radius:2px;
border:1px solid rgb(235, 235, 235);
font-family:'Droid Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
input:focus,textarea:focus{
outline:0;
border-color:rgba(82,168,236,0.8);
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
}
label{
width:200px;
display:inline-block;
vertical-align:top;
text-align:left;
}
.error{
color:#ff0000
}
.med{
font-size:20px;
}
.mlptext{
font-family: Equestria;
}
a{
text-decoration:none;
color:#225985;
}
a:hover{
color:rgb(238, 61, 150);
}
.adoverhead{
border: 1px solid #1eb9ff;
padding: 10px;
background-color: #75d4ff;
font-family: Equestria;
}
.mlpcolor{
color:rgb(238, 61, 150);
}
.title{
margin-left:20px;
}
.btn:hover, .btn:active {
border-color: #bbb;
background-color: #f8f8f8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));
background-image: -moz-linear-gradient(top,#f8f8f8,#d9d9d9);
background-image: -o-linear-gradient(top,#f8f8f8,#d9d9d9);
background-image: -ms-linear-gradient(top,#f8f8f8,#d9d9d9);
background-image: linear-gradient(top,#f8f8f8,#d9d9d9);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn{
position: relative;
background-color: #f8f8f8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
background-image: -moz-linear-gradient(top,#fff,#dedede);
background-image: -o-linear-gradient(top,#fff,#dedede);
background-image: -ms-linear-gradient(top,#fff,#dedede);
background-image: linear-gradient(top,#fff,#dedede);
border: #ccc solid 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #333;
font-weight: 700;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
height: 18px;
max-width: 98%;
overflow: hidden;
font-size: 3.50mm;
}
/*/ CONTAINERS /*/
.content {
width: 970px;
margin-left: auto;
margin-right: auto;
padding: 15px;
height: auto;
min-height:700px;
margin: auto;
background-color: rgba(81, 220, 255, 0.82);
-webkit-box-shadow: 0 5px 20px #333;
-moz-box-shadow: 0 5px 20px #333;
box-shadow: 0 5px 20px #333;
z-index:5;
}
.head{
width: 970px;
margin-left: auto;
margin-right: auto;
padding: 15px;
height: auto;
margin-bottom:19px;
}
header {
display: block;
text-align: center;
}
footer{
width: 970px;
margin-left: auto;
margin-right: auto;
padding: 15px;
height: auto;
background-color: rgba(81, 220, 255, 0.82);
-webkit-box-shadow: 0 5px 20px #333;
-moz-box-shadow: 0 5px 20px #333;
box-shadow: 0 5px 20px #333;
margin:auto;
margin-top:5px;
margin-bottom:5px;
text-align:center;
}
/*/ OTHER OBJECTS /*/
#social {
position: fixed;
bottom: 0;
left: 0;
background-color: rgba(0, 188, 212, 0.31);
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
border-top: 2px solid #0076AB;
border-right: 2px solid #008CCC;
max-height: 40px;
max-width: 500px;
}
#back-top {
position: fixed;
bottom: 30px;
right: 30px;
margin-left: 0px;
text-decoration: none;
text-align: center;
font-size: 18px;
display: block;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
cursor: pointer;
width:40px;
height:40px;
}
#rmenu.hide {
display: none;
}
#rmenu {
display: block;
position: absolute;
list-style: outside none none;
margin: 0px;
padding: 0px;
background-color: #FFF;
border: 1px solid #C9CCCF;
color: #783300;
font-size: 25px;
border-radius: 10px 10px 0 0;
text-align: center;
}
#rmenu li:first-child{
border-bottom: 1px solid #C9CCCF;
}
#rmenu li {
padding: 0 10px;
}
/*/ SEASON COUNTDOWN CLOCK /*/
#cdcontainer{
text-align: center;
}
.countdown_section{
font-family: Equestria;
color:rgb(238, 61, 150);
font-weight: bold;
font-size: 20px;
margin: 0 5px;
}
.countdown_section_number{
font-family: Equestria;
font-size: 30px;
}
.countdown_textsection{
color:rgb(238, 61, 150);
font-family: Equestria;
font-size: 25px;
}
/*/ SLIDE.JS /*/
#slides {
display: none;
}
#slides .slidesjs-navigation {
margin-top:5px;
}
.slidesjs-control, .slidesjs-container{
height: 100px !important;
width: 700px !important;
}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
background-image: url(../images/btns-next-prev.png);
background-repeat: no-repeat;
display:block;
width:12px;
height:18px;
overflow: hidden;
text-indent: -9999px;
float: left;
margin-right:5px;
}
a.slidesjs-next {
margin-right:10px;
background-position: -12px 0;
}
a:hover.slidesjs-next {
background-position: -12px -18px;
}
a.slidesjs-previous {
background-position: 0 0;
}
a:hover.slidesjs-previous {
background-position: 0 -18px;
}
a.slidesjs-play {
width:15px;
background-position: -25px 0;
}
a:hover.slidesjs-play {
background-position: -25px -18px;
}
a.slidesjs-stop {
width:18px;
background-position: -41px 0;
}
a:hover.slidesjs-stop {
background-position: -41px -18px;
}
.slidesjs-pagination {
margin: 7px 0 0;
float: right;
list-style: none;
}
.slidesjs-pagination li {
float: left;
margin: 0 1px;
}
.slidesjs-pagination li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(/images/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background-position: 0 -13px;
}
.slidesjs-pagination li a:hover {
background-position: 0 -26px;
}
#slides a:link,
#slides a:visited {
color: #333;
}
#slides a:hover,
#slides a:active {
color: #9e2020;
}
.navbar {
overflow: hidden;
}
.container {
margin: 0 auto;
}
/*/ NAVIGATION BAR /*/
.navigation{
width: 970px;
margin-left: auto;
margin-right: auto;
height: 40px;
text-align: center;
margin-bottom: 5px;
z-index:5;
}
.navigation ul{
display: inline-block;
list-style-type: none;
padding: initial;
}
.navigation ul li{
display: inline-block;
}
.navigation ul li a{
padding: 5px;
background-color: rgba(81, 220, 255, 0.82);
border-bottom: 3px solid red;
border-radius: 5px 5px 0 0;
margin: 0 4px 0 4px;
font-family: Equestria;
color: rgb(0, 41, 255);
}
.navigation ul li a:hover, .navigation ul li .active{
color: rgb(36, 0, 223);
background-color: rgba(0, 204, 255, 0.82);
}
/*/ SEARCH BAR /*/
.searchelement{
width: 200px;
height: auto;
position: absolute;
}
.searchelement input{
width: 200px;
border-bottom: none;
}
.searchelement .results{
width: 210px;
display: block;
margin: 0;
list-style: none;
max-height: 200px;
overflow: auto;
border: 1px solid #EBEBEB;
padding: 0;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.searchelement .results li:nth-child(even) {background: #CCC}
.searchelement .results li:nth-child(odd) {background: #FFF}
.searchelement .results li{
padding: 5px;
}
/*/ New popup /*/
.vidplayerpopup {
position: fixed;
background-color: rgba(0, 0, 0, 0.45);
z-index: 9001;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.vidplayerpopup .inner-cont {
width: 940px;
height: 560px;
margin: auto;
margin-top: 100px;
position: relative;
background-color: #EAEAEA;
padding: 5px;
}
.inner-cont .video{
width: 100%;
height: 96%;
background-color: black;
}
.episodetitle {
font-size: 40px;
width: 100%;
display: block;
position: absolute;
top: -55px;
color: #fff;
}
.vidclose {
position: absolute;
height: 50px;
width: 50px;
top: -30px;
right: -18px;
font-size: 24px;
color: red;
cursor: pointer;
}
.controlButton {
padding: 5px;
color: #fff;
background-color: green;
margin: 0;
cursor: pointer;
}
.controlButton:hover{
background-color: #006D00;
}
.epSwitch {
height: 40px;
display: inline-block;
padding: 5px 12px;
line-height: 1.4;
}
.epSwitch span {
font-size: 30px;
}
.share {
width: 40px;
height: 40px;
display: inline-block;
line-height: 3.3;
}
.share.sFacebook, .share.sTwitter {
background-color: #2196F3;
}
.share.sFacebook:hover, .share.sTwitter:hover {
background-color: #0081E8;
}
.share.sClipboard {
background-color: #00BCD4;
}
.share.sClipboard:hover {
background-color: #009FB3;
}
.share.sBugReport {
background-color: #ff0000;
}
.share.sBugReport:hover {
background-color: #ff1818;
color: #fff;
}
.controls {
position: absolute;
width: 940px;
bottom: -30px;
}
.share_buttons {
display: inline-block;
float: left;
}
.episode_buttons {
display: inline-block;
float: right;
}
/*/--> Written by: LunaSquee(Evert) http://mlp-episodes.tk/css/style.css <--/*/

45
css/tutorials.css Normal file
View File

@ -0,0 +1,45 @@
/*
* Tutorial page CSS
*/
body{
font-family: Open Sans, Everson Mono, Helvetica;
background-color: #C9F5FF;
margin: 0;
padding: 0;
background: #7abcff;
background: -moz-linear-gradient(top, #7abcff 0%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top, #7abcff 0%,#4096ee 100%);
background: -o-linear-gradient(top, #7abcff 0%,#4096ee 100%);
background: -ms-linear-gradient(top, #7abcff 0%,#4096ee 100%);
background: linear-gradient(to bottom, #7abcff 0%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
}
h1,h2,h3,h4,h5{
margin-top:0px;
padding-top:0px;
}
.containment{
width: 1200px;
background-color: #E3E3E3;
padding: 10px;
margin: 0 auto;
border-left: 1px solid #B3B3B3;
border-right: 1px solid #B3B3B3;
-webkit-box-shadow: 0 5px 20px #333;
-moz-box-shadow: 0 5px 20px #333;
box-shadow: 0 5px 20px #333;
min-height: 700px;
}
.codeblock{
padding: 5px;
background-color: #D5D5D5;
display: inline-block;
clear: both;
font-family: monospace;
font-size: 16px;
margin-bottom: 10px;
}
img{
border: none;
}

1
icynet/Discord-Logo-White.svg Normal file
View File

@ -0,0 +1 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><style>.st0{fill:#FFFFFF;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

93
icynet/footer.css Normal file
View File

@ -0,0 +1,93 @@
footer.icy {
padding: 20px;
background: #e9f6fd;
background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%);
background: -webkit-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%);
background: linear-gradient(to bottom, #e9f6fd 0%, #d3eefb 100%);
border-top: 1px solid #ddd;
text-align: center;
width: initial;
margin-bottom: 0;
}
footer.icy .copyright {
display: inline-block;
text-align: center;
font-size: 90%;
vertical-align: top;
margin-top: 35px;
padding: 15px;
margin-left: 5vw;
}
footer.icy .squeebot {
width: 200px;
}
footer.icy .logo {
font-family: "Open Sans";
font-weight: bold;
text-transform: uppercase;
text-shadow: 2px 2px 1px #007104;
color: #00b300;
letter-spacing: 5px;
user-select: none;
font-size: 30px;
text-align: inherit;
cursor: pointer;
display: inline-block;
}
footer.icy .logo .part1,
footer.icy .logo .part2 {
display: inline-block;
}
footer.icy .logo .part1 {
color: #03a9f4;
text-shadow: 2px 2px 1px #0059a0;
margin-right: 5px;
}
footer .socialbtn {
width: 28px;
height: 28px;
display: inline-block;
line-height: 28px;
color: #fff;
font-size: 160%;
border-radius: 100px;
padding: 2px;
margin: 5px;
}
footer .socialbtn#github {
background-color: #000;
}
footer .socialbtn#twitter {
background-color: #03a9f4;
}
footer .socialbtn#discord {
background-color: #2c2f33;
}
footer .socialbtn#discord .discordlogo {
position: relative;
top: 3px;
background: url("/icynet/Discord-Logo-White.svg");
width: 22px;
height: 22px;
display: inline-block;
}
footer .socialbtn i {
position: relative;
right: 1px;
}
footer span.divider {
color: #ddd;
margin: 0 5px;
cursor: default;
}
@media all and (max-width: 800px) {
footer.icy .squeebot {
margin: 0;
width: 150px;
margin: auto;
display: block;
}
footer.icy .copyright {
margin-left: 0;
}
}

703
icynet/squeebot.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
images/HTML5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 811 B

BIN
images/ajax_loader.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
images/btns-next-prev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
images/clouds.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
images/exit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 B

BIN
images/favico.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 B

BIN
images/fb-small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/leftarrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 955 B

BIN
images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
images/logocompressed.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
images/mc-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

BIN
images/pagination.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/pr-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
images/rightarrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 947 B

BIN
images/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 603 B

BIN
images/share.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 454 B

BIN
images/twitter-bird.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
images/wallpaper/ponyville-snow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 479 KiB

BIN
images/wallpaper/ponyville-snow_night.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 MiB

BIN
images/wallpaper/ponyville_day.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 582 KiB

BIN
images/wallpaper/ponyville_night.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 535 KiB

357
index.html Normal file
View File

@ -0,0 +1,357 @@
<!DOCTYPE html>
<html>
<head>
<title>MLP:FiM Episodes</title>
<!-- Metadata -->
<meta name="description" content="Watch My Little Pony : Friendship is Magic episodes for free in HD quality!">
<meta name="language" content="en">
<meta name="copyright" content="&copy; Evert Prants">
<meta charset="utf-8">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@IcyNet">
<meta name="twitter:title" content="Friendship is Magic Episodes">
<meta name="twitter:description" content="List of My Little Pony : Friendship is Magic episodes! Watch any MLP:FiM episode in HD quality, completely free!">
<meta name="twitter:creator" content="@IcyNet">
<meta name="twitter:domain" content="https://mlp.icynet.eu/">
<meta name="twitter:image" content="https://mlp.icynet.eu/images/logocompressed.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Links -->
<link rel="stylesheet" href="./css/style.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">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- JavaScript -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//api.dmcdn.net/all.js"></script>
<script type="text/javascript">
/* "Environment" variables */
window.episodeMeta = {season: 1, episode: 1, title: ""};
/* Tracker */
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);
})();
/* Day/night background changer */
$(document).ready(function() {
var d = new Date();
var hr=d.getHours();
var mi=d.getMinutes();
if( (hr>=19 && mi>=0) || (hr<=8 && mi>=0)) {
$('body').addClass("night");
}
});
</script>
<script type="text/javascript" src="./js/popup.js"></script>
<script type="text/javascript" src="./js/autoscroll.js"></script>
</head>
<!-- Codepony LunaSquee -->
<body>
<div class="vidplayerpopup" style="display: none;">
<div class="inner-cont">
<span class="episodetitle mlptext">Episode title</span>
<span class="vidclose" title="Close player" onclick="htmlPopupClose()"><i class="fa fa-fw fa-close fa-2x"></i></span>
<div class="video" id="DMVideo"></div>
<div class="controls">
<div class="share_buttons">
<span class="share sFacebook controlButton" title="Share to Facebook" onclick="sharefbEpisode()"><i class="fa fa-facebook fa-fw fa-2x"></i></span>
<span class="share sTwitter controlButton" title="Share on Twitter" onclick="tweetEpisode()"><i class="fa fa-twitter fa-fw fa-2x"></i></span>
<span class="share sClipboard controlButton" title="Copy to clipboard" onclick="copyToClipboard()"><i class="fa fa-clipboard fa-fw fa-2x"></i></span>
</div>
<div class="episode_buttons">
<span class="prevEpisode controlButton epSwitch" onclick="goPrev()"><i class="fa fa-step-backward fa-fw fa-2x"></i>&nbsp;<span>Previous</span></span>
<span class="prevEpisode controlButton epSwitch" onclick="openEpisode(random_episode())"><i class="fa fa-refresh fa-fw fa-2x"></i>&nbsp;<span>Random</span></span>
<span class="nextEpisode controlButton epSwitch" onclick="goNext()"><span>Next</span>&nbsp;<i class="fa fa-step-forward fa-fw fa-2x"></i></span>
</div>
</div>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<noscript>
<div style="width: 100%;background-color: rgb(202, 0, 0);text-align: center;padding: 10px;position: fixed;color: white;">
Please enable JavaScript for this site to work!<br>If you don't know how, <a target="_blank" href="http://www.enable-javascript.com/">Click here</a>.
</div>
</noscript>
<!--<div style="width: 100%;background-color: rgb(202, 0, 0);text-align: center;padding: 10px;position: fixed;color: white;">
There's a temporary outage on the website of our episode link provider, meaning that some episodes do not work. We're sorry and hope that the issue gets resolved soon.
</div>-->
<header>
<a href="/" title="Homepage">
<img alt="MLPE Logo" src="./images/logo.png" />
</a>
</header>
<nav class="navigation">
<ul>
<li id="varaint-red"><a style="border-bottom:3px solid red" href="#s1">Season 1</a></li>
<li id="varaint-orange"><a style="border-bottom:3px solid orange" href="#s2">Season 2</a></li>
<li id="varaint-yellow"><a style="border-bottom:3px solid yellow" href="#s3">Season 3</a></li>
<li id="varaint-green"><a style="border-bottom:3px solid green" href="#s4">Season 4</a></li>
<li id="varaint-light-blue"><a style="border-bottom:3px solid #0084ff" href="#s5">Season 5</a></li>
<li id="varaint-blue"><a style="border-bottom:3px solid blue" href="#s6">Season 6</a></li>
<li id="varaint-dark-blue"><a style="border-bottom:3px solid #2500b7" href="#s7">Season 7</a></li>
<li id="varaint-dark-blue"><a style="border-bottom:3px solid #2500b7" href="#s8">Season 8</a></li>
<li id="varaint-indigo"><a style="border-bottom:3px solid #4B0082" href="livestream.html">Livestream</a></li>
<li id="varaint-violet"><a style="border-bottom: 3px solid #9400D3;" href="#" id="randomepisode">Random Episode</a></li>
</ul>
</nav>
<div class="content">
<!--<div class="adoverhead">
<span class="mlptext" style="font-size:36px;color:rgb(50, 72, 235);">3D Pony Game looking for contributors!</span><br />
<a href="https://forum.trotland.ml/topic/2/looking-for-contributors" style="font-size:26px;">Click here for more details.</a>
</div>-->
<img src="images/mc-banner.png" title="New World: mc.icynet.eu" style="border: 1px solid;margin: auto;display: block;"><br/>
<span class="mlptext mlpcolor" style="font-size:35px;">List of My Little Pony : Friendship is Magic Episodes!</span><br />
<span class="mlptext mlpcolor" style="font-size:20px;">Click on an episode to watch it!</span>
<div id="dailymotion" class="epiContainer">
<div id="s1" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">Season 1</span><br />
<a href="#" id="episode" target="_blank" data-episode="Friendship is Magic - Part 1" data-episode-number="1" data-episode-season="1" class="mlptext mlpepisode">01 - Friendship is Magic - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="Friendship is Magic - Part 2" data-episode-number="2" data-episode-season="1" class="mlptext mlpepisode">02 - Friendship is Magic - Part 2</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Ticket Master" data-episode-number="3" data-episode-season="1" class="mlptext mlpepisode">03 - The Ticket Master</a><br />
<a href="#" id="episode" target="_blank" data-episode="Applebuck Season" data-episode-number="4" data-episode-season="1" class="mlptext mlpepisode">04 - Applebuck Season</a><br />
<a href="#" id="episode" target="_blank" data-episode="Griffon the Brush Off" data-episode-number="5" data-episode-season="1" class="mlptext mlpepisode">05 - Griffon the Brush Off</a><br />
<a href="#" id="episode" target="_blank" data-episode="Boast Busters" data-episode-number="6" data-episode-season="1" class="mlptext mlpepisode">06 - Boast Busters</a><br />
<a href="#" id="episode" target="_blank" data-episode="Dragonshy" data-episode-number="7" data-episode-season="1" class="mlptext mlpepisode">07 - Dragonshy</a><br />
<a href="#" id="episode" target="_blank" data-episode="Look Before You Sleep" data-episode-number="8" data-episode-season="1" class="mlptext mlpepisode">08 - Look Before You Sleep</a><br />
<a href="#" id="episode" target="_blank" data-episode="Bridle Gossip" data-episode-number="9" data-episode-season="1" class="mlptext mlpepisode">09 - Bridle Gossip</a><br />
<a href="#" id="episode" target="_blank" data-episode="Swarm of the Century" data-episode-number="10" data-episode-season="1" class="mlptext mlpepisode">10 - Swarm of the Century</a><br />
<a href="#" id="episode" target="_blank" data-episode="Winter Wrap Up" data-episode-number="11" data-episode-season="1" class="mlptext mlpepisode">11 - Winter Wrap Up</a><br />
<a href="#" id="episode" target="_blank" data-episode="Call of the Cutie" data-episode-number="12" data-episode-season="1" class="mlptext mlpepisode">12 - Call of the Cutie</a><br />
<a href="#" id="episode" target="_blank" data-episode="Fall Weather Friends" data-episode-number="13" data-episode-season="1" class="mlptext mlpepisode">13 - Fall Weather Friends</a><br />
<a href="#" id="episode" target="_blank" data-episode="Suited for Success" data-episode-number="14" data-episode-season="1" class="mlptext mlpepisode">14 - Suited for Success</a><br />
<a href="#" id="episode" target="_blank" data-episode="Feeling Pinkie Keen" data-episode-number="15" data-episode-season="1" class="mlptext mlpepisode">15 - Feeling Pinkie Keen</a><br />
<a href="#" id="episode" target="_blank" data-episode="Sonic Rainboom" data-episode-number="16" data-episode-season="1" class="mlptext mlpepisode">16 - Sonic Rainboom</a><br />
<a href="#" id="episode" target="_blank" data-episode="Stare Master" data-episode-number="17" data-episode-season="1" class="mlptext mlpepisode">17 - Stare Master</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Show Stoppers" data-episode-number="18" data-episode-season="1" class="mlptext mlpepisode">18 - The Show Stoppers</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Dog and Pony Show" data-episode-number="19" data-episode-season="1" class="mlptext mlpepisode">19 - A Dog and Pony Show</a><br />
<a href="#" id="episode" target="_blank" data-episode="Green Isn't Your Color" data-episode-number="20" data-episode-season="1" class="mlptext mlpepisode">20 - Green Isn't Your Color</a><br />
<a href="#" id="episode" target="_blank" data-episode="Over a Barrel" data-episode-number="21" data-episode-season="1" class="mlptext mlpepisode">21 - Over a Barrel</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Bird in the Hoof" data-episode-number="22" data-episode-season="1" class="mlptext mlpepisode">22 - A Bird in the Hoof</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Cutie Mark Chronicles" data-episode-number="23" data-episode-season="1" class="mlptext mlpepisode">23 - The Cutie Mark Chronicles</a><br />
<a href="#" id="episode" target="_blank" data-episode="Owl's Well That Ends Well" data-episode-number="24" data-episode-season="1" class="mlptext mlpepisode">24 - Owl's Well That Ends Well</a><br />
<a href="#" id="episode" target="_blank" data-episode="Party of One" data-episode-number="25" data-episode-season="1" class="mlptext mlpepisode">25 - Party of One</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Best Night Ever" data-episode-number="26" data-episode-season="1" class="mlptext mlpepisode">26 - The Best Night Ever</a><br />
</div><br />
<div id="s2" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">Season 2</span><br />
<a href="#" id="episode" target="_blank" data-episode="Return to Harmony" data-episode-number="1" data-episode-season="2" class="mlptext mlpepisode">01 - Return of Harmony, p1</a><br />
<a href="#" id="episode" target="_blank" data-episode="Return to Harmony" data-episode-number="2" data-episode-season="2" class="mlptext mlpepisode">02 - Return of Harmony, p2</a><br />
<a href="#" id="episode" target="_blank" data-episode="Lesson Zero" data-episode-number="3" data-episode-season="2" class="mlptext mlpepisode">03 - Lesson Zero</a><br />
<a href="#" id="episode" target="_blank" data-episode="Luna Eclipsed" data-episode-number="4" data-episode-season="2" class="mlptext mlpepisode">04 - Luna Eclipsed</a><br />
<a href="#" id="episode" target="_blank" data-episode="Sisterhooves Social" data-episode-number="5" data-episode-season="2" class="mlptext mlpepisode">05 - Sisterhooves Social</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Cutie Pox" data-episode-number="6" data-episode-season="2" class="mlptext mlpepisode">06 - The Cutie Pox</a><br />
<a href="#" id="episode" target="_blank" data-episode="May the Best Pet Win!" data-episode-number="7" data-episode-season="2" class="mlptext mlpepisode">07 - May the Best Pet Win!</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Mysterious Mare Do Well" data-episode-number="8" data-episode-season="2" class="mlptext mlpepisode">08 - The Mysterious Mare Do Well</a><br />
<a href="#" id="episode" target="_blank" data-episode="Sweet and Elite" data-episode-number="9" data-episode-season="2" class="mlptext mlpepisode">09 - Sweet and Elite</a><br />
<a href="#" id="episode" target="_blank" data-episode="Secret of My Excess" data-episode-number="10" data-episode-season="2" class="mlptext mlpepisode">10 - Secret of My Excess</a><br />
<a href="#" id="episode" target="_blank" data-episode="Hearth's Warming Eve" data-episode-number="11" data-episode-season="2" class="mlptext mlpepisode">11 - Hearth's Warming Eve</a><br />
<a href="#" id="episode" target="_blank" data-episode="Family Appreciation Day" data-episode-number="12" data-episode-season="2" class="mlptext mlpepisode">12 - Family Appreciation Day</a><br />
<a href="#" id="episode" target="_blank" data-episode="Baby Cakes" data-episode-number="13" data-episode-season="2" class="mlptext mlpepisode">13 - Baby Cakes</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Last Roundup" data-episode-number="14" data-episode-season="2" class="mlptext mlpepisode">14 - The Last Roundup</a><br />
<a href="#" id="episode" target="_blank" data-episode="Super Speedy Cider Squeezy 6000" data-episode-number="15" data-episode-season="2" class="mlptext mlpepisode">15 - Super Speedy Cider Squeezy 6000</a><br />
<a href="#" id="episode" target="_blank" data-episode="Read it and weep" data-episode-number="16" data-episode-season="2" class="mlptext mlpepisode">16 - Read It and Weep</a><br />
<a href="#" id="episode" target="_blank" data-episode="Hearts and Hooves Day" data-episode-number="17" data-episode-season="2" class="mlptext mlpepisode">17 - Hearts and Hooves Day</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Friend in Deed" data-episode-number="18" data-episode-season="2" class="mlptext mlpepisode">18 - A Friend in Deed</a><br />
<a href="#" id="episode" target="_blank" data-episode="Putting your hoof down" data-episode-number="19" data-episode-season="2" class="mlptext mlpepisode">19 - Putting Your Hoof Down</a><br />
<a href="#" id="episode" target="_blank" data-episode="It's About Time" data-episode-number="20" data-episode-season="2" class="mlptext mlpepisode">20 - It's About Time</a><br />
<a href="#" id="episode" target="_blank" data-episode="Dragon Quest" data-episode-number="21" data-episode-season="2" class="mlptext mlpepisode">21 - Dragon Quest</a><br />
<a href="#" id="episode" target="_blank" data-episode="Hurricane Fluttershy" data-episode-number="22" data-episode-season="2" class="mlptext mlpepisode">22 - Hurricane Fluttershy</a><br />
<a href="#" id="episode" target="_blank" data-episode="Ponyville Confidential" data-episode-number="23" data-episode-season="2" class="mlptext mlpepisode">23 - Ponyville Confidential</a><br />
<a href="#" id="episode" target="_blank" data-episode="MMMystery on the Friendship Express" data-episode-number="24" data-episode-season="2" class="mlptext mlpepisode">24 - MMMystery on the Friendship Express</a> <br />
<a href="#" id="episode" target="_blank" data-episode="A Canterlot Wedding - Part 1" data-episode-number="25" data-episode-season="2" class="mlptext mlpepisode">25 - A Canterlot Wedding - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Canterlot Wedding - Part 2" data-episode-number="26" data-episode-season="2" class="mlptext mlpepisode">26 - A Canterlot Wedding - Part 2</a><br />
</div><br />
<div id="s3" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">Season 3</span><br />
<a href="#" id="episode" target="_blank" data-episode="The Crystal Empire" data-episode-number="1" data-episode-season="3" class="mlptext mlpepisode">01 - The Crystal Empire, p1</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Crystal Empire" data-episode-number="2" data-episode-season="3" class="mlptext mlpepisode">02 - The Crystal Empire, p2</a><br />
<a href="#" id="episode" target="_blank" data-episode="Too Many Pinkie Pies" data-episode-number="3" data-episode-season="3" class="mlptext mlpepisode">03 - Too Many Pinkie Pies</a><br />
<a href="#" id="episode" target="_blank" data-episode="One Bad Apple" data-episode-number="4" data-episode-season="3" class="mlptext mlpepisode">04 - One Bad Apple</a><br />
<a href="#" id="episode" target="_blank" data-episode="Magic Duel" data-episode-number="5" data-episode-season="3" class="mlptext mlpepisode">05 - Magic Duel</a><br />
<a href="#" id="episode" target="_blank" data-episode="Sleepless in Ponyville" data-episode-number="6" data-episode-season="3" class="mlptext mlpepisode">06 - Sleepless in Ponyville</a><br />
<a href="#" id="episode" target="_blank" data-episode="Wonderbolts Academy" data-episode-number="7" data-episode-season="3" class="mlptext mlpepisode">07 - Wonderbolts Academy</a><br />
<a href="#" id="episode" target="_blank" data-episode="Apple Family Reunion" data-episode-number="8" data-episode-season="3" class="mlptext mlpepisode">08 - Apple Family Reunion</a><br />
<a href="#" id="episode" target="_blank" data-episode="Spike at Your Service" data-episode-number="9" data-episode-season="3" class="mlptext mlpepisode">09 - Spike at Your Service</a><br />
<a href="#" id="episode" target="_blank" data-episode="Keep Calm and Flutter On" data-episode-number="10" data-episode-season="3" class="mlptext mlpepisode">10 - Keep Calm and Flutter On</a><br />
<a href="#" id="episode" target="_blank" data-episode="Just for Sidekicks" data-episode-number="11" data-episode-season="3" class="mlptext mlpepisode">11 - Just for Sidekicks</a><br />
<a href="#" id="episode" target="_blank" data-episode="Games Ponies Play" data-episode-number="12" data-episode-season="3" class="mlptext mlpepisode">12 - Games Ponies Play</a><br />
<a href="#" id="episode" target="_blank" data-episode="Magical Mystery Cure" data-episode-number="13" data-episode-season="3" class="mlptext mlpepisode">13 - Magical Mystery Cure</a><br />
</div><br />
<div id="s4" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">Season 4</span><br />
<a href="#" id="episode" target="_blank" data-episode="Princess Twilight Sparkle" data-episode-number="1" data-episode-season="4" class="mlptext mlpepisode">01 - Princess Twilight Sparkle, - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="Princess Twilight Sparkle" data-episode-number="2" data-episode-season="4" class="mlptext mlpepisode">02 - Princess Twilight Sparkle, - Part 2</a><br />
<a href="#" id="episode" target="_blank" data-episode="Castle Mane-ia" data-episode-number="3" data-episode-season="4" class="mlptext mlpepisode">03 - Castle Mane-ia</a><br />
<a href="#" id="episode" target="_blank" data-episode="Daring Don't" data-episode-number="4" data-episode-season="4" class="mlptext mlpepisode">04 - Daring Don't</a><br />
<a href="#" id="episode" target="_blank" data-episode="Flight to the Finish" data-episode-number="5" data-episode-season="4" class="mlptext mlpepisode">05 - Flight to the Finish</a><br />
<a href="#" id="episode" target="_blank" data-episode="Power Ponies" data-episode-number="6" data-episode-season="4" class="mlptext mlpepisode">06 - Power Ponies</a><br />
<a href="#" id="episode" target="_blank" data-episode="Bats!" data-episode-number="7" data-episode-season="4" class="mlptext mlpepisode">07 - Bats!</a><br />
<a href="#" id="episode" target="_blank" data-episode="Rarity Takes Manehattan" data-episode-number="8" data-episode-season="4" class="mlptext mlpepisode">08 - Rarity Takes Manehattan</a><br />
<a href="#" id="episode" target="_blank" data-episode="Pinkie Apple Pie" data-episode-number="9" data-episode-season="4" class="mlptext mlpepisode">09 - Pinkie Apple Pie</a><br />
<a href="#" id="episode" target="_blank" data-episode="Rainbow Falls" data-episode-number="10" data-episode-season="4" class="mlptext mlpepisode">10 - Rainbow Falls</a><br />
<a href="#" id="episode" target="_blank" data-episode="Three's a Crowd" data-episode-number="11" data-episode-season="4" class="mlptext mlpepisode">11 - Three's a Crowd</a><br />
<a href="#" id="episode" target="_blank" data-episode="Pinkie Pride" data-episode-number="12" data-episode-season="4" class="mlptext mlpepisode">12 - Pinkie Pride</a><br />
<a href="#" id="episode" target="_blank" data-episode="Simple Ways" data-episode-number="13" data-episode-season="4" class="mlptext mlpepisode">13 - Simple Ways</a><br />
<a href="#" id="episode" target="_blank" data-episode="Filli Vanilli" data-episode-number="14" data-episode-season="4" class="mlptext mlpepisode">14 - Filli Vanilli</a><br />
<a href="#" id="episode" target="_blank" data-episode="Twilight Time" data-episode-number="15" data-episode-season="4" class="mlptext mlpepisode">15 - Twilight Time</a><br />
<a href="#" id="episode" target="_blank" data-episode="It Ain't Easy Being Breezies" data-episode-number="16" data-episode-season="4" class="mlptext mlpepisode">16 - It Ain't Easy Being Breezies</a><br />
<a href="#" id="episode" target="_blank" data-episode="Somepony to Watch Over Me" data-episode-number="17" data-episode-season="4" class="mlptext mlpepisode">17 - Somepony to Watch Over Me</a><br />
<a href="#" id="episode" target="_blank" data-episode="Maud Pie" data-episode-number="18" data-episode-season="4" class="mlptext mlpepisode">18 - Maud Pie</a><br />
<a href="#" id="episode" target="_blank" data-episode="For Whom the Sweetie Belle Toils" data-episode-number="19" data-episode-season="4" class="mlptext mlpepisode">19 - For Whom the Sweetie Belle Toils</a><br />
<a href="#" id="episode" target="_blank" data-episode="Leap of Faith" data-episode-number="20" data-episode-season="4" class="mlptext mlpepisode">20 - Leap of Faith</a><br />
<a href="#" id="episode" target="_blank" data-episode="Testing, Testing, 1, 2, 3" data-episode-number="21" data-episode-season="4" class="mlptext mlpepisode">21 - Testing, Testing, 1, 2, 3</a><br />
<a href="#" id="episode" target="_blank" data-episode="Trade Ya" data-episode-number="22" data-episode-season="4" class="mlptext mlpepisode">22 - Trade Ya</a><br />
<a href="#" id="episode" target="_blank" data-episode="Inspiration Manifestation" data-episode-number="23" data-episode-season="4" class="mlptext mlpepisode">23 - Inspiration Manifestation</a><br />
<a href="#" id="episode" target="_blank" data-episode="Equestria Games" data-episode-number="24" data-episode-season="4" class="mlptext mlpepisode">24 - Equestria Games</a><br />
<a href="#" id="episode" target="_blank" data-episode="Twilight's Kingdom" data-episode-number="25" data-episode-season="4" class="mlptext mlpepisode">25 - Twilight's Kingdom - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="Twilight's Kingdom" data-episode-number="26" data-episode-season="4" class="mlptext mlpepisode">26 - Twilight's Kingdom - Part 2</a><br />
</div><br />
<div id="s5" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">Season 5</span><br />
<a href="#" id="episode" target="_blank" data-episode="The Cutie Map" data-episode-number="1" data-episode-season="5" class="mlptext mlpepisode">01 - The Cutie Map, - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Cutie Map" data-episode-number="2" data-episode-season="5" class="mlptext mlpepisode">02 - The Cutie Map, - Part 2</a><br />
<a href="#" id="episode" target="_blank" data-episode="Castle Sweet Castle" data-episode-number="3" data-episode-season="5" class="mlptext mlpepisode">03 - Castle Sweet Castle</a><br />
<a href="#" id="episode" target="_blank" data-episode="Bloom & Gloom" data-episode-number="4" data-episode-season="5" class="mlptext mlpepisode">04 - Bloom & Gloom</a><br />
<a href="#" id="episode" target="_blank" data-episode="Tanks for the Memories" data-episode-number="5" data-episode-season="5" class="mlptext mlpepisode">05 - Tanks for the Memories</a><br />
<a href="#" id="episode" target="_blank" data-episode="Appleoosa's Most Wanted" data-episode-number="6" data-episode-season="5" class="mlptext mlpepisode">06 - Appleoosa's Most Wanted</a><br />
<a href="#" id="episode" target="_blank" data-episode="Make New Friends But Keep Discord" data-episode-number="7" data-episode-season="5" class="mlptext mlpepisode">07 - Make New Friends But Keep Discord</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Lost Treasure of Griffonstone" data-episode-number="8" data-episode-season="5" class="mlptext mlpepisode">08 - The Lost Treasure of Griffonstone</a><br />
<a href="#" id="episode" target="_blank" data-episode="Slice of Life" data-episode-number="9" data-episode-season="5" class="mlptext mlpepisode">09 - Slice of Life</a><br />
<a href="#" id="episode" target="_blank" data-episode="Princess Spike" data-episode-number="10" data-episode-season="5" class="mlptext mlpepisode">10 - Princess Spike</a><br />
<a href="#" id="episode" target="_blank" data-episode="Party Pooped" data-episode-number="11" data-episode-season="5" class="mlptext mlpepisode">11 - Party Pooped</a><br />
<a href="#" id="episode" target="_blank" data-episode="Amending Fences" data-episode-number="12" data-episode-season="5" class="mlptext mlpepisode">12 - Amending Fences</a><br />
<a href="#" id="episode" target="_blank" data-episode="Do Princesses Dream of Magic Sheep?" data-episode-number="13" data-episode-season="5" class="mlptext mlpepisode">13 - Do Princesses Dream of Magic Sheep?</a><br />
<a href="#" id="episode" target="_blank" data-episode="Canterlot Boutique" data-episode-number="14" data-episode-season="5" class="mlptext mlpepisode">14 - Canterlot Boutique</a><br />
<a href="#" id="episode" target="_blank" data-episode="Rarity Investigates!" data-episode-number="15" data-episode-season="5" class="mlptext mlpepisode">15 - Rarity Investigates!</a><br />
<a href="#" id="episode" target="_blank" data-episode="Made in Manehattan" data-episode-number="16" data-episode-season="5" class="mlptext mlpepisode">16 - Made in Manehattan</a><br />
<a href="#" id="episode" target="_blank" data-episode="Brotherhooves Social" data-episode-number="17" data-episode-season="5" class="mlptext mlpepisode">17 - Brotherhooves Social</a><br />
<a href="#" id="episode" target="_blank" data-episode="Crusaders of the Lost Mark" data-episode-number="18" data-episode-season="5" class="mlptext mlpepisode">18 - Crusaders of the Lost Mark</a><br />
<a href="#" id="episode" target="_blank" data-episode="The One Where Pinkie Pie Knows" data-episode-number="19" data-episode-season="5" class="mlptext mlpepisode">19 - The One Where Pinkie Pie Knows</a><br />
<a href="#" id="episode" target="_blank" data-episode="Hearthbreakers" data-episode-number="20" data-episode-season="5" class="mlptext mlpepisode">20 - Hearthbreakers</a><br />
<a href="#" id="episode" target="_blank" data-episode="Scare Master" data-episode-number="21" data-episode-season="5" class="mlptext mlpepisode">21 - Scare Master</a><br />
<a href="#" id="episode" target="_blank" data-episode="What About Discord?" data-episode-number="22" data-episode-season="5" class="mlptext mlpepisode">22 - What About Discord?</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Hooffields and McColts" data-episode-number="23" data-episode-season="5" class="mlptext mlpepisode">23 - The Hooffields and McColts</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Mane Attraction" data-episode-number="24" data-episode-season="5" class="mlptext mlpepisode">24 - The Mane Attraction</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Cutie Re-Mark" data-episode-number="25" data-episode-season="5" class="mlptext mlpepisode">25 - The Cutie Re-Mark - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Cutie Re-Mark" data-episode-number="26" data-episode-season="5" class="mlptext mlpepisode">26 - The Cutie Re-Mark - Part 2</a><br />
</div><br />
<div id="s6" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">Season 6</span><br />
<a href="#" id="episode" target="_blank" data-episode="The Crystalling" data-episode-number="1" data-episode-season="6" class="mlptext mlpepisode">01 - The Crystalling - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Crystalling" data-episode-number="2" data-episode-season="6" class="mlptext mlpepisode">02 - The Crystalling - Part 2</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Gift of the Maud Pie" data-episode-number="3" data-episode-season="6" class="mlptext mlpepisode">03 - The Gift of the Maud Pie</a><br />
<a href="#" id="episode" target="_blank" data-episode="On Your Marks" data-episode-number="4" data-episode-season="6" class="mlptext mlpepisode">04 - On Your Marks</a><br />
<a href="#" id="episode" target="_blank" data-episode="Gauntlet of Fire" data-episode-number="5" data-episode-season="6" class="mlptext mlpepisode">05 - Gauntlet of Fire</a><br />
<a href="#" id="episode" target="_blank" data-episode="No Second Prances" data-episode-number="6" data-episode-season="6" class="mlptext mlpepisode">06 - No Second Prances</a><br />
<a href="#" id="episode" target="_blank" data-episode="Newbie Dash" data-episode-number="7" data-episode-season="6" class="mlptext mlpepisode">07 - Newbie Dash</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Hearth's Warming Tail" data-episode-number="8" data-episode-season="6" class="mlptext mlpepisode">08 - A Hearth's Warming Tail</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Saddle Row Review" data-episode-number="9" data-episode-season="6" class="mlptext mlpepisode">09 - The Saddle Row Review</a><br />
<a href="#" id="episode" target="_blank" data-episode="Applejack's \"Day\" Off" data-episode-number="10" data-episode-season="6" class="mlptext mlpepisode">10 - Applejack's "Day" Off</a><br />
<a href="#" id="episode" target="_blank" data-episode="Flutter Brutter" data-episode-number="11" data-episode-season="6" class="mlptext mlpepisode">11 - Flutter Brutter</a><br />
<a href="#" id="episode" target="_blank" data-episode="Spice Up Your Life" data-episode-number="12" data-episode-season="6" class="mlptext mlpepisode">12 - Spice Up Your Life</a><br />
<a href="#" id="episode" target="_blank" data-episode="Stranger Than Fan Fiction" data-episode-number="13" data-episode-season="6" class="mlptext mlpepisode">13 - Stranger Than Fan Fiction</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Cart Before the Ponies" data-episode-number="14" data-episode-season="6" class="mlptext mlpepisode">14 - The Cart Before the Ponies</a><br />
<a href="#" id="episode" target="_blank" data-episode="28 Pranks Later" data-episode-number="15" data-episode-season="6" class="mlptext mlpepisode">15 - 28 Pranks Later</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Times They Are a Changeling" data-episode-number="16" data-episode-season="6" class="mlptext mlpepisode">16 - The Times They Are a Changeling</a><br />
<a href="#" id="episode" target="_blank" data-episode="Dungeons & Discords" data-episode-number="17" data-episode-season="6" class="mlptext mlpepisode">17 - Dungeons & Discords</a><br />
<a href="#" id="episode" target="_blank" data-episode="Buckball Season" data-episode-number="18" data-episode-season="6" class="mlptext mlpepisode">18 - Buckball Season</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Fault in Our Cutie Marks" data-episode-number="19" data-episode-season="6" class="mlptext mlpepisode">19 - The Fault in Our Cutie Marks</a><br />
<a href="#" id="episode" target="_blank" data-episode="Viva Las Pegasus" data-episode-number="20" data-episode-season="6" class="mlptext mlpepisode">20 - Viva Las Pegasus</a><br />
<a href="#" id="episode" target="_blank" data-episode="Every Little Thing She Does" data-episode-number="21" data-episode-season="6" class="mlptext mlpepisode">21 - Every Little Thing She Does</a><br />
<a href="#" id="episode" target="_blank" data-episode="P.P.O.V. (Pony Point of View)" data-episode-number="22" data-episode-season="6" class="mlptext mlpepisode">22 - P.P.O.V. (Pony Point of View)</a><br />
<a href="#" id="episode" target="_blank" data-episode="Where the Apple Lies" data-episode-number="23" data-episode-season="6" class="mlptext mlpepisode">23 - Where the Apple Lies</a><br />
<a href="#" id="episode" target="_blank" data-episode="Top Bolt" data-episode-number="24" data-episode-season="6" class="mlptext mlpepisode">24 - Top Bolt</a><br />
<a href="#" id="episode" target="_blank" data-episode="To Where and Back Again - Part 1" data-episode-number="25" data-episode-season="6" class="mlptext mlpepisode">25 - To Where and Back Again - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="To Where and Back Again - Part 2" data-episode-number="26" data-episode-season="6" class="mlptext mlpepisode">26 - To Where and Back Again - Part 2</a><br />
</div><br />
<div id="s7" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">Season 7</span><br />
<a href="#" id="episode" target="_blank" data-episode="Celestial Advice" data-episode-number="1" data-episode-season="7" class="mlptext mlpepisode">01 - Celestial Advice</a><br />
<a href="#" id="episode" target="_blank" data-episode="All Bottled Up" data-episode-number="2" data-episode-season="7" class="mlptext mlpepisode">02 - All Bottled Up</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Flurry of Emotions" data-episode-number="3" data-episode-season="7" class="mlptext mlpepisode">03 - A Flurry of Emotions</a><br />
<a href="#" id="episode" target="_blank" data-episode="Rock Solid Friendship" data-episode-number="4" data-episode-season="7" class="mlptext mlpepisode">04 - Rock Solid Friendship</a><br />
<a href="#" id="episode" target="_blank" data-episode="Fluttershy Leans In" data-episode-number="5" data-episode-season="7" class="mlptext mlpepisode">05 - Fluttershy Leans In</a><br />
<a href="#" id="episode" target="_blank" data-episode="Forever Filly" data-episode-number="6" data-episode-season="7" class="mlptext mlpepisode">06 - Forever Filly</a><br />
<a href="#" id="episode" target="_blank" data-episode="Parental Glideance" data-episode-number="7" data-episode-season="7" class="mlptext mlpepisode">07 - Parental Glideance</a><br />
<a href="#" id="episode" target="_blank" data-episode="Hard to Say Anything" data-episode-number="8" data-episode-season="7" class="mlptext mlpepisode">08 - Hard to Say Anything</a><br />
<a href="#" id="episode" target="_blank" data-episode="Honest Apple" data-episode-number="9" data-episode-season="7" class="mlptext mlpepisode">09 - Honest Apple</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Royal Problem" data-episode-number="10" data-episode-season="7" class="mlptext mlpepisode">10 - A Royal Problem</a><br />
<a href="#" id="episode" target="_blank" data-episode="Not Asking for Trouble" data-episode-number="11" data-episode-season="7" class="mlptext mlpepisode">11 - Not Asking for Trouble</a><br />
<a href="#" id="episode" target="_blank" data-episode="Discordant Harmony" data-episode-number="12" data-episode-season="7" class="mlptext mlpepisode">12 - Discordant Harmony</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Perfect Pear" data-episode-number="13" data-episode-season="7" class="mlptext mlpepisode">13 - The Perfect Pear</a><br />
<a href="#" id="episode" target="_blank" data-episode="Fame and Misfortune" data-episode-number="14" data-episode-season="7" class="mlptext mlpepisode">14 - Fame and Misfortune</a><br />
<a href="#" id="episode" target="_blank" data-episode="Triple Threat" data-episode-number="15" data-episode-season="7" class="mlptext mlpepisode">15 - Triple Threat</a><br />
<a href="#" id="episode" target="_blank" data-episode="Campfire Tales" data-episode-number="16" data-episode-season="7" class="mlptext mlpepisode">16 - Campfire Tales</a><br />
<a href="#" id="episode" target="_blank" data-episode="To Change a Changeling" data-episode-number="17" data-episode-season="7" class="mlptext mlpepisode">17 - To Change a Changeling</a><br />
<a href="#" id="episode" target="_blank" data-episode="Daring Done" data-episode-number="18" data-episode-season="7" class="mlptext mlpepisode">18 - Daring Done</a><br />
<a href="#" id="episode" target="_blank" data-episode="It Isn't the Mane Thing About You" data-episode-number="19" data-episode-season="7" class="mlptext mlpepisode">19 - It Isn't the Mane Thing About You</a><br />
<a href="#" id="episode" target="_blank" data-episode="A Health of Information" data-episode-number="20" data-episode-season="7" class="mlptext mlpepisode">20 - A Health of Information</a><br />
<a href="#" id="episode" target="_blank" data-episode="Marks and Recreation" data-episode-number="21" data-episode-season="7" class="mlptext mlpepisode">21 - Marks and Recreation</a><br />
<a href="#" id="episode" target="_blank" data-episode="Once Upon a Zeppelin" data-episode-number="22" data-episode-season="7" class="mlptext mlpepisode">22 - Once Upon a Zeppelin</a><br />
<a href="#" id="episode" target="_blank" data-episode="Secrets and Pies" data-episode-number="23" data-episode-season="7" class="mlptext mlpepisode">23 - Secrets and Pies</a><br />
<a href="#" id="episode" target="_blank" data-episode="Uncommon Bond" data-episode-number="24" data-episode-season="7" class="mlptext mlpepisode">24 - Uncommon Bond</a><br />
<a href="#" id="episode" target="_blank" data-episode="Shadow Play, Part I" data-episode-number="25" data-episode-season="7" class="mlptext mlpepisode">25 - Shadow Play, Part I</a><br />
<a href="#" id="episode" target="_blank" data-episode="Shadow Play, Part II" data-episode-number="26" data-episode-season="7" class="mlptext mlpepisode" style="color:rgb(0, 172, 235);">26 - Shadow Play, Part II</a><br />
</div><br />
<div id="mlptm" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;">My Little Pony: The Movie</span><br />
<!--<a href="" id="episode" target="_blank" data-episode="The Movie" data-episode-number="1" data-episode-season="movie" class="mlptext mlpepisode">Watch My Little Pony: The Movie Here</a><br />-->
<i class="mlptext" style="color:rgb(50, 72, 235);">We unfortunately cannot share the movie on our website due to it being a big copyright infringement and it would get taken down instantly. We highly recommend going to see it in your local cinema whenever you have the opportunity! Or, you know, you could use <a href="https://google.com/search?q=My Little Pony The Movie">Google</a> to find it online, either way. We're sorry about the inconvenience.</i><br />
</div><br />
<div id="s8" class="seasonlister">
<span class="mlptext mlpcolor" style="font-size:40px;color:rgb(50, 72, 235);">Season 8</span><br />
<a href="#" id="episode" target="_blank" data-episode="School Daze - Part 1" data-episode-number="1" data-episode-season="8" class="mlptext mlpepisode">01 - School Daze - Part 1</a><br />
<a href="#" id="episode" target="_blank" data-episode="School Daze - Part 2" data-episode-number="2" data-episode-season="8" class="mlptext mlpepisode">02 - School Daze - Part 2</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Maud Couple" data-episode-number="3" data-episode-season="8" class="mlptext mlpepisode_new">03 - The Maud Couple</a><br />
<a href="#" id="episode" target="_blank" data-episode="Fake It Til You Make It" data-episode-number="4" data-episode-season="8" class="mlptext mlpepisode_new">04 - Fake It Til You Make It</a><br />
<a href="#" id="episode" target="_blank" data-episode="Grannies Gone Wild" data-episode-number="5" data-episode-season="8" class="mlptext mlpepisode_new">05 - Grannies Gone Wild</a><br />
<a href="#" id="episode" target="_blank" data-episode="Surf and/or Turf" data-episode-number="6" data-episode-season="8" class="mlptext mlpepisode_new">06 - Surf and/or Turf</a><br />
<a href="#" id="episode" target="_blank" data-episode="Horse Play" data-episode-number="7" data-episode-season="8" class="mlptext mlpepisode_new">07 - Horse Play</a><br />
<a href="#" id="episode" target="_blank" data-episode="The Parent Map" data-episode-number="8" data-episode-season="8" class="mlptext mlpepisode_new">08 - The Parent Map</a><br />
</div><br />
</div>
<script type="text/javascript" src="/js/episodes-generic.js"></script>
<script type="text/javascript" src="/js/episodes.js"></script>
<!--<script type="text/javascript" src="https://tsa6.net/webapps/mlptkeps/episodes.js"></script>-->
<i class="mlptext" style="color:rgb(50, 72, 235);">The episodes that are written in BLUE have not been added to the website.</i><br />
<i class="mlptext" style="color:rgb(50, 72, 235);">Need information on episodes and their air dates? Check out the <a href="http://mlp.wikia.com/wiki/Episodes,_films,_and_shorts#Season_eight" target="_blank">My Little Pony Wikia</a>!</i><br />
</div>
</body>
<footer>
<span style="text-align:center">My Little Pony: Friendship is Magic is © Hasbro, Inc. We are not affiliated in any way with Hasbro Inc. or DHX Media. No copyright infringement intended.<br /> &copy; 2013-2017 <b><a href="http://lunasqu.ee/">LunaSquee</a></b> with special thanks to <a href="https://tsa6.net/webapps/mlptkeps" target="_blank">Tsa6</a> for episode automation!
<br /> &copy; 2017-2018 <b><a href="https://icynet.eu/">Icy Network</a></b></span><br />
</footer>
<link rel="stylesheet" type="text/css" href="/icynet/footer.css">
<footer class="icy"><img class="squeebot" src="/icynet/squeebot.svg"><span class="copyright"><a href="https://icynet.eu" target="_blank"><div class="logo small"><div class="part1">Icy</div><div class="part2">Network</div></div></a><div class="social"><a class="socialbtn" id="github" href="https://github.com/IcyNet/" target="_blank"><i class="fa fa-fw fa-github"></i></a><a class="socialbtn" id="twitter" href="https://twitter.com/IcyNet" target="_blank"><i class="fa fa-fw fa-twitter"></i></a><a class="socialbtn" id="discord" href="https://discord.gg/Xe7MKSx" target="_blank"><span class="discordlogo"></span></a></div><span>© 2017-2018 - Icy Network - Some Rights Reserved</span><br><span> <a href="https://icynet.eu/docs/terms-of-service">Terms of Service</a><span class="divider">|</span><a href="https://icynet.eu/docs/privacy-policy">Privacy Policy</a><span class="divider">|</span><a href="https://icynet.eu/donate">Donate</a></span></span></footer>
<div id="social">
<div class="fb-like" style="top: -4px !important; display: inline-block !important;" data-href="https://www.facebook.com/FimEpisodes" data-width="50" data-layout="button_count" data-show-faces="false" data-send="false"></div>
<div class="fb-share-button" style="top: -4px !important; display: inline-block !important;" data-href="https://mlp.icynet.eu/" data-type="button_count"></div>
<a href="https://twitter.com/IcyNet" class="twitter-follow-button" data-show-count="false">Follow @IcyNet</a>
<a href="https://twitter.com/share" title="Share on Twitter" class="twitter-share-button" data-url="https://mlp.icynet.eu/" data-text="Watch any #MLPFiM episode in HD quality:">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</html>

3
info.php Normal file
View File

@ -0,0 +1,3 @@
<?php
phpinfo();
?>

181
irc/colors.html Normal file
View File

@ -0,0 +1,181 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/css/tutorials.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<title>IRC Formatting</title>
<style type="text/css">
table, th, td {
border: none;
border-spacing: 0px;
}
.main {
float: left;
}
.main td {
width: 150px;
}
.secondary{
float: right;
}
.secondary tr, .secondary td{
border: 1px solid #DADADA;
}
.secondary .head{
border: none;
}
.secondary .head td{
border: none;
}
.secondary td {
min-width: 120px;
}
tr {
font-size: 20px;
}
</style>
</head>
<!-- Codepony IcyDiamond -->
<body>
<div class="containment" style="min-height: 800px">
<h1>IRC Colors and Formatting codes</h1>
<table class="main">
<tr>
<td>Index</td>
<td>Color</td>
<td>RGB</td>
<td>HEX</td>
</tr>
<tr style="background-color:rgb(255,255,255);">
<td>0</td>
<td>White</td>
<td>(255,255,255)</td>
<td>#FFFFFF</td>
</tr>
<tr style="background-color:rgb(0,0,0);color:white;">
<td>1</td>
<td>Black</td>
<td>(0,0,0)</td>
<td>#000000</td>
</tr>
<tr style="background-color:rgb(0,0,127);color:white;">
<td>2</td>
<td>Blue</td>
<td>(0,0,127)</td>
<td>#00007F</td>
</tr>
<tr style="background-color:rgb(0,147,0);color:white;">
<td>3</td>
<td>Green</td>
<td>(0,147,0)</td>
<td>#009300</td>
</tr>
<tr style="background-color:rgb(255,0,0);color:white;">
<td>4</td>
<td>Red</td>
<td>(255,0,0)</td>
<td>#FF0000</td>
</tr>
<tr style="background-color:rgb(127,0,0);color:white;">
<td>5</td>
<td>Brown</td>
<td>(127,0,0)</td>
<td>#7F0000</td>
</tr>
<tr style="background-color:rgb(156,0,156);color:white;">
<td>6</td>
<td>Purple</td>
<td>(156,0,156)</td>
<td>#9C009C</td>
</tr>
<tr style="background-color:rgb(252,127,0);color:white;">
<td>7</td>
<td>Orange</td>
<td>(252,127,0)</td>
<td>#FC7F00</td>
</tr>
<tr style="background-color:rgb(255,255,0);">
<td>8</td>
<td>Yellow</td>
<td>(255,255,0)</td>
<td>#FFFF00</td>
</tr>
<tr style="background-color:rgb(0,252,0);">
<td>9</td>
<td>Light Green</td>
<td>(0,252,0)</td>
<td>#00FC00</td>
</tr>
<tr style="background-color:rgb(0,147,147);color:white;">
<td>10</td>
<td>Cyan</td>
<td>(0,147,147)</td>
<td>#009393</td>
</tr>
<tr style="background-color:rgb(0,255,255);">
<td>11</td>
<td>Light Cyan</td>
<td>(0,255,255)</td>
<td>#00FFFF</td>
</tr>
<tr style="background-color:rgb(0,0,252);color:white;">
<td>12</td>
<td>Light Blue</td>
<td>(0,0,252)</td>
<td>#0000FC</td>
</tr>
<tr style="background-color:rgb(255,0,255);color:white;">
<td>13</td>
<td>Pink</td>
<td>(255,0,255)</td>
<td>#FF00FF</td>
</tr>
<tr style="background-color:rgb(127,127,127);color:white;">
<td>14</td>
<td>Grey</td>
<td>(127,127,127)</td>
<td>#7F7F7F</td>
</tr>
<tr style="background-color:rgb(210,210,210);">
<td>15</td>
<td>Light Grey</td>
<td>(210,210,210)</td>
<td>#D2D2D2</td>
</tr>
</table>
<table class="secondary">
<tr class="head">
<td>Character</td>
<td>Name</td>
<td>Notes</td>
</tr>
<tr>
<td>\u0003x</td>
<td>Color</td>
<td>x - color code from left table</td>
</tr>
<tr>
<td>\u0002</td>
<td>Bold</td>
<td></td>
</tr>
<tr>
<td>\u0016</td>
<td>Italic</td>
<td>Deprecated in most clients</td>
</tr>
<tr>
<td>\u001F</td>
<td>Underline</td>
<td></td>
</tr>
<tr>
<td>\u000F</td>
<td>Reset</td>
<td>Resets formatting</td>
</tr>
</table>
</div>
</body>
</html>

29
irc/rules.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/css/tutorials.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<title>IRC Chat Rules</title>
</head>
<!-- Codepony IcyDiamond -->
<body>
<div class="containment" style="min-height: 800px; font-size: 28px;">
<h1>Rules of the <a href="irc://irc.lunasqu.ee/mlp-episodes" target="_blank">#mlp-episodes</a> IRC Channel</h1>
<ol>
<li>No spam of any kind</li>
<li>No linesplitting <sup style="font-size:18px"><a href="http://pastebin.ubuntu.com/6666337/" target="_blank">[ What is linesplitting? ]</a></sup></li>
<li>No IRC bots (Squeebot is the only bot)</li>
<li>No ban evading</li>
<li>No spoilers</li>
<li>No NSFW images (18+ content)</li>
<li>Don't be annoying</li>
<li>Don't excessively change your nickname</li>
<li>Don't try to impersonate admins</li>
<li>NO DISCUSSING LEAKED MLP EPISODES!</li>
<li>Advertising your stuff is allowed, as long as you don't spam it</li>
</ol>
<p>Breaking these rules will get you banned <a href="https://www.youtube.com/watch?v=RLkc1huIBCo">FOREVER!</a> (Warned with a kick beforehand)</p>
</div>
</body>
</html>

3
js/autoscroll.js Normal file
View File

@ -0,0 +1,3 @@
$(document).ready(function(){function filterPath(string){return string.replace(/^\//,'').replace(/(index|default).[a-zA-Z]{3,4}$/,'').replace(/\/$/,'');}
var locationPath=filterPath(location.pathname);var scrollElem=scrollableElement('html','body');$('a[href*=#]').each(function(){var thisPath=filterPath(this.pathname)||locationPath;if(locationPath==thisPath&&(location.hostname==this.hostname||!this.hostname)&&this.hash.replace(/#/,'')){var $target=$(this.hash),target=this.hash;if(target){var targetOffset=$target.offset().top;$(this).click(function(event){event.preventDefault();$(scrollElem).animate({scrollTop:targetOffset},400,function(){location.hash=target;});});}}});function scrollableElement(els){for(var i=0,argLength=arguments.length;i<argLength;i++){var el=arguments[i],$scrollElement=$(el);if($scrollElement.scrollTop()>0){return el;}else{$scrollElement.scrollTop(1);var isScrollable=$scrollElement.scrollTop()>0;$scrollElement.scrollTop(0);if(isScrollable){return el;}}}
return[];}});

1026
js/episodes-generic.js Normal file
View File

File diff suppressed because it is too large Load Diff

951
js/episodes.js Normal file
View File

@ -0,0 +1,951 @@
// Welcome! This is a dynamically generated listing of as many episodes as I
// find, maintained by a different person than the main page. Contact me (Evert) at the email
// evert@lunasqu.ee with any inqueries.
//
// This page is generated from a number of dailymotion channels which regularly
// post mlp episodes. An algorithm is used to pick out the relevant episodes as
// well as some basic information about them. Some episodes are also selected
// by hand and included.
//
// If you are intrested in the server-side source code, shoot me an email and I
// can send it to you, though be warned -- it isn't exactly neat or well
// documented.
//
// If you host episodes on your own dailymotion channel or run a listing that
// you would like included in the algorith, please contact me and I will add you
// to the list.
console.log("%cAlso, a dynamic listing created from several sources ----->", "font-size:15px;");
console.log("For more information, see http://tsa6.us.to/mlptkeps, contact evert@lunasqu.ee, or look at the comments in the source.");
//Episode Listing:
episodes = [
[
{
"title": "Friendship is Magic - Part 1",
"dailymotion": "//www.dailymotion.com/video/x3syjbp",
"available": true
},
{
"title": "Friendship is Magic - Part 2",
"dailymotion": "//www.dailymotion.com/video/xv3o78",
"available": true
},
{
"title": "The Ticket Master",
"dailymotion": "//www.dailymotion.com/video/x3thnjx",
"available": true
},
{
"title": "Applebuck Season",
"dailymotion": "//www.dailymotion.com/video/x3thnjy",
"available": true
},
{
"title": "Griffon the Brush Off",
"dailymotion": "//www.dailymotion.com/video/x3thnjz",
"available": true
},
{
"title": "Boast Busters",
"dailymotion": "//www.dailymotion.com/video/x3thnk0",
"available": true
},
{
"title": "Dragonshy",
"dailymotion": "//www.dailymotion.com/video/x3thnk1",
"available": true
},
{
"title": "Look Before You Sleep",
"dailymotion": "//www.dailymotion.com/video/x3vcf37",
"available": true
},
{
"title": "Bridle Gossip",
"dailymotion": "//www.dailymotion.com/video/x3vcf38",
"available": true
},
{
"title": "Swarm of the Century",
"dailymotion": "//www.dailymotion.com/video/x3vcf39",
"available": true
},
{
"title": "Winter Wrap Up",
"dailymotion": "//www.dailymotion.com/video/x3vcf3a",
"available": true
},
{
"title": "Call of the Cutie",
"dailymotion": "//www.dailymotion.com/video/x3vcf3b",
"available": true
},
{
"title": "Fall Weather Friends",
"dailymotion": "//www.dailymotion.com/video/x3w2lfn",
"available": true
},
{
"title": "Suited for Success",
"dailymotion": "//www.dailymotion.com/video/x3w2lfq",
"available": true
},
{
"title": "Feeling Pinkie Keen",
"dailymotion": "//www.dailymotion.com/video/x3w2lfr",
"available": true
},
{
"title": "Sonic Rainboom",
"dailymotion": "//www.dailymotion.com/video/x3w2lfs",
"available": true
},
{
"title": "Stare Master",
"dailymotion": "//www.dailymotion.com/video/x3w2lft",
"available": true
},
{
"title": "The Show Stoppers",
"dailymotion": "//www.dailymotion.com/video/x3ysro9",
"available": true
},
{
"title": "A Dog and Pony Show",
"dailymotion": "//www.dailymotion.com/video/x3ysrod",
"available": true
},
{
"title": "Green Isn't Your Color",
"dailymotion": "//www.dailymotion.com/video/x3ysrog",
"available": true
},
{
"title": "Over a Barrel",
"dailymotion": "//www.dailymotion.com/video/x3ysroj",
"available": true
},
{
"title": "A Bird in the Hoof",
"dailymotion": "//www.dailymotion.com/video/x3ysrom",
"available": true
},
{
"title": "The Cutie Mark Chronicles",
"dailymotion": "//www.dailymotion.com/video/x3z34hz",
"available": true
},
{
"title": "Owl's Well That Ends Well",
"dailymotion": "//www.dailymotion.com/video/x3z34i0",
"available": true
},
{
"title": "Party of One",
"dailymotion": "//www.dailymotion.com/video/x3z34i2",
"available": true
},
{
"title": "The Best Night Ever",
"dailymotion": "//www.dailymotion.com/video/x3z34i5",
"available": true
}
],
[
{
"title": "The Return of Harmony - Part 1",
"dailymotion": "//www.dailymotion.com/video/x3nferb",
"available": true
},
{
"title": "The Return of Harmony - Part 2",
"dailymotion": "//www.dailymotion.com/video/x2drdtm",
"available": true
},
{
"title": "Lesson Zero",
"dailymotion": "//www.dailymotion.com/video/x3nferz",
"available": true
},
{
"title": "Luna Eclipsed",
"dailymotion": "//www.dailymotion.com/video/x3nfes5",
"available": true
},
{
"title": "Sisterhooves Social",
"dailymotion": "//www.dailymotion.com/video/x2dsviw",
"available": true
},
{
"title": "The Cutie Pox",
"dailymotion": "//www.dailymotion.com/video/x3nuvs0",
"available": true
},
{
"title": "May the Best Pet Win!",
"dailymotion": "//www.dailymotion.com/video/x3nuvtb",
"available": true
},
{
"title": "The Mysterious Mare Do Well",
"dailymotion": "//www.dailymotion.com/video/x3nuvtd",
"available": true
},
{
"title": "Sweet and Elite",
"dailymotion": "//www.dailymotion.com/video/x3nuvte",
"available": true
},
{
"title": "Secret of My Excess",
"dailymotion": "//www.dailymotion.com/video/x3nuvtg",
"available": true
},
{
"title": "Hearth's Warming Eve",
"dailymotion": "//www.dailymotion.com/video/x2duq0j",
"available": true
},
{
"title": "Family Appreciation Day",
"dailymotion": "//www.dailymotion.com/video/x3p2jkp",
"available": true
},
{
"title": "Baby Cakes",
"dailymotion": "//www.dailymotion.com/video/x3p2jkq",
"available": true
},
{
"title": "The Last Roundup",
"dailymotion": "//www.dailymotion.com/video/x3p2jkr",
"available": true
},
{
"title": "Super Speedy Cider Squeezy 6000",
"dailymotion": "//www.dailymotion.com/video/x3p2jks",
"available": true
},
{
"title": "Read It and Weep",
"dailymotion": "//www.dailymotion.com/video/x3rngwu",
"available": true
},
{
"title": "Hearts and Hooves Day",
"dailymotion": "//www.dailymotion.com/video/x4h818o",
"available": true
},
{
"title": "A Friend in Deed",
"dailymotion": "//www.dailymotion.com/video/x3rngww",
"available": true
},
{
"title": "Putting Your Hoof Down",
"dailymotion": "//www.dailymotion.com/video/x3rngwx",
"available": true
},
{
"title": "It's About Time",
"dailymotion": "//www.dailymotion.com/video/x3rngwy",
"available": true
},
{
"title": "Dragon Quest",
"dailymotion": "//www.dailymotion.com/video/x3s3w8b",
"available": true
},
{
"title": "Hurricane Fluttershy",
"dailymotion": "//www.dailymotion.com/video/x3s3w8c",
"available": true
},
{
"title": "Ponyville Confidential",
"dailymotion": "//www.dailymotion.com/video/x3s3w8d",
"available": true
},
{
"title": "MMMystery on the Friendship Express ",
"dailymotion": "//www.dailymotion.com/video/x10zkem",
"available": true
},
{
"title": "A Canterlot Wedding - Part 1",
"dailymotion": "//www.dailymotion.com/video/x3h0quv",
"available": true
},
{
"title": "A Canterlot Wedding - Part 2",
"dailymotion": "//www.dailymotion.com/video/x10zkff",
"available": true
}
],
[
{
"title": "The Crystal Empire - Part 1",
"dailymotion": "//www.dailymotion.com/video/x3h0qze",
"available": true
},
{
"title": "The Crystal Empire - Part 2",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Too Many Pinkie Pies",
"dailymotion": "//www.dailymotion.com/video/x3kgows",
"available": true
},
{
"title": "One Bad Apple",
"dailymotion": "//www.dailymotion.com/video/x3kgowu",
"available": true
},
{
"title": "Magic Duel",
"dailymotion": "//www.dailymotion.com/video/x3kgoww",
"available": true
},
{
"title": "Sleepless in Ponyville",
"dailymotion": "//www.dailymotion.com/video/x11arm1",
"available": true
},
{
"title": "Wonderbolts Academy",
"dailymotion": "//www.dailymotion.com/video/x3kwymi",
"available": true
},
{
"title": "Apple Family Reunion",
"dailymotion": "//www.dailymotion.com/video/x3kwymk",
"available": true
},
{
"title": "Spike at Your Service",
"dailymotion": "//www.dailymotion.com/video/x3kwyml",
"available": true
},
{
"title": "Keep Calm and Flutter On",
"dailymotion": "//www.dailymotion.com/video/x3kwymn",
"available": true
},
{
"title": "Just for Sidekicks",
"dailymotion": "//www.dailymotion.com/video/x3l5omj",
"available": true
},
{
"title": "Games Ponies Play",
"dailymotion": "//www.dailymotion.com/video/x3l5oml",
"available": true
},
{
"title": "Magical Mystery Cure",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
}
],
[
{
"title": "Princess Twilight Sparkle - Part 1",
"dailymotion": "//www.dailymotion.com/video/x4hyzil",
"available": true
},
{
"title": "Princess Twilight Sparkle - Part 2",
"dailymotion": "//www.dailymotion.com/video/x25wqze",
"available": true
},
{
"title": "Castle Mane-ia",
"dailymotion": "//www.dailymotion.com/video/x3irf8m",
"available": true
},
{
"title": "Daring Don't",
"dailymotion": "//www.dailymotion.com/video/x3irf8s",
"available": true
},
{
"title": "Flight to the Finish",
"dailymotion": "//www.dailymotion.com/video/x3irf8w",
"available": true
},
{
"title": "Power Ponies",
"dailymotion": "//www.dailymotion.com/video/x3ixwti",
"available": true
},
{
"title": "Bats!",
"dailymotion": "//www.dailymotion.com/video/x3ixwtx",
"available": true
},
{
"title": "Rarity Takes Manehattan",
"dailymotion": "//www.dailymotion.com/video/x3ixwuc",
"available": true
},
{
"title": "Pinkie Apple Pie",
"dailymotion": "//www.dailymotion.com/video/x19m4g4",
"available": true
},
{
"title": "Rainbow Falls",
"dailymotion": "//www.dailymotion.com/video/x3ixwut",
"available": true
},
{
"title": "Three's a Crowd",
"dailymotion": "//www.dailymotion.com/video/x3j57yc",
"available": true
},
{
"title": "Pinkie Pride",
"dailymotion": "//www.dailymotion.com/video/x3j57zc",
"available": true
},
{
"title": "Simple Ways",
"dailymotion": "//www.dailymotion.com/video/x3j57zg",
"available": true
},
{
"title": "Filli Vanilli",
"dailymotion": "//www.dailymotion.com/video/x3j57zn",
"available": true
},
{
"title": "Twilight Time",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "It Ain't Easy Being Breezies",
"dailymotion": "//www.dailymotion.com/video/x3ja12y",
"available": true
},
{
"title": "Somepony to Watch Over Me",
"dailymotion": "//www.dailymotion.com/video/x3jf2ps",
"available": true
},
{
"title": "Maud Pie",
"dailymotion": "//www.dailymotion.com/video/x2cdy7d",
"available": true
},
{
"title": "For Whom the Sweetie Belle Toils",
"dailymotion": "//www.dailymotion.com/video/x3jf2qz",
"available": true
},
{
"title": "Leap of Faith",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Testing, Testing, 1, 2, 3",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Trade Ya",
"dailymotion": "//www.dailymotion.com/video/x3jqk2v",
"available": true
},
{
"title": "Inspiration Manifestation",
"dailymotion": "//www.dailymotion.com/video/x3jqk3j",
"available": true
},
{
"title": "Equestria Games",
"dailymotion": "//www.dailymotion.com/video/x3jqk58",
"available": true
},
{
"title": "Twilight's Kingdom - Part 1",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Twilight's Kingdom - Part 2",
"dailymotion": "//www.dailymotion.com/video/x2fykm4",
"available": true
}
],
[
{
"title": "The Cutie Map - Part 1",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "The Cutie Map - Part 2",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Castle Sweet Castle",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Bloom and Gloom",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Thanks for the Memories",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Appleoosa\u2019s Most Wanted",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Make New Friends But Keep Discord",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "The Lost Treasure of Griffonstone",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Slice of Life",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Princess Spike",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Party Pooped",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Amending Fences",
"dailymotion": "//www.dailymotion.com/video/x2wnaot",
"available": true
},
{
"title": "Do Princesses Dream of Magic Sheep",
"dailymotion": "//www.dailymotion.com/video/x2xtnng",
"available": true
},
{
"title": "Canterlot Boutique",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Rarity Investigates!",
"dailymotion": "//www.dailymotion.com/video/x38j0fi",
"available": true
},
{
"title": "Made in Manehattan",
"dailymotion": "//www.dailymotion.com/video/x3f1l8y",
"available": true
},
{
"title": "Brotherhooves Social",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Crusaders of the Lost Mark",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "The One Where Pinkie Pie Knows",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Hearthbreakers",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Scare-Master",
"dailymotion": "//www.dailymotion.com/video/x3bsxac",
"available": true
},
{
"title": "What About Discord",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "The Hooffields and McColts",
"dailymotion": "//www.dailymotion.com/video/x3e1f0l",
"available": true
},
{
"title": "The Mane Attraction",
"dailymotion": "//www.dailymotion.com/video/x3ezfw0",
"available": true
},
{
"title": "Cutie Re-Mark - Part 1",
"dailymotion": "//www.dailymotion.com/video/x3getr1",
"available": true
},
{
"title": "Cutie Re-Mark - Part 2",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
}
],
[
{
"title": "The Crystalling - Part 1",
"dailymotion": "//www.dailymotion.com/video/x40aup5",
"available": true
},
{
"title": "The Crystalling - Part 2",
"dailymotion": "//www.dailymotion.com/video/x40g2n1",
"available": true
},
{
"title": "The Gift of the Maud Pie",
"dailymotion": "//www.dailymotion.com/video/x41pgow",
"available": true
},
{
"title": "On Your Marks",
"dailymotion": "//www.dailymotion.com/video/x43fzs1",
"available": true
},
{
"title": "Gauntlet of Fire",
"dailymotion": "//www.dailymotion.com/video/x453h07",
"available": true
},
{
"title": "No Second Prances",
"dailymotion": "//www.dailymotion.com/video/x482b93",
"available": true
},
{
"title": "Newbie Dash",
"dailymotion": "//www.dailymotion.com/video/x497vee",
"available": true
},
{
"title": "A Hearth's Warming Tail",
"dailymotion": "//www.dailymotion.com/video/x4algkv",
"available": true
},
{
"title": "The Saddle Row Review",
"dailymotion": "//www.dailymotion.com/video/x4c14aw",
"available": true
},
{
"title": "Applejack's \"Day\" Off",
"dailymotion": "//www.dailymotion.com/video/x4dbsn1",
"available": true
},
{
"title": "Flutter Brutter",
"dailymotion": "//www.dailymotion.com/video/x4el9nu",
"available": true
},
{
"title": "Spice Up Your Life",
"dailymotion": "//www.dailymotion.com/video/x4fybmg",
"available": true
},
{
"title": "Stranger Than Fan Fiction",
"dailymotion": "//www.dailymotion.com/video/x4mjj85",
"available": true
},
{
"title": "The Cart Before the Ponies",
"dailymotion": "//www.dailymotion.com/video/x59tp9i",
"available": true
},
{
"title": "28 Pranks Later",
"dailymotion": "//www.dailymotion.com/video/x4oosal",
"available": true
},
{
"title": "The Times They Are a Changeling",
"dailymotion": "//www.dailymotion.com/video/x4plsa8",
"available": true
},
{
"title": "Dungeons & Discords",
"dailymotion": "//www.dailymotion.com/video/x4qohww",
"available": true
},
{
"title": "Buckball Season",
"dailymotion": "//www.dailymotion.com/video/x4rsnah",
"available": true
},
{
"title": "The Fault in Our Cutie Marks",
"dailymotion": "//www.dailymotion.com/video/x4sulgi",
"available": true
},
{
"title": "Viva Las Pegasus",
"dailymotion": "//www.dailymotion.com/video/x4todiu",
"available": true
},
{
"title": "Every Little Thing She Does",
"dailymotion": "//www.dailymotion.com/video/x4ul4tz",
"available": true
},
{
"title": "P.P.O.V. (Pony Point of View)",
"dailymotion": "//www.dailymotion.com/video/x4vnoq2",
"available": true
},
{
"title": "Where the Apple Lies",
"dailymotion": "//www.dailymotion.com/video/x5mplkn",
"available": true
},
{
"title": "Top Bolt",
"dailymotion": "//www.dailymotion.com/video/x4xd1fi",
"available": true
},
{
"title": "To Where and Back Again - Part 1",
"dailymotion": "//www.dailymotion.com/video/x4yo7al",
"available": true
},
{
"title": "To Where and Back Again - Part 2",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
}
],
[
{
"title": "Celestial Advice",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "All Bottled Up",
"dailymotion": "//www.dailymotion.com/video/x5ifdyt",
"available": true
},
{
"title": "A Flurry of Emotions",
"dailymotion": "//www.dailymotion.com/video/x5jcfjw",
"available": true
},
{
"title": "Rock Solid Friendship",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Fluttershy Leans In",
"dailymotion": "//www.dailymotion.com/video/x5lai79",
"available": true
},
{
"title": "Forever Filly",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Parental Glideance",
"dailymotion": "//www.dailymotion.com/video/x5n7hne",
"available": true
},
{
"title": "Hard to Say Anything",
"dailymotion": "//www.dailymotion.com/video/x5o631v",
"available": true
},
{
"title": "Honest Apple",
"dailymotion": "//www.dailymotion.com/video/x5p1f87",
"available": true
},
{
"title": "A Royal Problem",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Not Asking for Trouble",
"dailymotion": "//www.dailymotion.com/video/x5r2rcf",
"available": true
},
{
"title": "Discordant Harmony",
"dailymotion": "//www.dailymotion.com/video/x5w3azj",
"available": true
},
{
"title": "The Perfect Pear",
"dailymotion": "//www.dailymotion.com/video/x5w3d3z",
"available": true
},
{
"title": "Fame and Misfortune",
"dailymotion": "//www.dailymotion.com/video/NotAvailable",
"available": false
},
{
"title": "Triple Threat",
"dailymotion": "//www.dailymotion.com/video/x5xf58q",
"available": true
},
{
"title": "Campfire Tales",
"dailymotion": "//www.dailymotion.com/video/x5ye3nl",
"available": true
},
{
"title": "Daring Done",
"dailymotion": "//www.dailymotion.com/video/x607x2m",
"available": true
},
{
"title": "It Isn't the Mane Thing About You",
"dailymotion": "//www.dailymotion.com/video/x611xle",
"available": true
},
{
"title": "A Health of Information",
"dailymotion": "//www.dailymotion.com/video/x61ti6o",
"available": true
},
{
"title": "Marks and Recreation",
"dailymotion": "//www.dailymotion.com/video/x62rl1v",
"available": true
},
{
"title": "Once Upon a Zeppelin",
"dailymotion": "//www.dailymotion.com/video/x63qhug",
"available": true
},
{
"title": "Secrets and Pies",
"dailymotion": "//www.dailymotion.com/video/x64nhxg",
"available": true
},
{
"title": "Uncommon Bond",
"dailymotion": "//www.dailymotion.com/video/x65orpc",
"available": true
},
{
"title": "Shadow Play, Part I",
"dailymotion": "//www.dailymotion.com/video/x66r9jp",
"available": true
},
{
"title": "Shadow Play, Part II",
"dailymotion": "//www.dailymotion.com/video/x66r9jp",
"available": true
}
],
[
{
"title": "School Daze - Part 1",
"dailymotion": "//www.dailymotion.com/video/x6gsvg8",
"available": true
},
{
"title": "School Daze - Part 2",
"dailymotion": "//www.dailymotion.com/video/x6gsvk9",
"available": true
}
]
];
// Randomization function that won't return an unavailable episode
// Note: Each season is equally weighted, and each episode within the selected
// season, but episodes in different seasons have different probabilities of
// being selected.
function random_episode() {
var season_s = Math.floor(Math.random() * (episodes.length)) + 1;
var episode = Math.floor(Math.random() * (episodes[season_s - 1].length)) + 1;
return episodes[season_s - 1][episode - 1].available ? videoPopper(season_s, episode) : random_episode();
}
//Creates "missing episode" frame by modifying the openEpisode function
var missingFrame = document.createElement("iframe");
missingFrame.style.height = "100%";
missingFrame.style.width = "100%";
missingFrame.style.display = "none";
missingFrame.style.border = "0";
missingFrame.class = "video";
innerCont = document.body.getElementsByClassName("inner-cont")[0];
innerCont.insertBefore(missingFrame, innerCont.getElementsByClassName("controls")[0]);
function openEpisode(viddata) {
epTitle=document.querySelector('[data-episode-number="' + viddata.episode + '"][data-episode-season="' + viddata.season + '"]').attributes['data-episode'].value || viddata.title
dmVideo = document.getElementById("DMVideo");
$('.episodetitle').text(epTitle);
if (episodes[viddata.season - 1][viddata.episode - 1].available) {
dmVideo.style.display = "inline";
missingFrame.style.display = "none";
player = DM.player(dmVideo, {
video: viddata.embed.replace("//www.dailymotion.com/embed/video/", ""),
width: "100%",
height: "100%",
params: {
autoplay: true
}
});
} else {
//missingFrame.src = "https://tsa6.tk/webapps/mlptkeps/missing?" + viddata.season + "x" + viddata.episode;
missingFrame.src = "https://mlp.icynet.eu/MissingResponse.html?" + viddata.season + "x" + viddata.episode;
dmVideo.style.display = "none";
missingFrame.style.display = "initial";
}
$('.vidplayerpopup').fadeIn('fast');
window.episodeMeta = viddata;
}
//Make sure that episodes listed as unreleased on the main site are marked as released
document.addEventListener("DOMContentLoaded", function(event) {
var unreleasedEpisodes = document.getElementsByClassName("mlpepisode_new");
for(var i = 0; i < unreleasedEpisodes.length; i++) {
var ep = unreleasedEpisodes[i];
if(episodes[ep.getAttribute("data-episode-season") - 1]) {
if(episodes[ep.getAttribute("data-episode-season") - 1][ep.getAttribute("data-episode-number") - 1]) {
ep.classList.remove("mlpepisode_new");
ep.classList.add("mlpepisode")
ep.onclick = function() {
openEpisode(videoPopper($(this).data("episode-season"), $(this).data("episode-number")));
return false;
}
i--;
}
}
}
})

7
js/jquery.slides.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

12
js/load_episodes.php Normal file
View File

@ -0,0 +1,12 @@
<?php
header('Content-Type: application/javascript');
$file = fopen ("https://tsa6.tk/webapps/mlptkeps/episodes.js", "r");
if (!$file) {
$file = fopen("./episodes.js", "r");
}
while (!feof ($file)) {
echo fgets ($file, 1024);
}
fclose($file);
?>

43
js/ponycd.js Normal file
View File

@ -0,0 +1,43 @@
var airDate = Date.UTC(2017, 8-1, 12, 15, 30, 0); // Year, month-1, day, hour, minute, second (UTC)
var week = 7*24*60*60*1000;
var counttimes = 12; // How many weeks to count down
var count_finish = "Countdown is currently out of service."; // Message displayed when countdown ends
var count_redir = null; // Website to redirect to when countdown finished, null if no redirect
function zf(v) {
return ""+v;
}
function readableTime(timems, ignoreMs) {
var time = timems|0;
var ms = ignoreMs?'':"."+zf((timems*100)%100|0);
if (time < 60) return "<span class='countdown_section'><span class='countdown_section_number'>"+zf(time)+ms+"</span> Second"+(zf(time)+ms==1?"":"s")+"</span>";
else if (time < 3600) return "<span class='countdown_section'><span class='countdown_section_number'>"+zf(time / 60|0)+"</span> Minute"+(zf(time / 60|0) == 1?"":"s")+"</span> <span class='countdown_section'><span class='countdown_section_number'>"+zf(time % 60)+ms+"</span> Second"+(zf(time % 60)+ms==1?"":"s")+"</span>";
else if (time < 86400) return "<span class='countdown_section'><span class='countdown_section_number'>"+zf(time / 3600|0)+"</span> Hour"+(zf(time / 3600|0)==1 ? "" : "s")+"</span> <span class='countdown_section'><span class='countdown_section_number'>"+zf((time % 3600)/60|0)+"</span> Minute"+(zf((time % 3600)/60|0)==1 ? "" : "s")+"</span> <span class='countdown_section'><span class='countdown_section_number'>"+zf((time % 3600)%60)+ms+"</span> Second"+(zf((time % 3600)%60)+ms==1?"":"s")+"</span>";
else return "<span class='countdown_section'><span class='countdown_section_number'>"+(time / 86400|0)+"</span> Day"+((time / 86400|0)==1?"":"s")+"</span> <span class='countdown_section'><span class='countdown_section_number'>"+zf((time % 86400)/3600|0)+"</span> Hour"+(zf((time % 86400)/3600|0) == 1 ? "" : "s")+"</span> <span class='countdown_section'><span class='countdown_section_number'>"+zf((time % 3600)/60|0)+"</span> Minute"+(zf((time % 3600)/60|0)==1?"":"s")+"</span> <span class='countdown_section'><span class='countdown_section_number'>"+zf((time % 3600)%60)+"</span> Second"+(zf((time % 3600)%60)==1?"":"s")+"</span>";
}
function get() {
var counter = 0;
var now = Date.now();
var cdclock = document.getElementById("cdcontainer");
//return cdclock.innerHTML = "<span class='countdown_textsection'>Hiatus! Check back in a month or two!</span>";
do {
var timeLeft = Math.max(((airDate+week*(counter++)) - now)/1000, 0);
} while (timeLeft === 0 && counter < counttimes);
if (timeLeft === 0) {
if(count_redir != null) {
location.href = count_redir;
}
cdclock.innerHTML = "<span class='countdown_textsection'>"+count_finish+"</span>";
} else {
if (airDate/1000 < now/1000 && (now - (airDate + week*(counter-2)))/1000 < 1800) {
cdclock.innerHTML = "LIVE NOW";
} else {
cdclock.innerHTML = readableTime(timeLeft, true);
}
}
}
setInterval((function() {get(); }), 1000);

20
js/popup.js Normal file
View File

@ -0,0 +1,20 @@
var player;
function openEpisode(viddata) {
$('.episodetitle').text(viddata.title);
player = DM.player(document.getElementById("DMVideo"), {
video: viddata.embed.replace("//www.dailymotion.com/embed/video/", ""),
width: "100%",
height: "100%",
params: {
autoplay: true
}
});
$('.vidplayerpopup').fadeIn('fast');
window.episodeMeta = viddata;
}
function htmlPopupClose() {
$('.vidplayerpopup').fadeOut('fast');
player.pause();
}

210
livestream.html Normal file
View File

@ -0,0 +1,210 @@
<!DOCTYPE html>
<html>
<head>
<!-- Metadata -->
<meta name="description" content="Catch the new My Little Pony : Friendship is Magic episodes LIVE here!">
<meta name="keywords" content="">
<meta name="language" content="en">
<meta name="copyright" content="&copy; Evert Prants">
<meta charset="utf-8">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@IcyNet">
<meta name="twitter:title" content="Friendship is Magic Livestreams">
<meta name="twitter:description" content="Watch the new episodes LIVE! We have streams from: BronyTV, BronyState, Brony Network and Otaku Ascended all in one place!">
<meta name="twitter:creator" content="@IcyNet">
<meta name="twitter:domain" content="https://mlp.icynet.eu/">
<meta name="twitter:image" content="https://mlp.icynet.eu/images/logocompressed.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Links -->
<link rel="stylesheet" href="./css/style.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">
<!-- JavaScript -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="./js/ponycd.js"></script>
<script type="text/javascript">
/* Tracker */
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);
})();
/* Day/night background changer */
$( document ).ready(function() {
var d = new Date();
var hr=d.getHours();
var mi=d.getMinutes();
if( (hr>=19 && mi>=0) || (hr<=8 && mi>=0)) {
$('body').addClass("night");
}
});
</script>
<title>MLP:FiM Episodes - New Episode Live</title>
</head>
<!-- Codepony LunaSquee -->
<body>
<noscript>
<div style="width: 100%;background-color: rgb(202, 0, 0);text-align: center;padding: 10px;position: fixed;color: white;">
Please enable JavaScript for this site to work!<br>If you don't know how, <a target="_blank" href="//www.enable-javascript.com/">Click here</a>.
</div>
</noscript>
<header>
<a href="/" title="Homepage">
<img alt="MLPE Logo" src="./images/logo.png" />
</a>
</header>
<nav class="navigation">
<ul>
<li id="varaint-red"><a style="border-bottom:3px solid red" href="/#s1">Season 1</a></li>
<li id="varaint-orange"><a style="border-bottom:3px solid orange" href="/#s2">Season 2</a></li>
<li id="varaint-yellow"><a style="border-bottom:3px solid yellow" href="/#s3">Season 3</a></li>
<li id="varaint-green"><a style="border-bottom:3px solid green" href="/#s4">Season 4</a></li>
<li id="varaint-light-blue"><a style="border-bottom:3px solid #0084ff" href="/#s5">Season 5</a></li>
<li id="varaint-blue"><a style="border-bottom:3px solid blue" href="/#s6">Season 6</a></li>
<li id="varaint-dark-blue"><a style="border-bottom:3px solid #2500b7" href="/#s7">Season 7</a></li>
<li id="varaint-indigo"><a style="border-bottom:3px solid #4B0082" href="livestream.html" class="active">Livestream</a></li>
<li id="varaint-violet"><a style="border-bottom: 3px solid #9400D3;" href="/">Home</a></li>
</ul>
</nav>
<div class="content">
<span class="mlptext mlpcolor" style="font-size:35px;">Livestreams for MLP</span><br>
<span class="mlptext mlpcolor" style="font-size:15px;">You can watch the livestreams of new episodes here! Make sure to be here on time if you want to see the new episode before its added to the site. If your stream doesn't work, choose another one by clicking the blue buttons below the player!</span><br>
<span class="mlptext mlpcolor" style="font-size:20px;">Please note that these streams are embedded! Right click on the stream's tab to visit the streamer's website!</span><br>
<div id="cdcontainer"><span class='countdown_textsection'>Enable javascript.</span></div>
<center>
<div id="stream"><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 class="tabs">
<a id="streamTab" href="#" 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">Brony Network</a>
<a id="streamTab" href="#" 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="#" 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="#" 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="#" 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>
<a href="#" class="gobutton popout gobutton_red">Pop out</a> <a href="#" class="gobutton expand gobutton_red">Expand Player</a> <a href="/cinema.html" class="gobutton gobutton_black">Enter Cinema</a></div>
<br>
<!--<iframe id="theirc" src="https://kiwiirc.com/client?settings=a59423ad564a6348d4651f4880045ffb" style="border:1px solid black; width:80%; height:450px;"></iframe>
<div class="tabs">
<a href="#" data-irc-src="https://kiwiirc.com/client?settings=a59423ad564a6348d4651f4880045ffb" class="gobutton selection_irc">IcyNet</a>
<a href="#" data-irc-src="https://teemant.icynet.ml/irc.icynet.ml/?nickname=MLPE_?&ssl=1&port=6697&extra=false#mlp-episodes" class="gobutton selection_irc">IcyNet Teemant <b>(BETA)</b></a>
<a href="#" class="gobutton popout_irc gobutton_red">Pop out</a></div>-->
</center>
<script>
$(document).ready(function() {
var stream_expanded = false;
$('.selection').click(function() {
$('#streamframe').attr("src", $(this).data("stream-src"));
return false;
});
$('.selection_irc').click(function() {
$('#theirc').attr("src", $(this).data("irc-src"));
return false;
});
$('.popout').click(function() {
newwindow=window.open($('#streamframe').attr("src"),'Livestream','height=500,width=800');
if (window.focus) {newwindow.focus()}
});
$('.popout_irc').click(function() {
newwindow=window.open($('#theirc').attr("src"),'Chatroom','height=500,width=800');
if (window.focus) {newwindow.focus()}
});
$('.expand').click(function() {
if(stream_expanded == false) {
$('#streamframe').attr("width", "900");
$('#streamframe').attr("height", "550");
stream_expanded = true;
$('.expand').text("Shrink Player");
} else {
$('#streamframe').attr("width", "780");
$('#streamframe').attr("height", "450");
stream_expanded = false;
$('.expand').text("Expand Player");
}
return false;
});
if ($("#streamTab").addEventListener) {
$("#streamTab").addEventListener('contextmenu', function(e) {
alert("You've tried to open context menu"); //here you draw your own menu
e.preventDefault();
}, false);
} else {
$('body').on('contextmenu', '#streamTab', function(event) {
$('#rmenu').removeClass("hide");
var self = $(this);
$('#rmenu #openstream').click(function(e) {
$('#streamframe').attr("src", self.data("stream-src"));
$('#rmenu').addClass("hide");
e.preventDefault();
$('html, body').animate({
scrollTop: $("#cdcontainer").offset().top
}, 2000);
});
$('#rmenu #streamtitle').html(self.html());
$('#rmenu #streamersite').attr('href', self.data("stream-host"))
document.getElementById("rmenu").style.top = mouseY(event) + 'px';
document.getElementById("rmenu").style.left = mouseX(event) + 'px';
event.preventDefault();
});
}
$('html').click(function() {
$('#rmenu').addClass("hide");
});
$('#rmenu').click(function(event){
event.stopPropagation();
});
});
function mouseX(evt) {
if (evt.pageX) {
return evt.pageX;
} else if (evt.clientX) {
return evt.clientX + (document.documentElement.scrollLeft ?
document.documentElement.scrollLeft :
document.body.scrollLeft);
} else {
return null;
}
}
function mouseY(evt) {
if (evt.pageY) {
return evt.pageY;
} else if (evt.clientY) {
return evt.clientY + (document.documentElement.scrollTop ?
document.documentElement.scrollTop :
document.body.scrollTop);
} else {
return null;
}
}
</script>
<br><br>
<a href="/">&larr; Back to main page</a>
<ul id="rmenu" class="hide">
<li><span id="streamtitle">Brony Network</span></li>
<li><a href="#stream" id="openstream">Open stream</a></li>
<li><a href="//www.ustream.tv/channel/the-brony-network" id="streamersite" target="_blank">Stream website</a></li>
<li><a href="#" onclick="$('#rmenu').addClass('hide'); return false">Cancel</a></li>
</ul>
</div>
</body>
<footer>
<span style="text-align:center">My Little Pony: Friendship is Magic is © Hasbro, Inc. We are not affiliated in any way with Hasbro Inc. or DHX Media. No copyright infringement intended.<br /> &copy; 2013-2017 <b><a href="http://lunasqu.ee/">LunaSquee</a></b> with special thanks to <a href="https://tsa6.net/webapps/mlptkeps" target="_blank">Tsa6</a> for episode automation!
<br /> &copy; 2017-2018 <b><a href="https://icynet.eu/">Icy Network</a></b></span><br />
</footer>
<link rel="stylesheet" type="text/css" href="/icynet/footer.css">
<footer class="icy"><img class="squeebot" src="/icynet/squeebot.svg"><span class="copyright"><a href="https://icynet.eu" target="_blank"><div class="logo small"><div class="part1">Icy</div><div class="part2">Network</div></div></a><div class="social"><a class="socialbtn" id="github" href="https://github.com/IcyNet/" target="_blank"><i class="fa fa-fw fa-github"></i></a><a class="socialbtn" id="twitter" href="https://twitter.com/IcyNet" target="_blank"><i class="fa fa-fw fa-twitter"></i></a><a class="socialbtn" id="discord" href="https://discord.gg/Xe7MKSx" target="_blank"><span class="discordlogo"></span></a></div><span>© 2017-2018 - Icy Network - Some Rights Reserved</span><br><span> <a href="https://icynet.eu/docs/terms-of-service">Terms of Service</a><span class="divider">|</span><a href="https://icynet.eu/docs/privacy-policy">Privacy Policy</a><span class="divider">|</span><a href="https://icynet.eu/donate">Donate</a></span></span></footer>
</html>

276
m/index.html Normal file
View File

@ -0,0 +1,276 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>MLP:FiM Episodes - Mobile</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//api.dmcdn.net/all.js"></script>
<link rel="icon" href="//mlp-episodes.tk/images/favico.png" type="image/x-icon">
<link rel="shortcut icon" href="//mlp-episodes.tk/images/favico.png" type="image/x-icon">
<script type="text/javascript">
function openEpisode(viddata){
$('.mob-player-overlay').show();
//$('#vidin').html("<iframe src=\""+viddata.embed+"\"></iframe>");
$('body').addClass("paralized");
}
</script>
<style>
body{
font-family: Helvetica,Tahoma,Arial,sans-serif;
margin:initial;
}
.paralized{
overflow:hidden;
}
.mob-header{
height:40px;
width:100%;
background-color: #1a82f7;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#0099FF));
background: -webkit-linear-gradient(top, #0099FF, #1a82f7);
background: -moz-linear-gradient(top, #0099FF, #1a82f7);
background: -ms-linear-gradient(top, #0099FF, #1a82f7);
background: -o-linear-gradient(top, #0099FF, #1a82f7);
text-align: center;
}
.mob-header img{
height:39px;
}
.mob-header .title{
font-weight: bold;
color: #FFF;
line-height: 40px;
font-size: 20px;
}
.mob-body{
background-color:#F2F2F2;
width:100%;
min-height:700px;
}
.episode-header{
padding:initial;
margin:initial;
font-size:26px;
background-color:#DADADA;
border:1px solid #D0D0D0;
}
.episode{
cursor:pointer;
padding:4px;
-webkit-transition: color linear 0.1s,background-color linear 0.1s;
-moz-transition: color linear 0.1s,background-color linear 0.1s;
-ms-transition: color linear 0.1s,background-color linear 0.1s;
-o-transition: color linear 0.1s,background-color linear 0.1s;
transition: color linear 0.1s,background-color linear 0.1s;
font-size: 20px;
display: block;
margin: 0px;
}
.episode:hover, .episode:active{
background-color:#0099FF;
color:#FFF;
}
.mob-player-overlay{
position:fixed;
width:100%;
height:100%;
}
.mob-player-overlay iframe{
width:100%;
height:90%;
border:initial;
}
.player-topbar{
height:10%;
width:100%;
text-align:center;
background-color:black;
color:white;
cursor:pointer;
font-size: 20px;
}
</style>
</head>
<!-- Codepony LunaSquee -->
<body>
<div class="mob-player-overlay vidplayerpopup" style="display:none;">
<div class="player-topbar" onclick="htmlPopupClose()">Tap here to close the player</div>
<div class="inner-cont" id="DMVideo"></div>
</div>
<div class="mob-header">
<span class="title">MLP Episodes</span>
</div>
<div class="mob-body">
<script src="//mlp-episodes.tk/js/popup.js"></script>
<script src="//mlp-episodes.tk/js/episodes.js"></script>
<script type="text/javascript" src="https://tsa6.tk/webapps/mlptkeps/episodes.js"></script>
<script type="text/javascript">
alert('Mobile site is currently broken. You will be redirected to the desktop site.')
window.location.href = "https://mlp-episodes.tk/?desktop=true"
</script>
<div class="seasonborder">
<h1 class="episode-header">Season 1</h1>
<a class="episode mlpepisode" data-episode-number="1" data-episode-season="1"> 01 - Friendship is Magic, Part 1</a>
<a class="episode mlpepisode" data-episode-number="2" data-episode-season="1"> 02 - Friendship is Magic, Part 2</a>
<a class="episode mlpepisode" data-episode-number="3" data-episode-season="1"> 03 - The Ticket Master</a>
<a class="episode mlpepisode" data-episode-number="4" data-episode-season="1"> 04 - Applebuck Season</a>
<a class="episode mlpepisode" data-episode-number="5" data-episode-season="1"> 05 - Griffon the Brush Off</a>
<a class="episode mlpepisode" data-episode-number="6" data-episode-season="1"> 06 - Boast Busters</a>
<a class="episode mlpepisode" data-episode-number="7" data-episode-season="1"> 07 - Dragonshy</a>
<a class="episode mlpepisode" data-episode-number="8" data-episode-season="1"> 08 - Look before you sleep</a>
<a class="episode mlpepisode" data-episode-number="9" data-episode-season="1"> 09 - Bridle Gossip</a>
<a class="episode mlpepisode" data-episode-number="10" data-episode-season="1"> 10 - Swarm of the Century</a>
<a class="episode mlpepisode" data-episode-number="11" data-episode-season="1"> 11 - Winter Wrap Up</a>
<a class="episode mlpepisode" data-episode-number="12" data-episode-season="1"> 12 - Call of the Cutie</a>
<a class="episode mlpepisode" data-episode-number="13" data-episode-season="1"> 13 - Fall Weather Friends</a>
<a class="episode mlpepisode" data-episode-number="14" data-episode-season="1"> 14 - Suited for Success</a>
<a class="episode mlpepisode" data-episode-number="15" data-episode-season="1"> 15 - Feeling Pinkie Keen</a>
<a class="episode mlpepisode" data-episode-number="16" data-episode-season="1"> 16 - Sonic Rainboom</a>
<a class="episode mlpepisode" data-episode-number="17" data-episode-season="1"> 17 - Stare Master</a>
<a class="episode mlpepisode" data-episode-number="18" data-episode-season="1"> 18 - The Show Stoppers</a>
<a class="episode mlpepisode" data-episode-number="19" data-episode-season="1"> 19 - A Dog and Pony Show</a>
<a class="episode mlpepisode" data-episode-number="20" data-episode-season="1"> 20 - Green Isn't Your Color</a>
<a class="episode mlpepisode" data-episode-number="21" data-episode-season="1"> 21 - Over a Barrel</a>
<a class="episode mlpepisode" data-episode-number="22" data-episode-season="1"> 22 - A Bird in the Hoof</a>
<a class="episode mlpepisode" data-episode-number="23" data-episode-season="1"> 23 - The Cutie Mark Chronicles</a>
<a class="episode mlpepisode" data-episode-number="24" data-episode-season="1"> 24 - Owl's Well That Ends Well</a>
<a class="episode mlpepisode" data-episode-number="25" data-episode-season="1"> 25 - Party of One</a>
<a class="episode mlpepisode" data-episode-number="26" data-episode-season="1"> 26 - The Best Night Ever</a>
</div>
<div class="seasonborder">
<h1 class="episode-header">Season 2</h1>
<a class="episode mlpepisode" data-episode-number="1" data-episode-season="2"> 01 - Return to Harmony, Part 1</a>
<a class="episode mlpepisode" data-episode-number="2" data-episode-season="2"> 02 - Return to Harmony, Part 2</a>
<a class="episode mlpepisode" data-episode-number="3" data-episode-season="2"> 03 - Lesson Zero</a>
<a class="episode mlpepisode" data-episode-number="4" data-episode-season="2"> 04 - Luna Eclipsed</a>
<a class="episode mlpepisode" data-episode-number="5" data-episode-season="2"> 05 - Sisterhooves Social</a>
<a class="episode mlpepisode" data-episode-number="6" data-episode-season="2"> 06 - The Cutie Pox</a>
<a class="episode mlpepisode" data-episode-number="7" data-episode-season="2"> 07 - May the Best Pet Win!</a>
<a class="episode mlpepisode" data-episode-number="8" data-episode-season="2"> 08 - The Mysterious Mare Do Well</a>
<a class="episode mlpepisode" data-episode-number="9" data-episode-season="2"> 09 - Sweet and Elite</a>
<a class="episode mlpepisode" data-episode-number="10" data-episode-season="2"> 10 - Secret of My Excess</a>
<a class="episode mlpepisode" data-episode-number="11" data-episode-season="2"> 11 - Hearth's Warming Eve</a>
<a class="episode mlpepisode" data-episode-number="12" data-episode-season="2"> 12 - Family Appreciation Day</a>
<a class="episode mlpepisode" data-episode-number="13" data-episode-season="2"> 13 - Baby Cakes</a>
<a class="episode mlpepisode" data-episode-number="14" data-episode-season="2"> 14 - The Last Roundup</a>
<a class="episode mlpepisode" data-episode-number="15" data-episode-season="2"> 15 - Super Speedy Cider Squeezy 6000</a>
<a class="episode mlpepisode" data-episode-number="16" data-episode-season="2"> 16 - Read it and weep</a>
<a class="episode mlpepisode" data-episode-number="17" data-episode-season="2"> 17 - Hearts and Hooves Day</a>
<a class="episode mlpepisode" data-episode-number="18" data-episode-season="2"> 18 - A Friend in Deed</a>
<a class="episode mlpepisode" data-episode-number="19" data-episode-season="2"> 19 - Putting your hoof down</a>
<a class="episode mlpepisode" data-episode-number="20" data-episode-season="2"> 20 - It's About Time</a>
<a class="episode mlpepisode" data-episode-number="21" data-episode-season="2"> 21 - Dragon Quest</a>
<a class="episode mlpepisode" data-episode-number="22" data-episode-season="2"> 22 - Hurricane Fluttershy</a>
<a class="episode mlpepisode" data-episode-number="23" data-episode-season="2"> 23 - Ponyville Confidential</a>
<a class="episode mlpepisode" data-episode-number="24" data-episode-season="2"> 24 - MMMystery on the Friendship Express</a>
<a class="episode mlpepisode" data-episode-number="25" data-episode-season="2"> 25 - A Canterlot Wedding, Part 1</a>
<a class="episode mlpepisode" data-episode-number="26" data-episode-season="2"> 26 - A Canterlot Wedding, Part 2</a>
</div>
<div class="seasonborder">
<h1 class="episode-header">Season 3</h1>
<a class="episode mlpepisode" data-episode-number="1" data-episode-season="3"> 01 - The Crystal Empire, Part 1</a>
<a class="episode mlpepisode" data-episode-number="2" data-episode-season="3"> 02 - The Crystal Empire, Part 2</a>
<a class="episode mlpepisode" data-episode-number="3" data-episode-season="3"> 03 - Too Many Pinkie Pies</a>
<a class="episode mlpepisode" data-episode-number="4" data-episode-season="3"> 04 - One Bad Apple</a>
<a class="episode mlpepisode" data-episode-number="5" data-episode-season="3"> 05 - Magic Duel</a>
<a class="episode mlpepisode" data-episode-number="6" data-episode-season="3"> 06 - Sleepless in Ponyville</a>
<a class="episode mlpepisode" data-episode-number="7" data-episode-season="3"> 07 - Wonderbolts Academy</a>
<a class="episode mlpepisode" data-episode-number="8" data-episode-season="3"> 08 - Apple Family Reunion</a>
<a class="episode mlpepisode" data-episode-number="9" data-episode-season="3"> 09 - Spike at Your Service</a>
<a class="episode mlpepisode" data-episode-number="10" data-episode-season="3"> 10 - Keep Calm and Flutter On</a>
<a class="episode mlpepisode" data-episode-number="11" data-episode-season="3"> 11 - Just for Sidekicks</a>
<a class="episode mlpepisode" data-episode-number="12" data-episode-season="3"> 12 - Games Ponies Play</a>
<a class="episode mlpepisode" data-episode-number="13" data-episode-season="3"> 13 - Magical Mystery Cure</a>
</div>
<div class="seasonborder">
<h1 class="episode-header">Season 4</h1>
<a class="episode mlpepisode" data-episode-number="1" data-episode-season="4"> 01 - Princess Twilight Sparkle, Part 1</a>
<a class="episode mlpepisode" data-episode-number="2" data-episode-season="4"> 02 - Princess Twilight Sparkle, Part 2</a>
<a class="episode mlpepisode" data-episode-number="3" data-episode-season="4"> 03 - Castle Mane-ia</a>
<a class="episode mlpepisode" data-episode-number="4" data-episode-season="4"> 04 - Daring Don't</a>
<a class="episode mlpepisode" data-episode-number="5" data-episode-season="4"> 05 - Flight to the Finish</a>
<a class="episode mlpepisode" data-episode-number="6" data-episode-season="4"> 06 - Power Ponies</a>
<a class="episode mlpepisode" data-episode-number="7" data-episode-season="4"> 07 - Bats!</a>
<a class="episode mlpepisode" data-episode-number="8" data-episode-season="4"> 08 - Rarity Takes Manehattan</a>
<a class="episode mlpepisode" data-episode-number="9" data-episode-season="4"> 09 - Pinkie Apple Pie</a>
<a class="episode mlpepisode" data-episode-number="10" data-episode-season="4"> 10 - Rainbow Falls</a>
<a class="episode mlpepisode" data-episode-number="11" data-episode-season="4"> 11 - Three's a Crowd</a>
<a class="episode mlpepisode" data-episode-number="12" data-episode-season="4"> 12 - Pinkie Pride</a>
<a class="episode mlpepisode" data-episode-number="13" data-episode-season="4"> 13 - Simple Ways</a>
<a class="episode mlpepisode" data-episode-number="14" data-episode-season="4"> 14 - Filli Vanilli</a>
<a class="episode mlpepisode" data-episode-number="15" data-episode-season="4"> 15 - Twilight Time</a>
<a class="episode mlpepisode" data-episode-number="16" data-episode-season="4"> 16 - It Ain't Easy Being Breezies</a>
<a class="episode mlpepisode" data-episode-number="17" data-episode-season="4"> 17 - Somepony to Watch Over Me</a>
<a class="episode mlpepisode" data-episode-number="18" data-episode-season="4"> 18 - Maud Pie</a>
<a class="episode mlpepisode" data-episode-number="19" data-episode-season="4"> 19 - For Whom the Sweetie Belle Toils</a>
<a class="episode mlpepisode" data-episode-number="20" data-episode-season="4"> 20 - Leap of Faith</a>
<a class="episode mlpepisode" data-episode-number="21" data-episode-season="4"> 21 - Testing, Testing, 1, 2, 3</a>
<a class="episode mlpepisode" data-episode-number="22" data-episode-season="4"> 22 - Trade Ya</a>
<a class="episode mlpepisode" data-episode-number="23" data-episode-season="4"> 23 - Inspiration Manifestation</a>
<a class="episode mlpepisode" data-episode-number="24" data-episode-season="4"> 24 - Equestria Games</a>
<a class="episode mlpepisode" data-episode-number="25" data-episode-season="4"> 25 - Twilight's Kingdom, Part 1</a>
<a class="episode mlpepisode" data-episode-number="26" data-episode-season="4"> 26 - Twilight's Kingdom, Part 2</a>
</div>
<div class="seasonborder">
<h1 class="episode-header">Season 5</h1>
<a class="episode mlpepisode" data-episode-number="1" data-episode-season="5"> 01 - The Cutie Map, Part 1</a>
<a class="episode mlpepisode" data-episode-number="2" data-episode-season="5"> 02 - The Cutie Map, Part 2</a>
<a class="episode mlpepisode" data-episode-number="3" data-episode-season="5"> 03 - Castle Sweet Castle</a>
<a class="episode mlpepisode" data-episode-number="4" data-episode-season="5"> 04 - Bloom & Gloom</a>
<a class="episode mlpepisode" data-episode-number="5" data-episode-season="5"> 05 - Tanks for the Memories</a>
<a class="episode mlpepisode" data-episode-number="6" data-episode-season="5"> 06 - Appleoosa's Most Wanted</a>
<a class="episode mlpepisode" data-episode-number="7" data-episode-season="5"> 07 - Make New Friends But Keep Discord</a>
<a class="episode mlpepisode" data-episode-number="8" data-episode-season="5"> 08 - The Lost Treasure of Griffonstone</a>
<a class="episode mlpepisode" data-episode-number="9" data-episode-season="5"> 09 - Slice of Life</a>
<a class="episode mlpepisode" data-episode-number="10" data-episode-season="5"> 10 - Princess Spike</a>
<a class="episode mlpepisode" data-episode-number="11" data-episode-season="5"> 11 - Party Pooped</a>
<a class="episode mlpepisode" data-episode-number="12" data-episode-season="5"> 12 - Amending Fences</a>
<a class="episode mlpepisode" data-episode-number="13" data-episode-season="5"> 13 - Do Princesses Dream of Magic Sheep?</a>
<a class="episode mlpepisode" data-episode-number="14" data-episode-season="5"> 14 - Canterlot Boutique</a>
<a class="episode mlpepisode" data-episode-number="15" data-episode-season="5"> 15 - Rarity Investigates!</a>
<a class="episode mlpepisode" data-episode-number="16" data-episode-season="5"> 16 - Made in Manehattan</a>
<a class="episode mlpepisode" data-episode-number="17" data-episode-season="5"> 17 - Brotherhooves Social</a>
<a class="episode mlpepisode" data-episode-number="18" data-episode-season="5"> 18 - Crusaders of the Lost Mark</a>
<a class="episode mlpepisode" data-episode-number="19" data-episode-season="5"> 19 - The One Where Pinkie Pie Knows</a>
<a class="episode mlpepisode" data-episode-number="20" data-episode-season="5"> 20 - Hearthbreakers</a>
<a class="episode mlpepisode" data-episode-number="21" data-episode-season="5"> 21 - Scare Master</a>
<a class="episode mlpepisode" data-episode-number="22" data-episode-season="5"> 22 - What About Discord?</a>
<a class="episode mlpepisode" data-episode-number="23" data-episode-season="5"> 23 - The Hooffields and McColts</a>
<a class="episode mlpepisode" data-episode-number="24" data-episode-season="5"> 24 - The Mane Attraction</a>
<a class="episode mlpepisode" data-episode-number="25" data-episode-season="5"> 25 - The Cutie Re-Mark, Part 1</a>
<a class="episode mlpepisode" data-episode-number="26" data-episode-season="5"> 26 - The Cutie Re-Mark, Part 2</a>
</div>
<div class="seasonborder">
<h1 class="episode-header">Season 6</h1>
<a class="episode mlpepisode" data-episode-number="1" data-episode-season="6"> 01 - The Crystalling, Part 1</a>
<a class="episode mlpepisode" data-episode-number="2" data-episode-season="6"> 02 - The Crystalling, Part 2</a>
<a class="episode mlpepisode" data-episode-number="3" data-episode-season="6"> 03 - The Gift of the Maud Pie</a>
<a class="episode mlpepisode" data-episode-number="4" data-episode-season="6"> 04 - On Your Marks</a>
<a class="episode mlpepisode" data-episode-number="5" data-episode-season="6"> 05 - Gauntlet of Fire</a>
<a class="episode mlpepisode" data-episode-number="6" data-episode-season="6"> 06 - No Second Prances</a>
<a class="episode mlpepisode" data-episode-number="7" data-episode-season="6"> 07 - Newbie Dash</a>
<a class="episode mlpepisode" data-episode-number="8" data-episode-season="6"> 08 - A Hearth's Warming Tail</a>
<a class="episode mlpepisode" data-episode-number="9" data-episode-season="6"> 09 - The Saddle Row Review</a>
<a class="episode mlpepisode" data-episode-number="10" data-episode-season="6"> 10 - Applejack's "Day" Off</a>
<a class="episode mlpepisode" data-episode-number="11" data-episode-season="6"> 11 - Flutter Brutter</a>
<a class="episode mlpepisode" data-episode-number="12" data-episode-season="6"> 12 - Spice Up Your Life</a>
<a class="episode mlpepisode" data-episode-number="13" data-episode-season="6"> 13 - Stranger Than Fan Fiction</a>
<a class="episode mlpepisode" data-episode-number="14" data-episode-season="6"> 14 - The Cart Before the Ponies</a>
<a class="episode mlpepisode" data-episode-number="15" data-episode-season="6"> 15 - 28 Pranks Later</a>
<a class="episode mlpepisode" data-episode-number="16" data-episode-season="6"> 16 - The Times They Are A Changeling</a>
<a class="episode mlpepisode" data-episode-number="17" data-episode-season="6"> 17 - Dungeons & Discords</a>
<a class="episode mlpepisode" data-episode-number="18" data-episode-season="6"> 18 - Buckball Season</a>
<a class="episode mlpepisode" data-episode-number="19" data-episode-season="6"> 19 - The Fault in Our Cutie Marks</a>
<a class="episode mlpepisode" data-episode-number="20" data-episode-season="6"> 20 - Viva Las Pegasus</a>
<a class="episode mlpepisode" data-episode-number="21" data-episode-season="6"> 21 - Every Little Thing She Does</a>
<a class="episode mlpepisode" data-episode-number="22" data-episode-season="6"> 22 - P.P.O.V. (Pony Point of View)</a>
<a class="episode mlpepisode" data-episode-number="23" data-episode-season="6"> 23 - Where the Apple Lies</a>
<a class="episode mlpepisode" data-episode-number="24" data-episode-season="6"> 24 - Top Bolt</a>
<a class="episode mlpepisode" data-episode-number="25" data-episode-season="6"> 25 - To Where and Back Again - Part 1</a>
<a class="episode mlpepisode" data-episode-number="26" data-episode-season="6"> 26 - To Where and Back Again - Part 2</a>
</div>
<h1 class="episode-header">My Little Pony: Friendship is Magic is © Hasbro. <a href="http://mlp-episodes.tk/?desktop=true">View desktop site</a></h1>
</div>
</body>
</html>

91
m/livestream.html Normal file
View File

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>MLP:FiM Episodes - Mobile Livestream Page</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<link rel="icon" href="http://mlp-episodes.tk/images/favico.png" type="image/x-icon">
<link rel="shortcut icon" href="http://mlp-episodes.tk/images/favico.png" type="image/x-icon">
<style>
body{
font-family: Helvetica,Tahoma,Arial,sans-serif;
margin:initial;
}
.paralized{
overflow:hidden;
}
.mob-header{
height:40px;
width:100%;
background-color: #1a82f7;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#0099FF));
background: -webkit-linear-gradient(top, #0099FF, #1a82f7);
background: -moz-linear-gradient(top, #0099FF, #1a82f7);
background: -ms-linear-gradient(top, #0099FF, #1a82f7);
background: -o-linear-gradient(top, #0099FF, #1a82f7);
text-align: center;
}
.mob-header img{
height:39px;
}
.mob-header .title{
font-weight: bold;
color: #FFF;
line-height: 40px;
font-size: 20px;
}
.mob-body{
background-color:#F2F2F2;
width:100%;
min-height:700px;
}
.episode-header{
padding:initial;
margin:initial;
font-size:26px;
background-color:#DADADA;
border:1px solid #D0D0D0;
}
.episode{
cursor:pointer;
padding:4px;
display:inline-block;
width:98%;
-webkit-transition: color linear 0.1s,background-color linear 0.1s;
-moz-transition: color linear 0.1s,background-color linear 0.1s;
-ms-transition: color linear 0.1s,background-color linear 0.1s;
-o-transition: color linear 0.1s,background-color linear 0.1s;
transition: color linear 0.1s,background-color linear 0.1s;
font-size: 20px;
}
.episode:hover, .episode:active{
background-color:#0099FF;
color:#FFF;
}
.mob-player-overlay{
position:fixed;
width:100%;
height:100%;
}
.mob-player-overlay iframe{
width:100%;
height:90%;
border:initial;
}
.player-topbar{
height:10%;
width:100%;
text-align:center;
background-color:black;
color:white;
cursor:pointer;
font-size: 20px;
}
</style>
</head>
<body>
<div class="mob-player-overlay"><div class="player-topbar" onclick="window.location.replace('http://m.mlp-episodes.tk');">Tap to go to home page</div><iframe width="720" height="437" src="http://www.ustream.tv/embed/16407308?wmode=direct&autoplay=true" scrolling="no" frameborder="0" style="border: 0px none transparent; z-index: 1;"></iframe></div>
</body>
</html>

59
ponies.txt Normal file
View File

@ -0,0 +1,59 @@
# Mah Derpy!
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM~~~::::::::::~~DMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMI~,:::::::::~~NMMMMMM=MMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM$~::::::::::::::::~~MMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN?MM~:::::::::::::::::::::~MMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM?~:?::::::::::::::::::::~::::=MMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM?::::~:::::::::::::::::::::Z?~:~MMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM~:::::=,::::::::::::::::::::?MM==MMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM?:::::::?:::::::::::::::::::::ZMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM?::=:::::~~~::::::::::::::::::~MMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM?::?:::::~::::~~::~~~::::::::::~MMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM?::?:::~::MN...M~~:~::~~~:::::::~DMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM?:::::::MI.......::~~:::D.:~~~~~~~:MM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM::::::::...====, .:~~::I~+..MMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMM?I??MMMMMMMMMMM?:::::::.,==.:N==..::::~MM=.MMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMM~::::?MMMMMMMMMM?::::::.=....MM~=.::::. MM,MMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMM+:::::IMMMMMMMM~:~:::::~=... MMM~.:::::MMM:MMMMMMMM
MMMMMMMMMMMMMMMMMMMI+::~?$MMMM?:::::~?M8+++?~:~::::::~..OMMMM~.~:::::??+MMMMMMMM
MMMMMMMMMMMMMMMMMMM?:::::::?NMM?:::::+MI++++~:~~:::::::MM.????~::::::::::?MMMMMM
MMMMMMMMMMMMMMMMMMMM?::::::::??M?:::::?M?+++~::~::::::::::::=??::::::~::IMMMMMMM
MMMMMMMMMMMMMMMMMMMMM??::::::::~??::?+:?M?++~:::~::::::::::::????~::::?$MMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMM??::::::::::?::??+M7+~:::~~:::::::::::??????MMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMD=~IMI?::::::::?:::?++?M~:::::~:::::::::~?????MMMMMMMMMMMMMM
MMMMMMMMMMMMMMZ~~:::::::::::?::::::?::::++++~:::::::~~:=:::::?I?IMMMMMMMMMMMMMMM
MMMMMMMMMMMM~~::::::::::??????=::?~:?:::?+++~:::::~:::::~+::::??MMMMMMMMMMMMMMMM
MMMMMMMMMM:~::::::::~?:::::::::~+::I?:::?+++~::::::~:::::::?+:?IMMMMMMMMMMMMMMMM
MMMMMMMMM=::::::::::?~::::::::::?::::=:::+++~:::::::~:::::::ZMMMMMMMMMMMMMMMMMMM
MMMMMMMM+::~~~::::::::?I::::::::?=:::::::??+~:::::::::::::::?MMMMMMMMMMMMMMMMMMM
MMMMMMMM~~MM~::::::::::::::,+???:=?:::::::::~::::::::~::::::~MMMMMMMMMMMMMMMMMMM
MMMMMMMZ:MM~::::::::::::::::::??:::?~:::::::~::::::::~::::::~?MMMMMMMMMMMMMMMMMM
MMMMMMMMMMN::::::::::::::::::?:::::?:::::::::~:::::~::~::::::?MMMMMMMMMMMMMMMMMM
MMMMMMMMMM~:::::::::::::::::~M?::::?:::::::::~:::::~::~::::::?MMMMMMMMMMMMMMMMMM
MMMMMMMMMM~::::::::::::::::~MM8:??~+?::::::::~:::~::~::::::::?MMMMMMMMMMMMMMMMMM
MMMMMMMMM~::::::::::::::::~MMM?:,.::::::::::::~::~:::~:::::::?MMMMMMMMMMMMMMMMMM
MMMMMMMMM~::::::::::::::::OMMM?::,:,~:::::::::~::~:::~::::::~?MMMMMMMMMMMMMMMMMM
MMMMMMMMM~:::::::::::::::~MMMM7::,:.:~::::::::~:~:::::::::::?MMMMMMMMMMMMMMMMMMM
MMMMMMMMM~::::::::::::::::MMMMM?:::::+::::::::~~:::::::::::IMMMMMMMMMMMMMMMMMMMM
MMMMMMMMM~:::::::::::::::MMMMMM?:::::=::::::::~:::::::::::+MMMMMMMMMMMMMMMMMMMMM
MMMMMMMM?~::::::::::::::~MMMMMM?::::::?:::::=::::~::::::?$MMMMMMMMMMMMMMMMMMMMMM
MMMMMMMM::::::::::::::::~MMMMMMM::::::?+?+:::::::?::~??++$MMMMMMMMMMMMMMMMMMMMMM
MMMMMMMM~::::::::::::::~~MMMM+?::::::?+++++?:::::?$++++++?MMMMMMMMMMMMMMMMMMMMMM
MMMMMMMM~::~:::::::::::~~MMMI:::::::?++++++::::::?M?++++++MMMMMMMMMMMMMMMMMMMMMM
MMMMMMMM~:~~:::::::::::N~MMM?:::::::?+++++?::::::?M?++++++?MMMMMMMMMMMMMMMMMMMMM
MMMMMMMM~:M:::::::::::~MMMM?:::::::?++++++I::::::?MZ++++++?MMMMMMMMMMMMMMMMMMMMM
MMMMMMM$:~M:::::::::::~MMMM+:::::::?++++++:::::::?MM+++++++OMMMMMMMMMMMMMMMMMMMM
MMMMMMM~:M~::::::::~::~MMM?:::::::?++++++?:::::::+MM+++++++?MMMMMMMMMMMMMMMMMMMM
MMMMMM~MMM~:::::::~~::~MMM?:::::::?++++++?::::::::OM?+++++++MMMMMMMMMMMMMMMMMMMM
MMMMMMMMMI:::::::~M~:~~MM?::::::::?++++++?::::::::?M?+++++++IMMMMMMMMMMMMMMMMMMM
MMMMMMMMM~::::::=MM~:~MMM?::::::::?+++++++::::::::?M?++++++++DMMMMMMMMMMMMMMMMMM
MMMMMMMM~::::::~MMM:~ZMMM?::::::::?++++++:::::::::?M?++++++++?MMMMMMMMMMMMMMMMMM
MMMMMMM~:::~::~MMM+~~MMMM~::::::::?++++++:::::::::?MM?++++++++?MMMMMMMMMMMMMMMMM
MMMMM~:::~M:=MMMMM=:MMMMN~::::::::?+++++?:::::::::=NM?++++++++?MMMMMMMMMMMMMMMMM
MM~~:~~+M~~MMMMMMMMMMMMM$:::::::::~?++++?::::::::::?M?+++++++++?MMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMM7::::::::::??+++?::::::::::?MM?+++++++++?MMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMM8:::::::::::?MMMO:::::::::::?M??+++++++??MMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMM?=::::::::~?MMMM+::::::::::?MMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM??????????IMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM

287
radiowidget/code.js Normal file
View File

@ -0,0 +1,287 @@
// Written by LunaSquee
// Radio stream URL
var radioStream = "//radio.djazz.se/stream";
// Player HTML Objects
var player, audio, playstop, playstopinner, mute, muteinner, volumeSeekBar, volumeBar;
// States
var isPlaying = false, isPopped = false, notifications = false, isMuted = false;
// Song data
var songtitle = "", prevSong = "", coverart = "", volume = 1;
// Show a browser notification (IF PERMITTED!) when song fetcher detects a new song.
function notify(note, image, time) {
if(isPlaying) {
if(notifications) {
if (("Notification" in window)) {
if (Notification.permission === "granted") {
var notification = new Notification("Parasprite Radio", {
icon: image || "//radio.djazz.se/img/parasprite-radio.png",
body: note
});
if (time !== 0) {
notification.onshow = function () {
setTimeout(notification.close.bind(notification), time*1000 || 5000);
}
}
return notification;
}
}
}
}
}
function updateSong(song, listenerCount, art, url) {
if(song != songtitle) {
prevSong = songtitle;
songtitle = song;
coverart = art;
if(isPopped)
document.title = "Parasprite Radio: "+songtitle;
if(url!=null)
$('#current-song').html("<a href='"+url+"' target='_blank'>"+songtitle+"</a>");
else
$('#current-song').text(songtitle);
$('.coverart').attr("src", coverart);
notify(song, coverart);
}
$('#listeners').text(listenerCount);
}
// Fetch the radio provider for current song title and listener count (do NOT double-call this!!!)
function requestSong() {
setTimeout(requestSong, 10*1000);
try{
$.ajax({
url: '//radio.djazz.se/api/status',
success: function(data, status, jqXHR){
if(data.meta.art)
$('.coverclick').attr("href", data.meta.art);
else
$('.coverclick').attr("href", "//radio.djazz.se/api/now/art/full");
updateSong((data.meta.artist!=null ? data.meta.artist+" - " : "")+data.meta.title, data.info.listeners,
(data.meta.art!=null ? data.meta.art+"?t="+Date.now() : "//radio.djazz.se/api/now/art/small?t="+Date.now()),
data.meta.url);
}
});
} catch(err) {}
}
// Start the player by creating a new audio element and throwing events on it
function startPlayer() {
stopPlayer();
playstopinner.removeClass('stop');
playstopinner.addClass('ajax-loader');
audio = new Audio();
audio.muted = isMuted;
audio.src = radioStream;
audio.addEventListener('canplay', function() {
isPlaying = true;
playstopinner.removeClass('play ajax-loader');
playstopinner.addClass('stop');
audio.play();
}, false);
audio.addEventListener('waiting', function() {
playstopinner.removeClass('stop');
playstopinner.addClass('play ajax-loader');
}, false);
audio.addEventListener('ended', handleEnded, false);
audio.addEventListener('error', handleEnded, false);
audio.addEventListener('stalled', handleEnded, false);
audio.volume = volume;
if (("Notification" in window)) {
if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
if(!('permission' in Notification)) {
Notification.permission = permission;
if(permission === "granted")
notifications = true;
} else {
var permission = Notification.permission;
if(permission === "granted")
notifications = true;
else
notifications = false;
}
});
}
}
}
// Stop the player by destroying the audio element
function stopPlayer() {
isPlaying = false;
if(audio){
playstopinner.removeClass('stop ajax-loader');
playstopinner.addClass('play');
audio.removeEventListener('ended', handleEnded);
audio.removeEventListener('error', handleEnded);
audio.removeEventListener('stalled', handleEnded);
audio.removeEventListener('waiting', handleEnded);
audio.pause();
audio.src = '';
audio.load();
audio = null;
}
}
// Player toggler
function togglePlay() {
if(!isPlaying){
startPlayer();
} else {
stopPlayer();
}
}
// Mute toggler
function toggleMute() {
if(audio && isPlaying) {
if(audio.muted){
muteinner.removeClass('unmute');
muteinner.addClass('mute');
audio.muted = false;
} else {
muteinner.removeClass('mute');
muteinner.addClass('unmute');
audio.muted = true;
}
isMuted = audio.muted;
}
}
// Update the audio volume to newVal and change the volume bar along with it.
function updateVolume(newVal) {
if(newVal < 0)
newVal = 0;
if(newVal > 1)
newVal = 1;
if("localStorage" in window)
localStorage.setItem("volume", newVal);
volumeBar.css("width", Math.floor(newVal * 100)+"%");
volume = newVal;
if(audio && isPlaying) {
audio.volume = newVal;
if(audio.muted){
muteinner.removeClass('mute');
muteinner.addClass('unmute');
} else {
muteinner.removeClass('unmute');
muteinner.addClass('mute');
}
}
}
// Attempt to restart the player if it stops by itself
function handleEnded() {
setTimeout(function () {
if (isPlaying) {
stopPlayer();
startPlayer();
}
}, 1000);
}
// Create a new window with the popout utility
function popout() {
stopPlayer();
var win = window.open("http://www.mlp-episodes.tk/radiowidget/radio.html", "_blank", "width=640, height=140, scrollbars=no");
}
// Initialize the player
function initPlayer() {
var isDraggingSlider = false;
player = document.getElementById('media-audio-player');
playstop = $('#btn-play');
volumeBar = $('.volumeseeker .seek');
volumeSeekBar = $('.volumeseeker');
playstopinner = $('#btn-play div');
mute = $('#btn-mute');
muteinner = $('#mute-inner');
if("localStorage" in window)
if(localStorage.getItem("volume") != null && parseFloat(localStorage.getItem("volume")) !== null)
updateVolume(parseFloat(localStorage.getItem("volume")));
if($('#btn-popout')) {
$('#btn-popout').click(popout);
}
playstop.on('click', togglePlay);
mute.click(function() {
toggleMute();
}).children().click(function(e) {
return false;
});
mute.bind('DOMMouseScroll', function(e){
if(e.originalEvent.detail > 0) {
if(volume > 0) {
updateVolume(volume - 0.1);
}
} else {
if(volume < 1) {
updateVolume(volume + 0.1);
}
}
return false;
});
mute.bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta < 0) {
if(volume > 0) {
updateVolume(volume - 0.1);
}
} else {
if(volume < 1) {
updateVolume(volume + 0.1);
}
}
return false;
});
var isDragging = false;
volumeSeekBar.mousedown(function() {
volumeSeekBar.mousemove(function(e) {
isDragging = true;
volume = (e.pageX - volumeSeekBar.offset().left) / volumeSeekBar.width();
if(volume > 1)
volume = 1;
volumeBar.css("width", Math.floor(volume * 100)+"%");
updateVolume(volume);
});
})
.mouseup(function(e) {
var wasDragging = isDragging;
isDragging = false;
volumeSeekBar.unbind("mousemove");
if (!wasDragging) {
volume = (e.pageX - volumeSeekBar.offset().left) / volumeSeekBar.width();
updateVolume(volume);
}
return;
})
.mouseleave(function(e) {
isDragging = false;
volumeSeekBar.unbind("mousemove");
return;
})
muteinner.click(function() {
toggleMute();
}).children().click(function(e) {
return false;
});
requestSong();
}
$(document).ready(initPlayer);

38
radiowidget/radio.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" id="media-stylesheet">
<title>Parasprite Radio</title>
</head>
<!-- Codepony LunaSquee -->
<body style="margin:0">
<div id="media-audio-player" class="type-3">
<div id="inner" class="type-3">
<div class="flipper">
<div class="imageflipper">
<div class="front face">
<img src="//radio.djazz.se/img/icons/parasprite-radio-logo-hex-256.png" alt="Parasprite Radio" class="logo">
</div>
<div class="back face">
<a href="//radio.djazz.se/api/now/art/full" target="_blank" title="Cover Art" class="coverclick"><img src="//radio.djazz.se/api/now/art/tiny" alt="Art" class="coverart"></a>
</div>
</div><div class="listeners-icon"><div class="licon"><text id="listeners">0</text></div></div></div>
<div class="hexagon pointer" id="btn-play" title="Play/Stop radio"><div class="play"></div></div>
<h2><a class="regular_text radio_title" href="http://radio.djazz.se/" target="_blank">Parasprite Radio</a></h2><br>
<div class="hexagon-small pointer" id="btn-mute" title="Mute/Unmute"><div class="volumechanger"><div class="volumeseeker"><div class="seek"></div></div></div><div class="mute" id="mute-inner"></div></div>
<h5 class="djazz">by <a class="regular_text" href="http://djazz.se/" target="_blank">djazz</a></h5><br>
<h5 id="current-song" style="max-width:380px;">&nbsp;</h5><br>
</div>
</div>
<script type="text/javascript" src="code.js" id="media-javascript"></script>
<script type="text/javascript">
(function() {
isPopped = true;
radioStream = "//radio.djazz.se/stream";
setTimeout(startPlayer, 1000);
})();
</script>
</body>
</html>

479
radiowidget/style.css Normal file
View File

@ -0,0 +1,479 @@
* {
font-family:Helvetica,Tahoma,Arial,sans-serif;
}
.play{
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 25px solid rgb(0, 0, 0);
display: inline-block;
position: relative;
top: 7px;
left: 30px;
}
.stop {
width: 25px;
height: 25px;
border-radius: 50%;
position: absolute;
top: 9px;
left: 25px;
}
.stop::before {
position: absolute;
background: rgb(0, 0, 0);
content: "";
top: 2.4px;
left: 2.4px;
width: 22px;
height: 22px;
}
.mute, .unmute{
width: 10px;
height: 10px;
background: #000;
position: relative;
font-size: 20px;
top: 6px;
left: 8px;
}
.unmute{
left:12px;
}
.mute:before{
content: '';
position: absolute;
width: 2px;
height: 2px;
border-style: double;
border-color: #000;
border-width: 0.500em 0.500em 0 0;
-webkit-border-radius: 0 3.125em 0 0;
-moz-border-radius: 0 3.125em 0 0;
border-radius: 0 3.125em 0 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
left: 16px;
top: -0.1em;
}
.mute:after, .unmute:after{
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent #000 transparent transparent;
border-width: 10px 10px 10px 10px;
left: -6px;
margin-top: -5px;
}
.pointer{
cursor: pointer;
}
.volumechanger {
display: none;
position: absolute;
width: 64px;
background-color: #ffa204;
height: 23px;
left: -64px;
border-radius: 5px 0 0 5px;
z-index: 2;
}
#btn-mute:hover > .volumechanger{
display: block;
}
#volume-slider {
-webkit-appearance: none;
border-radius: 5px;
box-shadow: inset 0 0 5px #DFDFDF;
background: #BDBDBD;
height: 10px;
vertical-align: middle;
width: 60px;
display: inline-block;
margin-top: 7px;
}
#volume-slider::-moz-range-track {
-moz-appearance: none;
border-radius: 5px;
box-shadow: inset 0 0 5px #DFDFDF;
background: #BDBDBD;
height: 10px;
border:0;
}
#volume-slider::-webkit-slider-thumb {
-webkit-appearance: none !important;
border-radius: 20px;
background: #DFDFDF;
box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
border: 1px solid #BDBDBD;
height: 20px;
width: 20px;
}
#volume-slider::-moz-range-thumb {
-moz-appearance: none;
border-radius: 20px;
background: #DFDFDF;
box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
border: 1px solid #BDBDBD;
height: 20px;
width: 20px;
}
.volumeseeker{
position: absolute;
top: 5px;
left: 4px;
right: 4px;
bottom: 5px;
border-radius: 5px;
background: #DEDEDE;
background: -moz-linear-gradient(top, #DEDEDE 0%, #F2F2F2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top, #dedede 0%,#f2f2f2 100%);
background: -o-linear-gradient(top, #dedede 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top, #dedede 0%,#f2f2f2 100%);
background: linear-gradient(to bottom, #DEDEDE 0%,#F2F2F2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dedede", endColorstr="#f2f2f2",GradientType=0 );
box-shadow: inset 0 0 5px #A4A4A4;
}
.volumeseeker .seek{
background: #ff8914; /* Old browsers */
background: -moz-linear-gradient(top, #ff8914 0%, #ff7200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8914), color-stop(100%,#ff7200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff8914 0%,#ff7200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff8914 0%,#ff7200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff8914 0%,#ff7200 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff8914 0%,#ff7200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8914', endColorstr='#ff7200',GradientType=0 ); /* IE6-9 */
height: 100%;
border-radius: 5px;
}
@-webkit-keyframes ajax-loader-rotate {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes ajax-loader-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes ajax-loader-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.ajax-loader{
width: 25px;
height: 25px;
border: 4px solid rgb(0, 0, 0);
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
left: 22px;
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(180deg); }
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
50% { -moz-transform: rotate(180deg); }
to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); }
50% { -ms-transform: rotate(180deg); }
to { -ms-transform: rotate(360deg); }
}
@-o-keyframes spin {
from { -o-transform: rotate(0deg); }
50% { -o-transform: rotate(180deg); }
to { -o-transform: rotate(360deg); }
}
@keyframes spin {
from { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
to { transform: rotate(360deg); }
}
/* TYPE 1 : Normal widget */
#media-audio-player.type-1{
display: inline-block;
width: auto;
background-color: rgba(32, 32, 32, 0.72);
color: white;
padding: 3px 0 3px 0;
border-radius: 10;
box-shadow: 1px 1px 10px black;
margin: 10px;
}
/* TYPE 2 : Bottom page stip */
#media-audio-player{
display: inline-block;
width: 100%;
background-color: rgba(32, 32, 32, 0.72);
color: white;
padding: 3px 0 3px 0;
box-shadow: 1px 1px 10px black;
position: fixed;
bottom: 0;
height: 90px;
}
/* Popout player */
#media-audio-player.type-3{
width: 100%;
height: 100%;
background-color: rgba(32, 32, 32, 1);
color: white;
}
#media-audio-player #inner.type-1{
min-width: 500px;
color: white;
}
#media-audio-player #inner{
min-width: 400px;
width: 80%;
margin: 0 auto;
}
#media-audio-player #inner.type-3{
display: inline-block;
min-width: 400px;
width: 600px;
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -300px;
}
#media-audio-player #inner h1,#media-audio-player #inner h3, #media-audio-player #inner h2, #media-audio-player #inner h4, #media-audio-player #inner h5{
margin:0;
padding:0;
display:inline;
margin-left: 80px;
}
.regular_text{
text-decoration: initial;
cursor: pointer;
color:white;
}
h2 .radio_title{
color: #ffb330 !important;
}
#inner .logo{
height: 76px;
width: 76px;
float: left;
}
#media-controls{
display: inline-block;
}
#current-song {
width: auto;
margin-left: 80px;
position: relative;
top: -5px;
height: 40px;
display: inline-block !important;
max-width: 500px;
}
#current-song a {
color: white;
}
#listeners{
position: relative;
color: #FFB330;
left: 22px;
}
.hexagon {
position: relative;
width: 76px;
height: 43.88px;
background-color: #ffb330;
margin: 21.94px 0;
display: inline-block;
float: right;
}
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
width: 0;
border-left: 38px solid transparent;
border-right: 38px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 21.94px solid #ffb330;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 21.94px solid #ffb330;
left:0px;
}
/**/
.hexagon-small {
position: relative;
width: 40px;
height: 23.09px;
background-color: #ffb330;
margin: 11.55px 0;
display: inline-block;
float: right;
margin-right: 5px;
bottom: 9px;
}
.hexagon-small:before,
.hexagon-small:after {
content: "";
position: absolute;
width: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.hexagon-small:before {
bottom: 100%;
border-bottom: 11.55px solid #ffb330;
}
.hexagon-small:after {
top: 100%;
width: 0;
border-top: 11.55px solid #ffb330;
left:0;
}
.hexagon:hover, .hexagon-small:hover{
background-color: #ffa204;
}
.hexagon:hover:before{
border-bottom: 21.94px solid #ffa204;
}
.hexagon:hover:after{
border-top: 21.94px solid #ffa204;
}
.hexagon-small:hover:before{
border-bottom: 11.55px solid #ffa204;
}
.hexagon-small:hover:after{
border-top: 11.55px solid #ffa204;
}
.icon-screens {
position: relative;
width: 16px;
height: 16px;
top: 3px;
left: 12px;
}
.icon-screens-rectangle-1 {
background-color: #000;
border: #000 1px solid;
width: 11px;
height: 7px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: absolute;
top: 2px;
right: 0;
}
.icon-screens-rectangle-2 {
background-color: #fff;
border: #000 1px solid;
width: 11px;
height: 7px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: absolute;
bottom: 2px;
left: 0;
}
.flipper{
position: absolute;
width: 76px;
height: 76px;
z-index: 1;
}
.coverart{
width: 76px;
height: 76px;
}
.imageflipper{
width: 100%;
height: 100%;
transform-style: preserve-3d;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.flipper:hover .imageflipper{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.face {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.face.back {
display: block;
-webkit-transform: rotateY( 180deg );
transform: rotateY(180deg);
box-sizing: border-box;
color: white;
text-align: center;
background-color: #aaa;
}
.listeners-icon{
z-index: 1;
overflow: hidden;
padding: 0px;
position: relative;
height: 20px;
display: inline-block;
top: -2px;
}
.listeners-icon::before, .listeners-icon::after, .listeners-icon .licon::before, .listeners-icon .licon::after {
content: "";
position: absolute;
top: 50%;
}
.licon{
display: block;
border: 0px none;
color: #FFB330;
height: 20px;
width: 100px;
}
.licon::before, .licon::after {
margin: -8px 0px 0px;
background: none repeat scroll 0% 0% #FFB330;
}
.licon::after {
left: 8px;
width: 6px;
height: 10px;
margin-top: -6px;
border-radius: 5px / 5px 5px 10px 10px;
}
.licon::before {
left: 3px;
width: 16px;
height: 5px;
margin-top: 2px;
border-radius: 5px 5px 0px 0px;
}
.djazz{
opacity: 0.3;
top: -7px;
position: relative;
}

479
radiowidget/style.nmn.css Normal file
View File

@ -0,0 +1,479 @@
* {
font-family:Helvetica,Tahoma,Arial,sans-serif;
}
.play{
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 25px solid rgb(0, 0, 0);
display: inline-block;
position: relative;
top: 7px;
left: 30px;
}
.stop {
width: 25px;
height: 25px;
border-radius: 50%;
position: absolute;
top: 9px;
left: 25px;
}
.stop::before {
position: absolute;
background: rgb(0, 0, 0);
content: "";
top: 2.4px;
left: 2.4px;
width: 22px;
height: 22px;
}
.mute, .unmute{
width: 10px;
height: 10px;
background: #000;
position: relative;
font-size: 20px;
top: 6px;
left: 8px;
}
.unmute{
left:12px;
}
.mute:before{
content: '';
position: absolute;
width: 2px;
height: 2px;
border-style: double;
border-color: #000;
border-width: 0.500em 0.500em 0 0;
-webkit-border-radius: 0 3.125em 0 0;
-moz-border-radius: 0 3.125em 0 0;
border-radius: 0 3.125em 0 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
left: 16px;
top: -0.1em;
}
.mute:after, .unmute:after{
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent #000 transparent transparent;
border-width: 10px 10px 10px 10px;
left: -6px;
margin-top: -5px;
}
.pointer{
cursor: pointer;
}
.volumechanger {
display: none;
position: absolute;
width: 64px;
background-color: #A8BFC1;
height: 23px;
left: -64px;
border-radius: 5px 0 0 5px;
z-index: 2;
}
#btn-mute:hover > .volumechanger{
display: block;
}
#volume-slider {
-webkit-appearance: none;
border-radius: 5px;
box-shadow: inset 0 0 5px #DFDFDF;
background: #BDBDBD;
height: 10px;
vertical-align: middle;
width: 60px;
display: inline-block;
margin-top: 7px;
}
#volume-slider::-moz-range-track {
-moz-appearance: none;
border-radius: 5px;
box-shadow: inset 0 0 5px #DFDFDF;
background: #BDBDBD;
height: 10px;
border:0;
}
#volume-slider::-webkit-slider-thumb {
-webkit-appearance: none !important;
border-radius: 20px;
background: #DFDFDF;
box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
border: 1px solid #BDBDBD;
height: 20px;
width: 20px;
}
#volume-slider::-moz-range-thumb {
-moz-appearance: none;
border-radius: 20px;
background: #DFDFDF;
box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
border: 1px solid #BDBDBD;
height: 20px;
width: 20px;
}
.volumeseeker{
position: absolute;
top: 5px;
left: 4px;
right: 4px;
bottom: 5px;
border-radius: 5px;
background: #DEDEDE;
background: -moz-linear-gradient(top, #DEDEDE 0%, #F2F2F2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top, #dedede 0%,#f2f2f2 100%);
background: -o-linear-gradient(top, #dedede 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top, #dedede 0%,#f2f2f2 100%);
background: linear-gradient(to bottom, #DEDEDE 0%,#F2F2F2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dedede", endColorstr="#f2f2f2",GradientType=0 );
box-shadow: inset 0 0 5px #A4A4A4;
}
.volumeseeker .seek{
background: #ff8914; /* Old browsers */
background: -moz-linear-gradient(top, #658D94 0%,#7FAEB4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#658D94), color-stop(100%,#7FAEB4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #658D94 0%,#7FAEB4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #658D94 0%,#7FAEB4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #658D94 0%,#7FAEB4 100%); /* IE10+ */
background: linear-gradient(to bottom, #658D94 0%,#7FAEB4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#658D94', endColorstr='#7FAEB4',GradientType=0 ); /* IE6-9 */
height: 100%;
border-radius: 5px;
}
@-webkit-keyframes ajax-loader-rotate {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes ajax-loader-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes ajax-loader-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.ajax-loader{
width: 25px;
height: 25px;
border: 4px solid rgb(0, 0, 0);
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
left: 22px;
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(180deg); }
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
50% { -moz-transform: rotate(180deg); }
to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); }
50% { -ms-transform: rotate(180deg); }
to { -ms-transform: rotate(360deg); }
}
@-o-keyframes spin {
from { -o-transform: rotate(0deg); }
50% { -o-transform: rotate(180deg); }
to { -o-transform: rotate(360deg); }
}
@keyframes spin {
from { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
to { transform: rotate(360deg); }
}
/* TYPE 1 : Normal widget */
#media-audio-player.type-1{
display: inline-block;
width: auto;
background-color: rgba(32, 32, 32, 0.72);
color: white;
padding: 3px 0 3px 0;
border-radius: 10;
box-shadow: 1px 1px 10px black;
margin: 10px;
}
/* TYPE 2 : Bottom page stip */
#media-audio-player{
display: inline-block;
width: 100%;
background-color: rgba(32, 32, 32, 0.72);
color: white;
padding: 3px 0 3px 0;
box-shadow: 1px 1px 10px black;
position: fixed;
bottom: 0;
height: 90px;
}
/* Popout player */
#media-audio-player.type-3{
width: 100%;
height: 100%;
background-color: rgba(32, 32, 32, 1);
color: white;
}
#media-audio-player #inner.type-1{
min-width: 500px;
color: white;
}
#media-audio-player #inner{
min-width: 400px;
width: 80%;
margin: 0 auto;
}
#media-audio-player #inner.type-3{
display: inline-block;
min-width: 400px;
width: 600px;
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -300px;
}
#media-audio-player #inner h1,#media-audio-player #inner h3, #media-audio-player #inner h2, #media-audio-player #inner h4, #media-audio-player #inner h5{
margin:0;
padding:0;
display:inline;
margin-left: 80px;
}
.regular_text{
text-decoration: initial;
cursor: pointer;
color:white;
}
h2 .radio_title{
color: #a9c5c8 !important;
}
#inner .logo{
height: 76px;
width: 76px;
float: left;
}
#media-controls{
display: inline-block;
}
#current-song {
width: auto;
margin-left: 80px;
position: relative;
top: -5px;
height: 40px;
display: inline-block !important;
max-width: 500px;
}
#current-song a {
color: white;
}
#listeners{
position: relative;
color: #a9c5c8;
left: 22px;
}
.hexagon {
position: relative;
width: 76px;
height: 43.88px;
background-color: #a9c5c8;
margin: 21.94px 0;
display: inline-block;
float: right;
}
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
width: 0;
border-left: 38px solid transparent;
border-right: 38px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 21.94px solid #a9c5c8;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 21.94px solid #a9c5c8;
left:0px;
}
/**/
.hexagon-small {
position: relative;
width: 40px;
height: 23.09px;
background-color: #a9c5c8;
margin: 11.55px 0;
display: inline-block;
float: right;
margin-right: 5px;
bottom: 9px;
}
.hexagon-small:before,
.hexagon-small:after {
content: "";
position: absolute;
width: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.hexagon-small:before {
bottom: 100%;
border-bottom: 11.55px solid #a9c5c8;
}
.hexagon-small:after {
top: 100%;
width: 0;
border-top: 11.55px solid #a9c5c8;
left:0;
}
.hexagon:hover, .hexagon-small:hover{
background-color: #A8BFC1;
}
.hexagon:hover:before{
border-bottom: 21.94px solid #A8BFC1;
}
.hexagon:hover:after{
border-top: 21.94px solid #A8BFC1;
}
.hexagon-small:hover:before{
border-bottom: 11.55px solid #A8BFC1;
}
.hexagon-small:hover:after{
border-top: 11.55px solid #A8BFC1;
}
.icon-screens {
position: relative;
width: 16px;
height: 16px;
top: 3px;
left: 12px;
}
.icon-screens-rectangle-1 {
background-color: #000;
border: #000 1px solid;
width: 11px;
height: 7px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: absolute;
top: 2px;
right: 0;
}
.icon-screens-rectangle-2 {
background-color: #fff;
border: #000 1px solid;
width: 11px;
height: 7px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: absolute;
bottom: 2px;
left: 0;
}
.flipper{
position: absolute;
width: 76px;
height: 76px;
z-index: 1;
}
.coverart{
width: 76px;
height: 76px;
}
.imageflipper{
width: 100%;
height: 100%;
transform-style: preserve-3d;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.flipper:hover .imageflipper{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.face {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.face.back {
display: block;
-webkit-transform: rotateY( 180deg );
transform: rotateY(180deg);
box-sizing: border-box;
color: white;
text-align: center;
background-color: #aaa;
}
.listeners-icon{
z-index: 1;
overflow: hidden;
padding: 0px;
position: relative;
height: 20px;
display: inline-block;
top: -2px;
}
.listeners-icon::before, .listeners-icon::after, .listeners-icon .licon::before, .listeners-icon .licon::after {
content: "";
position: absolute;
top: 50%;
}
.licon{
display: block;
border: 0px none;
color: #a9c5c8;
height: 20px;
width: 100px;
}
.licon::before, .licon::after {
margin: -8px 0px 0px;
background: none repeat scroll 0% 0% #a9c5c8;
}
.licon::after {
left: 8px;
width: 6px;
height: 10px;
margin-top: -6px;
border-radius: 5px / 5px 5px 10px 10px;
}
.licon::before {
left: 3px;
width: 16px;
height: 5px;
margin-top: 2px;
border-radius: 5px 5px 0px 0px;
}
.djazz{
opacity: 0.3;
top: -7px;
position: relative;
}

16
radiowidget/widget.html Normal file
View File

@ -0,0 +1,16 @@
<div class="radiowidget">
<script type="text/javascript" src="/radiowidget/code.js" id="media-javascript"></script>
<link type="text/css" rel="stylesheet" href="/radiowidget/style.css" id="media-stylesheet">
<div id="media-audio-player">
<div id="inner">
<img src="http://radio.djazz.se/img/parasprite-radio.png" alt="Parasprite Radio" class="logo">
<div class="hexagon pointer" id="btn-play" title="Play/Stop radio"><div class="play"></div></div><h2><a class="regular_text radio_title" href="http://radio.djazz.se/" target="_blank">Parasprite Radio</a></h2><br>
<div class="hexagon-small pointer" id="btn-popout" title="Pop-out"><div class="popicon"></div><div class="icon-screens"><div class="icon-screens-rectangle-1"></div><div class="icon-screens-rectangle-2"></div></div></div>
<div class="hexagon-small pointer" id="btn-mute" title="Mute/Unmute"><div class="volumechanger"><input type="range" min=0 step=0.01 max=1 value=1 id="volume-slider"></div><div class="mute" id="mute-inner"></div></div>
<h5>by <a class="regular_text" href="http://djazz.se/" target="_blank">djazz</a></h5><br>
<marquee scrollamount="3" scrolldelay="60" id="current-song"></marquee><br>
<text id="listeners">0 Listeners</text>
</div>
</div>
</div>
<!-- INCLUDE THIS CODE ONTO YOUR WEBSITE -->