KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added more of the 'required' attributes for most of the elements

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2015-06-19 18:52:08 +02:00
parent b9707fe37b
commit ff46545a1d
6 changed files with 79 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.php
View File

@@ -7,8 +7,8 @@
else $list=$list[1]; else $list=$list[1];
?> ?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" lang="en"> <html lang="en">
<head> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<?php include("php/header.php"); ?> <?php include("php/header.php"); ?>
</head> </head>
<body id="channelpage"> <body id="channelpage">
@@ -17,7 +17,7 @@
<nav id="nav"> <nav id="nav">
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="/" class="brand-logo hide-on-med-and-down"> <a href="/" class="brand-logo hide-on-med-and-down">
<img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff"> <img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff" />
</a> </a>
<div class="brand-logo truncate zbrand"> <div class="brand-logo truncate zbrand">
<a href="/" class="hide-on-large-only">Zöff</a> <a href="/" class="hide-on-large-only">Zöff</a>
@@ -30,7 +30,7 @@
Loading... Loading...
</li> </li>
<li class="search-container hide" id="search-wrapper"> <li class="search-container hide" id="search-wrapper">
<input id="search" class="search_input" type="search" required title="Search for songs..." spellcheck="false" placeholder="Find song on youtube" onsubmit="null;" autocomplete="off"> <input id="search" class="search_input" type="text" title="Search for songs..." placeholder="Find song on youtube" onsubmit="null;" autocomplete="off" />
</li> </li>
</ul> </ul>
@@ -118,7 +118,7 @@
<div id="temp-results-container"> <div id="temp-results-container">
<div id="temp-results"> <div id="temp-results">
<div id="result" class="result"> <div id="result" class="result">
<img class="thumb"> <img class="thumb" src="" alt="Thumb"/>
<span id="title"> <span id="title">
<div class="search-title"></div> <div class="search-title"></div>
<span class="result_info"></span> <span class="result_info"></span>
@@ -144,7 +144,7 @@
<li class="active inherit-height"> <li class="active inherit-height">
<div class="collapsible-body inherit-height" style="display: block;"> <div class="collapsible-body inherit-height" style="display: block;">
<ul id="chat inherit-height"> <!--<ul id="chat inherit-height">-->
<div class="row inherit-height"> <div class="row inherit-height">
<div class="col s12"> <div class="col s12">
<ul class="tabs"> <ul class="tabs">
@@ -155,14 +155,14 @@
<div id="channelchat" class="col s12 inherit-height"><ul id="chatchannel" class="inherit-height"></ul></div> <div id="channelchat" class="col s12 inherit-height"><ul id="chatchannel" class="inherit-height"></ul></div>
<div id="all_chat" class="col s12 inherit-height"><ul id="chatall" class="inherit-height"></ul></div> <div id="all_chat" class="col s12 inherit-height"><ul id="chatall" class="inherit-height"></ul></div>
</div> </div>
</ul> <!--</ul>-->
</div> </div>
</li> </li>
</ul> </ul>
</li> </li>
<li id="chat-input"> <li id="chat-input">
<form onsubmit="chat(this.input);return false;"> <form action="" onsubmit="chat(this.input);return false;">
<input id="text-chat-input" name="input" type="text" autocomplete="off" placeholder="Chat" maxlength="150"> <input id="text-chat-input" name="input" type="text" autocomplete="off" placeholder="Chat" maxlength="150" />
</form> </form>
</li> </li>
</ul> </ul>

30
php/controller.php
View File

@@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <html lang="en">
<head> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<title>Zöff Remote</title> <title>Zöff Remote</title>
<?php include("header.php"); ?> <?php include("header.php"); ?>
</head> </head>
@@ -9,7 +9,7 @@
<nav id="fp-nav"> <nav id="fp-nav">
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="http://zoff.no" class="brand-logo hide-on-small-only"> <a href="http://zoff.no" class="brand-logo hide-on-small-only">
<img id="zicon" src="/static/images/squareicon_small.png" alt="zöff" title="Zöff"> <img id="zicon" src="/static/images/squareicon_small.png" alt="zöff" title="Zöff" />
</a> </a>
<a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a> <a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
<ul id="nav-mobile" class="right hide-on-med-and-down"> <ul id="nav-mobile" class="right hide-on-med-and-down">
@@ -39,7 +39,7 @@
<div class="modal-content"> <div class="modal-content">
<h4>About</h4> <h4>About</h4>
<p>Zöff is a shared (free) YouTube based radio service, built upon the YouTube API. <br><br> <p>Zöff is a shared (free) YouTube based radio service, built upon the YouTube API. <br><br>
Zöff is mainly a webbased service, but an <a href="https://play.google.com/store/apps/details?id=no.lqasse.zoff&hl=en">Android app</a> is made by Lasse Drevland, which has been a huge asset for the dev. team.<br><br> Zöff is mainly a webbased service, but an <a href="https://play.google.com/store/apps/details?id=no.lqasse.zoff&amp;hl=en">Android app</a> is made by Lasse Drevland, which has been a huge asset for the dev. team.<br><br>
The website uses <a href="https://nodejs.org/">NodeJS</a> with <a href="http://socket.io/">Socket.IO</a>, <a href="https://www.mongodb.org/">MongoDB</a> and PHP on the backend, with JavaScript, jQuery and <a href="http://materializecss.com/">Materialize</a> on the frontend. More about the project itself can be found on <a href="https://github.com/nixolas1/Zoff">GitHub</a><br><br> The website uses <a href="https://nodejs.org/">NodeJS</a> with <a href="http://socket.io/">Socket.IO</a>, <a href="https://www.mongodb.org/">MongoDB</a> and PHP on the backend, with JavaScript, jQuery and <a href="http://materializecss.com/">Materialize</a> on the frontend. More about the project itself can be found on <a href="https://github.com/nixolas1/Zoff">GitHub</a><br><br>
The team consists of Kasper Rynning-Tønnesen and Nicolas Almagro Tonne, and the project has been worked on since late 2014.<br><br> The team consists of Kasper Rynning-Tønnesen and Nicolas Almagro Tonne, and the project has been worked on since late 2014.<br><br>
The team can be reached on <a href="mailto:contact@zoff.no?Subject=Contact%20Zoff">contact@zoff.no</a> The team can be reached on <a href="mailto:contact@zoff.no?Subject=Contact%20Zoff">contact@zoff.no</a>
@@ -61,7 +61,7 @@
<input type="range" title="Volume" id="volume-control" style="display:none;" min="0" value="100" max="100" /> <input type="range" title="Volume" id="volume-control" style="display:none;" min="0" value="100" max="100" />
</p>--> </p>-->
<form class="row" id="base" onsubmit="window.location.href = '/remote/'+this.chan.value;return false;"> <form action="" class="row" id="base" onsubmit="window.location.href = '/remote/'+this.chan.value;return false;">
<div class="input-field col s12"> <div class="input-field col s12">
<input <input
class="input-field" class="input-field"
@@ -124,19 +124,19 @@
<ul> <ul>
<li> <li>
<a href="https://play.google.com/store/apps/details?id=no.lqasse.zoff"> <a href="https://play.google.com/store/apps/details?id=no.lqasse.zoff">
<img title="Get it on Google Play" src="/static/images/google_play.png"> <img title="Get it on Google Play" src="/static/images/google_play.png" />
</a> </a>
<a href="https://github.com/nixolas1/Zoff"> <a href="https://github.com/nixolas1/Zoff">
<img title="Contribute on GitHub" src="/static/images/GitHub_Logo.png"> <img title="Contribute on GitHub" src="/static/images/GitHub_Logo.png" />
</a> </a>
<p> <p>
<a class="waves-effect waves-light btn light-blue share shareface" href="https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>','Share Playlist','width=600,height=300')"> <a class="waves-effect waves-light btn light-blue share shareface" href="https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>','Share Playlist','width=600,height=300')">
<img class="left" src="/static/images/facebook.png">Share on Facebook <img class="left" src="/static/images/facebook.png" />Share on Facebook
</a> </a>
</p> </p>
<p> <p>
<a class="waves-effect waves-light btn light-blue share" href="http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&text=Check out Zöff!&via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&text=Check out Zöff!&via=zoffmusic','Share Playlist','width=600,height=300')"> <a class="waves-effect waves-light btn light-blue share" href="http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;text=Check out Zöff!&amp;via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;text=Check out Zöff!&amp;via=zoffmusic','Share Playlist','width=600,height=300')">
<img class="left" src="/static/images/twitter.png">Share on Twitter <img class="left" src="/static/images/twitter.png" />Share on Twitter
</a> </a>
</p> </p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="donate_form"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="donate_form">
@@ -146,8 +146,8 @@
</a> </a>
</form> </form>
<p> <p>
<a href="https://chart.googleapis.com/chart?chs=500x500&cht=qr&chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&choe=UTF-8&chld=L|1" > <a href="https://chart.googleapis.com/chart?chs=500x500&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;choe=UTF-8&amp;chld=L|1" >
<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&choe=UTF-8&chld=L|1" alt="QRCode for link" title="QR code for this page, for easy sharing!"> <img src="https://chart.googleapis.com/chart?chs=150x150&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;choe=UTF-8&amp;chld=L|1" alt="QRCode for link" title="QR code for this page, for easy sharing!" />
</a> </a>
</p> </p>
</li> </li>
@@ -164,10 +164,10 @@
</div> </div>
</footer> </footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
<script src="//cdn.socket.io/socket.io-1.2.0.js"></script> <script type="text/javascript" src="//cdn.socket.io/socket.io-1.2.0.js"></script>
<script type="text/javascript" src="/static/js/lib/materialize.js"></script> <script type="text/javascript" src="/static/js/lib/materialize.js"></script>
<script type="text/javascript" src="/static/js/remotecontroller.js"></script> <script type="text/javascript" src="/static/js/remotecontroller.js"></script>
<noscript><p><img src="//zoff.no/analyse/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript> <noscript><p><img src="//zoff.no/analyse/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>

24
php/footer.php
View File

@@ -8,7 +8,7 @@
Being built around the YouTube search and video API Being built around the YouTube search and video API
it enables the creation of collaborative and shared live playlists, it enables the creation of collaborative and shared live playlists,
with billions of videos and songs to choose from, all for free and without registration. with billions of videos and songs to choose from, all for free and without registration.
<br> <br />
Enjoy! Enjoy!
</p> </p>
<p id="latest-commit" class="grey-text text-lighten-4 truncate"></p> <p id="latest-commit" class="grey-text text-lighten-4 truncate"></p>
@@ -20,16 +20,16 @@
<img title="Get it on Google Play" src="/static/images/google_play.png"> <img title="Get it on Google Play" src="/static/images/google_play.png">
</a>--> </a>-->
<a href="https://github.com/nixolas1/Zoff"> <a href="https://github.com/nixolas1/Zoff">
<img title="Contribute on GitHub" src="/static/images/GitHub_Logo.png"> <img title="Contribute on GitHub" src="/static/images/GitHub_Logo.png" alt="GitHub" />
</a> </a>
<p> <p>
<a class="waves-effect waves-light btn light-blue share shareface" href="https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>','Share Playlist','width=600,height=300')"> <a class="waves-effect waves-light btn light-blue share shareface" href="https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>','Share Playlist','width=600,height=300')">
<img class="left" src="/static/images/facebook.png">Share on&nbspFacebook <img class="left" src="/static/images/facebook.png" alt="Share on Facebook" />Share on&nbsp;Facebook
</a> </a>
</p> </p>
<p> <p>
<a class="waves-effect waves-light btn light-blue share" href="http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&text=Check out this playlist <?php echo ucfirst($list); ?> on Zöff!&via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&text=Check out this playlist <?php echo ucfirst($list); ?> on Zöff!&via=zoffmusic','Share Playlist','width=600,height=300')"> <a class="waves-effect waves-light btn light-blue share" href="http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;text=Check out this playlist <?php echo ucfirst($list); ?> on Zöff!&amp;via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;text=Check out this playlist <?php echo ucfirst($list); ?> on Zöff!&amp;via=zoffmusic','Share Playlist','width=600,height=300')">
<img class="left" src="/static/images/twitter.png">Share on&nbspTwitter <img class="left" src="/static/images/twitter.png" alt="Share on Twitter" />Share on&nbsp;Twitter
</a> </a>
</p> </p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="donate_form"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="donate_form">
@@ -39,8 +39,8 @@
</a> </a>
</form> </form>
<p> <p>
<a href="https://chart.googleapis.com/chart?chs=500x500&cht=qr&chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&choe=UTF-8&chld=L|1" > <a href="https://chart.googleapis.com/chart?chs=500x500&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;choe=UTF-8&amp;chld=L|1" >
<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&choe=UTF-8&chld=L|1" alt="QRCode for link" title="QR code for this page, for easy sharing!"> <img src="https://chart.googleapis.com/chart?chs=150x150&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;choe=UTF-8&amp;chld=L|1" alt="QRCode for link" title="QR code for this page, for easy sharing!" alt="QR code" />
</a> </a>
</p> </p>
</li> </li>
@@ -57,15 +57,15 @@
</div> </div>
</footer> </footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/static/js/lib/materialize.js"></script> <script type="text/javascript" src="/static/js/lib/materialize.js"></script>
<script type="text/javascript" src="/static/js/lib/color-thief.js"></script> <script type="text/javascript" src="/static/js/lib/color-thief.js"></script>
<!--<script type="text/javascript" src="/static/js/lib/jquery-2.1.3.min.js"></script> <!--<script type="text/javascript" src="/static/js/lib/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="/static/js/lib/jquery-ui-1.10.3.min.js"></script>--> <script type="text/javascript" src="/static/js/lib/jquery-ui-1.10.3.min.js"></script>-->
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> <script type="text/javascript" src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<!--<script type="text/javascript" src="/static/js/lib/iscroll-min.js"></script>--> <!--<script type="text/javascript" src="/static/js/lib/iscroll-min.js"></script>-->
<script src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha256.js"></script> <script type="text/javascript" src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha256.js"></script>
<script> <script>
var socket = io.connect('//'+window.location.hostname+':3000'); var socket = io.connect('//'+window.location.hostname+':3000');
var guid = "<?php echo $guid; ?>"; var guid = "<?php echo $guid; ?>";
@@ -99,5 +99,5 @@
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})(); })();
</script> </script>
<noscript><p><img src="https://zoff.no/analyse/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript> <noscript><p><img src="https://zoff.no/analyse/piwik.php?idsite=1" style="border:0;" alt="Piwik" /></p></noscript>
<!-- End Piwik Code --> <!-- End Piwik Code -->

13
php/header.php
View File

@@ -6,14 +6,15 @@
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<title>Zöff</title> <title>Zöff</title>
<meta name="author" content="Nicolas 'Nixo' Almagro Tonne &amp; Kasper 'KasperRT' Rynning-Tønnesen"> <meta name="author" content="Nicolas 'Nixo' Almagro Tonne &amp; Kasper 'KasperRT' Rynning-Tønnesen"/>
<meta name="description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"> <meta name="description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset="UTF-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta property="og:image" content="/static/images/highlogo.png" /> <meta property="og:image" content="/static/images/highlogo.png" />
<meta property="og:title" content="Zöff"> <meta property="og:title" content="Zöff"/>
<meta property="og:description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"> <meta property="og:description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"/>
<meta property="og:type" content="website"> <meta property="og:type" content="website"/>
<link type="text/css" rel="stylesheet" href="/static/css/materialize.min.css" media="screen,projection"/> <link type="text/css" rel="stylesheet" href="/static/css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" type="text/css" href="/static/css/style.css" title="Default" /> <link rel="stylesheet" type="text/css" href="/static/css/style.css" title="Default" />
<link rel="icon" id="favicon" type="image/png" href="/static/images/favicon.png"/> <link rel="icon" id="favicon" type="image/png" href="/static/images/favicon.png"/>

28
php/nochan.php
View File

@@ -7,8 +7,8 @@ if(isset($_GET['chan'])){
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <html lang="en">
<head> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<?php include("header.php"); ?> <?php include("header.php"); ?>
</head> </head>
<body> <body>
@@ -16,7 +16,7 @@ if(isset($_GET['chan'])){
<nav id="fp-nav"> <nav id="fp-nav">
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="#" class="brand-logo hide-on-small-only"> <a href="#" class="brand-logo hide-on-small-only">
<img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff"> <img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff" />
</a> </a>
<a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a> <a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
<ul id="nav-mobile" class="right hide-on-med-and-down"> <ul id="nav-mobile" class="right hide-on-med-and-down">
@@ -46,7 +46,7 @@ if(isset($_GET['chan'])){
<div class="modal-content"> <div class="modal-content">
<h4>About</h4> <h4>About</h4>
<p>Zöff is a shared (free) YouTube based radio service, built upon the YouTube API. <br><br> <p>Zöff is a shared (free) YouTube based radio service, built upon the YouTube API. <br><br>
Zöff is mainly a webbased service, but an <a href="https://play.google.com/store/apps/details?id=no.lqasse.zoff&hl=en">Android app</a> is made by Lasse Drevland, which has been a huge asset for the dev. team.<br><br> Zöff is mainly a webbased service, but an <a href="https://play.google.com/store/apps/details?id=no.lqasse.zoff&amp;hl=en">Android app</a> is made by Lasse Drevland, which has been a huge asset for the dev. team.<br><br>
The website uses <a href="https://nodejs.org/">NodeJS</a> with <a href="http://socket.io/">Socket.IO</a>, <a href="https://www.mongodb.org/">MongoDB</a> and PHP on the backend, with JavaScript, jQuery and <a href="http://materializecss.com/">Materialize</a> on the frontend. More about the project itself can be found on <a href="https://github.com/nixolas1/Zoff">GitHub</a><br><br> The website uses <a href="https://nodejs.org/">NodeJS</a> with <a href="http://socket.io/">Socket.IO</a>, <a href="https://www.mongodb.org/">MongoDB</a> and PHP on the backend, with JavaScript, jQuery and <a href="http://materializecss.com/">Materialize</a> on the frontend. More about the project itself can be found on <a href="https://github.com/nixolas1/Zoff">GitHub</a><br><br>
The team consists of Kasper Rynning-Tønnesen and Nicolas Almagro Tonne, and the project has been worked on since late 2014.<br><br> The team consists of Kasper Rynning-Tønnesen and Nicolas Almagro Tonne, and the project has been worked on since late 2014.<br><br>
The team can be reached on <a href="mailto:contact@zoff.no?Subject=Contact%20Zoff">contact@zoff.no</a><br><br> The team can be reached on <a href="mailto:contact@zoff.no?Subject=Contact%20Zoff">contact@zoff.no</a><br><br>
@@ -98,10 +98,10 @@ if(isset($_GET['chan'])){
<p class="left-align"> <p class="left-align">
<span class="chan-name flow-text truncate"></span> <span class="chan-name flow-text truncate"></span>
<br> <br>
<span class="highlighted">Viewers:&nbsp</span> <span class="highlighted">Viewers:&nbsp;</span>
<span class="chan-views"></span> <span class="chan-views"></span>
<br> <br>
<span class="highlighted">Songs:&nbsp</span> <span class="highlighted">Songs:&nbsp;</span>
<span class="chan-songs"></span> <span class="chan-songs"></span>
</p> </p>
</div> </div>
@@ -137,16 +137,16 @@ if(isset($_GET['chan'])){
<img title="Get it on Google Play" src="static/images/google_play.png"> <img title="Get it on Google Play" src="static/images/google_play.png">
</a>--> </a>-->
<a href="https://github.com/nixolas1/Zoff"> <a href="https://github.com/nixolas1/Zoff">
<img title="Contribute on GitHub" src="static/images/GitHub_Logo.png"> <img title="Contribute on GitHub" src="static/images/GitHub_Logo.png" />
</a> </a>
<p> <p>
<a class="waves-effect waves-light btn light-blue share shareface" href="https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>','Share Playlist','width=600,height=300')"> <a class="waves-effect waves-light btn light-blue share shareface" href="https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://<?php echo $_SERVER['HTTP_HOST']; ?>','Share Playlist','width=600,height=300')">
<img class="left" src="static/images/facebook.png">Share on Facebook <img class="left" src="static/images/facebook.png" />Share on Facebook
</a> </a>
</p> </p>
<p> <p>
<a class="waves-effect waves-light btn light-blue share" href="https://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&text=Check out Zöff!&via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&text=Check out Zöff!&via=zoffmusic','Share Playlist','width=600,height=300')"> <a class="waves-effect waves-light btn light-blue share" href="https://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;text=Check out Zöff!&amp;via=zoffmusic" target="popup" onclick="window.open('http://twitter.com/intent/tweet?url=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;text=Check out Zöff!&amp;via=zoffmusic','Share Playlist','width=600,height=300')">
<img class="left" src="static/images/twitter.png">Share on Twitter <img class="left" src="static/images/twitter.png" />Share on Twitter
</a> </a>
</p> </p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="donate_form"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="donate_form">
@@ -156,8 +156,8 @@ if(isset($_GET['chan'])){
</a> </a>
</form> </form>
<p> <p>
<a href="https://chart.googleapis.com/chart?chs=500x500&cht=qr&chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&choe=UTF-8&chld=L|1" > <a href="https://chart.googleapis.com/chart?chs=500x500&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;choe=UTF-8&amp;chld=L|1" >
<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&choe=UTF-8&chld=L|1" alt="QRCode for link" title="QR code for this page, for easy sharing!"> <img src="https://chart.googleapis.com/chart?chs=150x150&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST']; ?>&amp;choe=UTF-8&amp;chld=L|1" alt="QRCode for link" title="QR code for this page, for easy sharing!" />
</a> </a>
</p> </p>
</li> </li>
@@ -174,8 +174,8 @@ if(isset($_GET['chan'])){
</div> </div>
</footer> </footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> <script type="text/javascript" src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script type="text/javascript" src="static/js/lib/materialize.min.js"></script> <script type="text/javascript" src="static/js/lib/materialize.min.js"></script>
<script type="text/javascript" src="static/js/nochan.js"></script> <script type="text/javascript" src="static/js/nochan.js"></script>
<noscript><p><img src="https://zoff.no/analyse/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript> <noscript><p><img src="https://zoff.no/analyse/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>

44
php/panel.php
View File

@@ -4,26 +4,26 @@
<a class="col s9 collapsible-header bold waves-effect admin-settings"> <a class="col s9 collapsible-header bold waves-effect admin-settings">
Channel Settings Channel Settings
<i class="mdi-image-tune"></i> <i class="mdi-image-tune"></i>
<div class="nav-btn close-settings clickable" title="Close" href="#" onclick="hide_settings()"> <div class="nav-btn close-settings clickable" title="Close" onclick="hide_settings();">
<i class="mdi-navigation-close auto-margin"></i> <i class="mdi-navigation-close auto-margin"></i>
</div> </div>
</a> </a>
<div class="collapsible-body"> <div class="collapsible-body">
<ul> <form action="" id="adminForm" onsubmit="pass_save();return false;">
<form id="adminForm" onsubmit="pass_save();return false;"> <ul>
<li class="white-bg"> <li class="white-bg">
<a class="white-bg"> <a class="white-bg">
<div class="input-field"> <div class="input-field">
<i id="admin-lock" class="mdi-action-lock" onclick="log_out()" title="Click to log out"></i> <i id="admin-lock" class="mdi-action-lock" onclick="log_out()" title="Click to log out"></i>
<input placeholder="Enter channel password" id="password" type="password" class="validate"> <input placeholder="Enter channel password" id="password" type="password" class="validate" />
</div> </div>
</a> </a>
</li> </li>
<li><a class="setting-text"> <li><a class="setting-text">
Add songs Add songs
<div class="switch"><label> <div class="switch"><label>
Anyone Anyone
<input name="addsongs" type="checkbox" class="conf"><span class="lever"></span> <input name="addsongs" type="checkbox" class="conf" /><span class="lever"></span>
Admin Admin
</label></div></a></li> </label></div></a></li>
@@ -31,7 +31,7 @@
Vote Vote
<div class="switch"><label> <div class="switch"><label>
Anyone Anyone
<input name="vote" type="checkbox" class="conf"><span class="lever"></span> <input name="vote" type="checkbox" class="conf" /><span class="lever"></span>
Admin Admin
</label></div></a></li> </label></div></a></li>
@@ -39,7 +39,7 @@
Shuffle Shuffle
<div class="switch"><label> <div class="switch"><label>
Anyone Anyone
<input name="shuffle" type="checkbox" class="conf"><span class="lever"></span> <input name="shuffle" type="checkbox" class="conf" /><span class="lever"></span>
Admin Admin
</label></div></a></li> </label></div></a></li>
@@ -47,7 +47,7 @@
Skip Skip
<div class="switch"><label> <div class="switch"><label>
Anyone Anyone
<input name="skip" type="checkbox" class="conf"><span class="lever"></span> <input name="skip" type="checkbox" class="conf" /><span class="lever"></span>
Admin Admin
</label></div></a></li> </label></div></a></li>
@@ -55,7 +55,7 @@
Song length Song length
<div class="switch"><label> <div class="switch"><label>
Any Any
<input name="longsongs" type="checkbox" class="conf"><span class="lever"></span> <input name="longsongs" type="checkbox" class="conf" /><span class="lever"></span>
Short Short
</label></div></a></li> </label></div></a></li>
@@ -63,7 +63,7 @@
Type Type
<div class="switch"><label> <div class="switch"><label>
Any Any
<input name="allvideos" type="checkbox" class="conf"><span class="lever"></span> <input name="allvideos" type="checkbox" class="conf" /><span class="lever"></span>
Song Song
</label></div></a></li> </label></div></a></li>
@@ -72,7 +72,7 @@
Frontpage Frontpage
<div class="switch"><label> <div class="switch"><label>
Hide Hide
<input name="frontpage" type="checkbox" class="conf"><span class="lever"></span> <input name="frontpage" type="checkbox" class="conf" /><span class="lever"></span>
Display Display
</label></div></a></li> </label></div></a></li>
@@ -80,13 +80,13 @@
After play After play
<div class="switch"><label> <div class="switch"><label>
Keep Keep
<input name="removeplay" type="checkbox" class="conf"><span class="lever"></span> <input name="removeplay" type="checkbox" class="conf" /><span class="lever"></span>
Remove Remove
</label></div></a></li> </label></div></a></li>
</form> </ul>
</ul> </form>
</div> </div>
</li> </li>
</ul> </ul>
@@ -102,7 +102,7 @@
<ul> <ul>
<li> <li>
<a id="code-link" target="_blank"> <a id="code-link" target="_blank">
<img id="code-qr" alt="QR code for control" title="Link to control this Zöff player"> <img id="code-qr" alt="QR code for control" title="Link to control this Zöff player" src="" />
<h4 id="code-text">ABBADUR</h4> <h4 id="code-text">ABBADUR</h4>
</a> </a>
<a> <a>