mirror of
https://github.com/KevinMidboe/zoff.git
synced 2026-01-09 02:55:35 +00:00
Started on main page
This commit is contained in:
Nicolas A. Tonne
103
index.php
103
index.php
@@ -4,59 +4,64 @@
|
|||||||
$list = explode("/", htmlspecialchars(strtolower($_SERVER["REQUEST_URI"])));
|
$list = explode("/", htmlspecialchars(strtolower($_SERVER["REQUEST_URI"])));
|
||||||
if($list[1]==""||!isset($list[1])||count($list)<=1){$list="";include('php/nochan.php');die();}
|
if($list[1]==""||!isset($list[1])||count($list)<=1){$list="";include('php/nochan.php');die();}
|
||||||
else $list=$list[1];
|
else $list=$list[1];
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
|
||||||
<head>
|
<head>
|
||||||
<?php include("php/header.php"); ?>
|
<?php include("php/header.php"); ?>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="pBar"></div>
|
<header>
|
||||||
<div id="sBar"></div>
|
<div class="navbar-fixed">
|
||||||
<div id="eBar"></div>
|
<nav>
|
||||||
<!--<div class="bgimage" id="bgimage"></div>-->
|
<div class="nav-wrapper">
|
||||||
<div class="top vcent centered">
|
<a href="//zoff.no" class="brand-logo hide-on-small-only">
|
||||||
<div id="change" class="small">
|
<img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff">
|
||||||
<div id="mobile-banner">
|
</a>
|
||||||
<div class="inner"></div>
|
<div class="brand-logo center">
|
||||||
<h3 id="innerTitle"><a href="/">Zöff</a>
|
<a href="zoff.no" class="hide-on-med-and-up">Zöff</a>
|
||||||
<br>
|
<span class="hide-on-med-and-up">/</span>
|
||||||
<span id="innerChan"><?php echo(ucfirst($list));?></span>
|
<span id="chan" class="chan" title="Show big URL" onclick="show()"><?php echo(ucfirst($list));?></span>
|
||||||
</h3>
|
</div>
|
||||||
<div id="mobileTitle"></div>
|
<form>
|
||||||
<!--<div id="viewers">2 viewers</div>-->
|
<div class="input-field">
|
||||||
</div>
|
<input id="search" type="search" required title="Search for songs..." spellcheck="false" placeholder="Search" onsubmit="null;" autocomplete="off">
|
||||||
<a id="toptitle" href="/">Zöff</a>
|
<label for="search"><i class="mdi-action-search"></i></label>
|
||||||
<div id="chan" class="chan" title="Show big URL" onclick="show()"><?php echo(ucfirst($list));?></div>
|
<i class="mdi-navigation-close"></i>
|
||||||
<input id="search" name="v" title="Search for songs..." type="text" class="search_input innbox" spellcheck="false" placeholder="Search" onsubmit="null;" autocomplete="off"/>
|
</div>
|
||||||
<div id="results"></div>
|
</form>
|
||||||
<div class="main">
|
<ul id="nav-mobile" class="right">
|
||||||
<div id="player" class="ytplayer"></div>
|
<li>
|
||||||
<div id="jplayer" class="jp"></div>
|
<a href="#" id="settings" onclick="skip();">
|
||||||
<div class="playlist" >
|
<i class="mdi-av-skip-next"></i>
|
||||||
<div id="buttons" class="">
|
Skip
|
||||||
<!--<a href="/php/admin.php?list=<?php echo $list; ?>" title="Channel settings" ><img src="/static/settings2.png" class="skip middle" alt="Settings"/></a>-->
|
</a>
|
||||||
<img src="static/settings2.png" id="settings" class="skip middle" alt="Settings" title="Settings" onclick="admin();"/>
|
</li>
|
||||||
<img src="static/skip.png" class="skip" alt="Skip" title="Skip" onclick="skip();">
|
<li>
|
||||||
|
<a href="#" onclick="admin();">
|
||||||
|
<i class="mdi-action-settings"></i>
|
||||||
|
Settings
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul class="side-nav" id="mobile-demo">
|
||||||
|
<li><a href="sass.html">Sass</a></li>
|
||||||
|
<li><a href="components.html">Components</a></li>
|
||||||
|
<li><a href="javascript.html">Javascript</a></li>
|
||||||
|
<li><a href="mobile.html">Mobile</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
</div>
|
<main class="center-align container">
|
||||||
<div class="result hiddenAdmin" id="adminPanel"><?php include("php/panel.php");?> </div>
|
<div class="section">
|
||||||
<form id="findform" onsubmit="return false;">
|
|
||||||
<input id="findform-input" type="text" onsubmit="null;" placeholder="Search list..">
|
</div>
|
||||||
<label id="numfound"></label>
|
</main>
|
||||||
</form>
|
|
||||||
<div id="playlist">
|
<?php include("php/footer.php"); ?>
|
||||||
<div id="wrapper">
|
</body>
|
||||||
<img src="static/ajax-loader.gif" id="loading" alt="loading">
|
</html>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="controls"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php include("php/footer.php"); ?>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,6 +1,39 @@
|
|||||||
<div class="footer small centered top anim">
|
<footer class="page-footer">
|
||||||
© <?php echo date("Y"); ?> <a class="anim" href="//nixo.no">Nixo</a> & <a class="anim" href="//kasperrt.no">KasperRT </a>
|
<div class="container">
|
||||||
</div>
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">Zöff</h5>
|
||||||
|
<p class="grey-text text-lighten-4">The shared youtube radio</p>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Being built around the youtube search and video API
|
||||||
|
it enables the creation of collaboratiive and shared live playlists,
|
||||||
|
with billions of videos and songs to choose from, all for free and without registration.
|
||||||
|
<br>
|
||||||
|
Enjoy!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col l4 offset-l2 s12 valign-wrapper">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<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">
|
||||||
|
</a>
|
||||||
|
<a href="https://github.com/nixolas1/Zoff">
|
||||||
|
<img title="Contribute on GitHub" src="static/images/GitHub_Logo.png">
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright">
|
||||||
|
<div class="container">
|
||||||
|
© <?php echo date("Y"); ?>
|
||||||
|
<a href="//nixo.no">Nixo</a> &
|
||||||
|
<a href="//kasperrt.no">KasperRT</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
<script 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 src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.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>
|
||||||
|
|||||||
@@ -55,7 +55,9 @@ foreach($fil as $files){
|
|||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<div class="nav-wrapper">
|
<div class="nav-wrapper">
|
||||||
<a href="zoff.no" class="brand-logo hide-on-small-only"><img id="zicon" src="static/images/squareicon_small.png" alt="zöff"></a>
|
<a href="//zoff.no" class="brand-logo hide-on-small-only">
|
||||||
|
<img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff">
|
||||||
|
</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">
|
||||||
<li><a href="#">About</a></li>
|
<li><a href="#">About</a></li>
|
||||||
@@ -121,7 +123,7 @@ foreach($fil as $files){
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-action">
|
<div class="card-action">
|
||||||
<a href="<?php echo $ch; ?>" class="waves-effect waves-teal btn-flat">Listen</a>
|
<a href="<?php echo $ch; ?>" class="waves-effect waves-orange btn-flat">Listen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
4
static/css/materialize.css
vendored
4
static/css/materialize.css
vendored
@@ -5044,7 +5044,7 @@ nav {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 2.1rem;
|
font-size: 2.1rem;
|
||||||
padding: 0; }
|
padding: 0 0 0 20px; }
|
||||||
nav .brand-logo.center {
|
nav .brand-logo.center {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-webkit-transform: translateX(-50%);
|
-webkit-transform: translateX(-50%);
|
||||||
@@ -5413,7 +5413,7 @@ small {
|
|||||||
left: 0;
|
left: 0;
|
||||||
padding: 20px; }
|
padding: 20px; }
|
||||||
.card .card-content {
|
.card .card-content {
|
||||||
padding: 20px;
|
padding: 10px 20px;
|
||||||
border-radius: 0 0 2px 2px; }
|
border-radius: 0 0 2px 2px; }
|
||||||
.card .card-content p {
|
.card .card-content p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@@ -115,4 +115,6 @@ hide mdi-action-visibility mdi-action-visibility-off
|
|||||||
padding-top: 2.5rem;
|
padding-top: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#channels li{opacity: 0;}
|
#channels li{opacity: 0;}
|
||||||
|
|
||||||
|
/* Channel page */
|
||||||
Reference in New Issue
Block a user