BACKGROUND IS BASED ON DOMINANT COLOR OF THUMBNAIL HOLYSHIT

This commit is contained in:
Kasper Rynning-Tønnesen
2015-06-09 22:11:43 +02:00
parent d830777732
commit 6eaa37b776
3 changed files with 24 additions and 14 deletions

View File

@@ -59,7 +59,7 @@
<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 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-ui-1.10.3.min.js"></script>-->
<script src="//cdn.socket.io/socket.io-1.2.0.js"></script>

View File

@@ -827,4 +827,19 @@ ul #chat-log{
.rc{
display: none;
}
}
#search::-webkit-input-placeholder { /* WebKit browsers */
color: #FFF;
}
#search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #FFF;
opacity: 1;
}
#search::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #FFF;
opacity: 1;
}
#search:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #FFF;
}

View File

@@ -77,15 +77,6 @@ function setup_youtube_listener(channel)
$(document).ready(function()
{
/*
var img = new Image();
img.onload = function () {
var colorThief = new ColorThief();
colorThief.getColor(img);
};
img.crossOrigin = 'Anonymous';
img.src = 'http://img.youtube.com/vi/NuEfvIca0XU/mqdefault.jpg';
*/
setup_youtube_listener(chan);
//Materialize.toast("Passwords have been reset. If anything is not right, please send us a mail @ contact@zoff.no", 10000);
$("#settings").sideNav({
@@ -258,9 +249,13 @@ function readyLooks()
}
function setBGimage(id){
var hsl=[getRandomInt(0,360), getRandomInt(60,80)]
var colorTxt = "hsl("+hsl[0]+", 50%, 30%);";
$("body").css("background-color", colorTxt);
var img = new Image();
img.onload = function () {
var colorThief = new ColorThief();
$("body").css("background-color", colorThief.getColor(img));
};
img.crossOrigin = 'Anonymous';
img.src = 'http://cors-anywhere.herokuapp.com/http://img.youtube.com/vi/'+id+'/mqdefault.jpg';
}
function notifyUser(id, title) {