Fancy Mode.

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();
+});