Actually.. I want a button on the chat.montcode.com page that hides the video... for meetings like this...
Sounds more fun to do :grinning:
I have a page somewhere with lots of jquery slides and fades. lemme find the link.
It would be like the + symbol on that todo page thing. here is the js file https://dl.dropboxusercontent.com/u/1413496/Misc/projects/todo/assets/js/todos.js
it's probably slideToggle that I'll actually use, but yeah
@karpimpski Welcome!!!
Did everyone see the final version of the color game? I built in David's evil setting that he wanted. https://dl.dropboxusercontent.com/u/1413496/Misc/projects/color-game/index.html
Hi @karpimpski !
@karpimpski There is a range selecter you can choose. Full is a totally random generated colors. The "David" level randomly generates nearby colors. That was fun to figure out. If you really wanna dig into the code, here is the js https://dl.dropboxusercontent.com/u/1413496/Misc/projects/color-game/colorgame.js
search for "function closeRandomColor"
function closeRandomColor(str) {
var rgb = str.match(/\d+/g);
for (var i = 0; i < rgb.length; i++) {
rgb[i] = Number(rgb[i]);
var variance = Math.floor(Math.random() * 60) * (Math.random() < 0.5 ? -1 : 1);
console.log(rgb[i] + "+" + variance);
if(rgb[i] + variance > 255 || rgb[i] + variance < 0) {
rgb[i] = rgb[i] - variance;
} else {
rgb[i] = rgb[i] + variance;
}
}
return "rgb(" + rgb[0] + ", " + rgb[1] + ", " + rgb[2] + ")";
}
Nice toggle! The font color is a bit hard to see on :hover tho
I think it's nice, but if you think it "might" be too distracting, then someone out there will definitely think that! Which leaves you a choice. You can leave it alone because you truly want to stick to your vision, or (what I would do) is use the gradient, but maybe make it a little less obvious. Closer colors.
Or what David said because he used better words :p I can't word today.
Use a lighter font color (white or almost white) is my only advice.
Done and pushed to production.
@lantech19446 here is the main bit of code for it. I didn't end up using the toggle as I wanted to change the icon as well. Had to separate the code anyway.
$("#videoToggleIcon").on("click", ".fa-toggle-on", function(event){
$("#streamFrame").slideUp(600, function(){
$("#videoToggleIcon").html("<i class='fa fa-toggle-off' aria-hidden='true'></i>");
});
});
$("#videoToggleIcon").on("click", ".fa-toggle-off", function(event){
$("#streamFrame").slideDown(600, function(){
$("#videoToggleIcon").html("<i class='fa fa-toggle-on' aria-hidden='true'></i>");
});
});