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/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/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="//cdn.socket.io/socket.io-1.2.0.js"></script> <script src="//cdn.socket.io/socket.io-1.2.0.js"></script>

View File

@@ -828,3 +828,18 @@ ul #chat-log{
.rc{ .rc{
display: none; 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() $(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); setup_youtube_listener(chan);
//Materialize.toast("Passwords have been reset. If anything is not right, please send us a mail @ contact@zoff.no", 10000); //Materialize.toast("Passwords have been reset. If anything is not right, please send us a mail @ contact@zoff.no", 10000);
$("#settings").sideNav({ $("#settings").sideNav({
@@ -258,9 +249,13 @@ function readyLooks()
} }
function setBGimage(id){ function setBGimage(id){
var hsl=[getRandomInt(0,360), getRandomInt(60,80)] var img = new Image();
var colorTxt = "hsl("+hsl[0]+", 50%, 30%);"; img.onload = function () {
$("body").css("background-color", colorTxt); 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) { function notifyUser(id, title) {