diff options
Diffstat (limited to 'static/eyecancer.js')
| -rw-r--r-- | static/eyecancer.js | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/static/eyecancer.js b/static/eyecancer.js new file mode 100644 index 0000000..10c90e0 --- /dev/null +++ b/static/eyecancer.js @@ -0,0 +1,62 @@ +function randomizeColor(c){ + var bg=document.getElementsByClassName("random-bg"); + for (var i=0; i<bg.length; i++){ + bg[i].style.backgroundColor=c; + bg[i].style.background=c; + bg[i].style.borderColor=c; + } + var f=document.getElementsByClassName("random-font"); + for (var i=0; i<f.length; i++){ + f[i].style.color=c; + } +}; + +function getRandomPosition(pos){ + if(pos == "left"){ + var mul = $(window).width(); + } else if (pos = "top"){ + var mul = $(window).height() - $("nav").height() - $("footer").height(); + } + var pos = Math.floor(Math.random() * mul); + return pos; +} + +function startRandomizer(){ + $("h1").addClass("random-font"); + $("table").addClass("effect-vv"); + $("form").addClass("effect-vv"); + $(".ec").addClass("effect-vv"); + var cancer = ["A","B","C","D","E","F",0,1,2,3,4,5,6,7,8,9]; + var images = ["flare1.png"]; + var imgid = ["fi", "si", "ti", "foi"]; + for ( var i = 0; i<imgid.length; i++){ + $(".wrapper").append("<img class='gen' id='"+imgid[i]+"' src='/static/img/flare1.png'style='visibility:hidden;'/>"); + } + $(".navbar").append("<audio src='/static/chu.mp3' autoplay loop></audio>") + window.setInterval(function () { + $("#gen").remove(); + var newcancer = "#"; + for ( var i = 0; i<6; i++){ + newcancer = newcancer + cancer[Math.floor(Math.random() * cancer.length)]; + } + randomizeColor( newcancer ); + $(".gen").fadeOut(750, function t(){ + for ( var i = 0; i<imgid.length; i++){ + $("#"+imgid[i]).css({"visibility":"visible","position":"absolute","top": getRandomPosition("top") + "px", "left": getRandomPosition("left") + "px"}); + } + $(".gen").fadeToggle(750); + } + ); + $(".effect").effect( "pulsate", 750); + $(".effect").effect( "shake", 750); + $(".effect-vv").effect( "shake", 750); + $(".effect-vv").effect( "pulsate", 750); + }, 1500) +} + +$( document ).ready( function() { + $("#loader").fadeOut(); + $("#loader-bg").delay(1000).fadeOut("slow"); + //window.setTimeout(startRandomizer(),1000); + startRandomizer(); +}); |
