From 88412cb9f298a725e6c73fd49833d1c84b62638f Mon Sep 17 00:00:00 2001 From: "Nicolas A. Tonne" Date: Tue, 7 Apr 2015 16:19:42 +0200 Subject: [PATCH] Front page --- php/nochan.php | 115 +++++++++++++++++++------------------------ static/css/style.css | 48 +++++++++++++++++- static/js/youtube.js | 11 +++-- 3 files changed, 107 insertions(+), 67 deletions(-) diff --git a/php/nochan.php b/php/nochan.php index 4f133c60..e36b4aab 100755 --- a/php/nochan.php +++ b/php/nochan.php @@ -50,23 +50,55 @@ foreach($fil as $files){ -
- -
Zöff
-
- - - ";} ?> - -
-
+
+ +
-
- ".htmlspecialchars($channel).""; $v++;} ?> -
+
+
+
+
+ + + + ";} ?> + +
+
+
+
+
+ ".$ch." + "; $v++;} + ?> +
+
-
+ - - - - - - + + + + diff --git a/static/css/style.css b/static/css/style.css index be0bc434..4a059a4a 100755 --- a/static/css/style.css +++ b/static/css/style.css @@ -10,4 +10,50 @@ /* GLOBAL STYLES */ -/* INDEX PAGE */ \ No newline at end of file +body { + display: flex; + min-height: 100vh; + flex-direction: column; +} + +/* global color */ +footer.page-footer, +nav, .tabs .tab a, +.side-nav .collapsible-body li.active, +.side-nav.fixed .collapsible-body li.active, +.pagination li.active{ + background-color: #2196f3; +} + +main { + flex: 1 0 auto; +} + +.fullwidth{ + width:100%; +} + + +/* +play mdi-av-play-arrow +pause mdi-av-pause +remove mdi-content-clear +search mdi-action-search +password mdi-communication-vpn-key +volume mdi-av-volume-up s +kip mdi-av-skip-next +shuffle mdi-av-shuffle +settings mdi-action-settings +errors mdi-alert-warning mdi-alert-error mdi-action-info +success mdi-action-done +vote mdi-action-thumb-up +hide mdi-action-visibility mdi-action-visibility-off +*/ + +/* INDEX PAGE */ + +#zicon{ + width: 50px; + margin: 7px 20px; +} + diff --git a/static/js/youtube.js b/static/js/youtube.js index abe37097..b260d38e 100755 --- a/static/js/youtube.js +++ b/static/js/youtube.js @@ -406,10 +406,11 @@ function readyLooks() function setBGimage(id){ if(!window.mobilecheck()){ - var bg = $(".thumb.lthumb")[0]; //new Image(); - //bg.src = "http://i.ytimg.com/vi/"+id+"/mqdefault.jpg"; + /*var bg = $(".thumb.lthumb")[0]; //new Image(); + bg.src = "http://i.ytimg.com/vi/"+id+"/mqdefault.jpg"; var color = colorThief.getColor(bg, 10); - var hsl = rgbToHsl(color); + var hsl = rgbToHsl(color);*/ + var hsl=[getRandomInt(0,360), getRandomInt(20,80)] var colorTxt = "hsla("+hsl[0]+", "+hsl[1]+"%, 22%, 0.5);"; $("#controls").css("background-color", colorTxt); $("#search").css("background-color", colortxt); @@ -430,6 +431,10 @@ function notifyUser(id, title) { } } +function getRandomInt(min, max) { + return Math.floor(Math.random() * (max - min)) + min; +} + function rgbToHsl(r, g, b){ r /= 255, g /= 255, b /= 255; var max = Math.max(r, g, b), min = Math.min(r, g, b);