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

Cards

Browse Source
This commit is contained in:
Nicolas A. Tonne
2015-04-07 18:47:35 +02:00
parent 88412cb9f2
commit dc431677f9
3 changed files with 78 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
php/nochan.php
View File

@@ -8,6 +8,7 @@ if(isset($_GET['chan'])){
$dir = scandir('./lists'); $dir = scandir('./lists');
$channels = array(); $channels = array();
$all_channels = array(); $all_channels = array();
$chan_data = array(); //for all chan data
$time = 60*60*24*4; //4 dager $time = 60*60*24*4; //4 dager
$to = 60*60*24*2; $to = 60*60*24*2;
$i = 0; $i = 0;
@@ -36,13 +37,14 @@ foreach($fil as $files){
if($i <= 12 && (!array_key_exists("frontpage", $data['conf']) || $data['conf']['frontpage'] == "true")){ //If it is true, the channelname will be shown on the frontpage if($i <= 12 && (!array_key_exists("frontpage", $data['conf']) || $data['conf']['frontpage'] == "true")){ //If it is true, the channelname will be shown on the frontpage
array_push($channels, ucfirst(str_replace(".json", "", $files))); array_push($channels, ucfirst(str_replace(".json", "", $files)));
array_push($viewers, sizeof($data["conf"]["views"])); array_push($viewers, sizeof($data["conf"]["views"]));
array_push($chan_data, $data);
} }
} }
$i++; $i++;
array_push($all_channels, ucfirst(str_replace(".json", "", $files))); array_push($all_channels, ucfirst(str_replace(".json", "", $files)));
} }
}
}
?> ?>
<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#">
@@ -56,9 +58,9 @@ foreach($fil as $files){
<a href="zoff.no" class="brand-logo hide-on-small-only"><img id="zicon" src="static/images/favicon.png" alt="zöff"></a> <a href="zoff.no" class="brand-logo hide-on-small-only"><img id="zicon" src="static/images/favicon.png" alt="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="sass.html">Sass</a></li> <li><a href="#">About</a></li>
<li><a href="components.html">Components</a></li> <li><a href="#">GitHub</a></li>
<li><a href="javascript.html">JavaScript</a></li> <li><a href="#">Legal</a></li>
</ul> </ul>
</div> </div>
</nav> </nav>
@@ -90,11 +92,43 @@ foreach($fil as $files){
</div> </div>
<div class="divider"></div> <div class="divider"></div>
<div class="section container"> <div class="section container">
<?php foreach($channels as $channel){ <div class="row">
$ch=htmlspecialchars($channel); <?php
echo "<a class='channel' href='./".$ch."' title='Viewers: ~".$viewers[$v]."'>".$ch."</a> foreach ($chan_data as $v => $d)
"; $v++;} {
?> if(count($d["songs"])>0)
{
$ch=htmlspecialchars($channels[$v]);
$views=$viewers[$v];
$now=reset($d["nowPlaying"]);
$img="http://img.youtube.com/vi/".$now["id"]."/hqdefault.jpg";
//echo "<a class='channel' href='./".$ch."' title='Viewers: ~".$viewers[$v]."'>".$ch."</a>";
?>
<div class="col s4">
<div class="card">
<a href="<?php echo $ch; ?>">
<div class="card-image cardbg" style="background-image:url('<?php echo $img; ?>')">
<img class="invisible" src="<?php echo $img; ?>">
</div>
</a>
<div class="card-content">
<p class="left-align">
<span class="flow-text truncate"><?php echo $ch; ?></span>
<br>
<span class="highlighted">Viewers:&nbsp</span><?php echo $views; ?>
<span class="highlighted">Songs:&nbsp</span><?php echo(count($d["songs"])+1); ?>
</p>
</div>
<div class="card-action">
<a href="<?php echo $ch; ?>" class="waves-effect waves-teal btn-flat">Listen</a>
</div>
</div>
</div>
<?php
}
}
?>
</div>
</div> </div>
</main> </main>

13
static/css/materialize.css vendored
View File

@@ -4807,7 +4807,7 @@ span.badge {
margin-right: -0.75rem; } margin-right: -0.75rem; }
.section { .section {
padding-top: 1rem; padding-top: 3rem;
padding-bottom: 1rem; } padding-bottom: 1rem; }
.section.no-pad { .section.no-pad {
padding: 0; } padding: 0; }
@@ -5404,7 +5404,9 @@ small {
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 100%; } width: 100%;
height: 18%;
}
.card .card-image .card-title { .card .card-image .card-title {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@@ -5420,10 +5422,13 @@ small {
line-height: 48px; } line-height: 48px; }
.card .card-action { .card .card-action {
border-top: 1px solid rgba(160, 160, 160, 0.2); border-top: 1px solid rgba(160, 160, 160, 0.2);
padding: 20px; } /* padding: 20px; */ }
.card .card-action a { .card .card-action a {
padding: 0;
width: 100%;
color: #ffab40; color: #ffab40;
margin-right: 20px; /* background-color: rgba(28, 110, 236, 0.51); */
/* margin-right: 20px; */
-webkit-transition: color .3s ease; -webkit-transition: color .3s ease;
-moz-transition: color .3s ease; -moz-transition: color .3s ease;
-o-transition: color .3s ease; -o-transition: color .3s ease;

26
static/css/style.css
View File

@@ -33,6 +33,29 @@ main {
width:100%; width:100%;
} }
.highlighted{
font-weight: 300;
}
.invisible{
opacity: 0;
}
.cardbg{
background-repeat: no-repeat;
background-size: 124%;
background-position: 50% 50%;
background-color: #171717;
height: 120px;
}
.card .card-action a {
padding: 0;
margin: 0;
width: 100%;
}
/* /*
play mdi-av-play-arrow play mdi-av-play-arrow
@@ -57,3 +80,6 @@ hide mdi-action-visibility mdi-action-visibility-off
margin: 7px 20px; margin: 7px 20px;
} }
.section .search {
padding-top: 2.5rem;
}