242 lines
7.2 KiB
JavaScript
242 lines
7.2 KiB
JavaScript
|
|
/*
|
|
|
|
_______ ,-----. .-------. ,---. .--..-./`) ________ ____ __
|
|
/ __ \ .' .-, '. | _ _ \ | \ | |\ .-.')| | \ \ / /
|
|
| ,_/ \__) / ,-.| \ _ \ | ( ' ) | | , \ | |/ `-' \| .----' \ _. / '
|
|
,-./ ) ; \ '_ / | :|(_ o _) / | |\_ \| | `-'`"`| _|____ _( )_ .'
|
|
\ '_ '`) | _`,/ \ _/ || (_,_).' __ | _( )_\ | .---. |_( )_ | ___(_ o _)'
|
|
> (_) ) __: ( '\_/ \ ;| |\ \ | || (_ o _) | | | (_ o._)__|| |(_,_)'
|
|
( . .-'_/ )\ `"/ \ ) / | | \ `' /| (_,_)\ | | | |(_,_) | `-' /
|
|
`-'`-' / '. \_/``".' | | \ / | | | | | | | | \ /
|
|
`._____.' '-----' ''-' `'-' '--' '--' '---' '---' `-..-'
|
|
|
|
|
|
*/
|
|
|
|
var cornify_count = 0;
|
|
var cornify_add = function(options) {
|
|
// Track how often we cornified.
|
|
cornify_count += 1;
|
|
|
|
var cornify_url = 'https://www.cornify.com/';
|
|
|
|
// Create a container DIV for our 'corn or 'bow.
|
|
var div = document.createElement('div');
|
|
div.style.position = 'fixed';
|
|
|
|
// Prepare our lovely variables.
|
|
var numType = 'px';
|
|
var heightRandom = Math.random() * 0.75;
|
|
var windowHeight = 768;
|
|
var windowWidth = 1024;
|
|
var height = 0;
|
|
var width = 0;
|
|
var de = document.documentElement;
|
|
|
|
// Get the window width and height - requires some cross browser checking.
|
|
if(typeof(window.innerHeight) == 'number') {
|
|
windowHeight = window.innerHeight;
|
|
windowWidth = window.innerWidth;
|
|
} else if(de && de.clientHeight) {
|
|
windowHeight = de.clientHeight;
|
|
windowWidth = de.clientWidth;
|
|
} else {
|
|
numType = '%';
|
|
height = Math.round(height*100) + '%';
|
|
}
|
|
|
|
div.onclick = cornify_add; // Click for more magic.
|
|
div.style.zIndex = 10;
|
|
div.style.outline = 0;
|
|
|
|
if(cornify_count == 15) {
|
|
// Clicking 15 times summons the grand unicorn - which is centered on the screen.
|
|
div.style.top = Math.max( 0, Math.round((windowHeight-530)/2)) + 'px';
|
|
div.style.left = Math.round((windowWidth-530)/2) + 'px';
|
|
div.style.zIndex = 1000;
|
|
} else {
|
|
// Otherwise we randomize the position.
|
|
if(numType == 'px') {
|
|
div.style.top = Math.round( windowHeight*heightRandom ) + numType;
|
|
} else {
|
|
div.style.top = height;
|
|
}
|
|
|
|
div.style.left = Math.round(Math.random()*90) + '%';
|
|
}
|
|
|
|
var img = document.createElement('img');
|
|
var currentTime = new Date();
|
|
|
|
// Used as a cache buster so the browser makes a new request every time instead of usign the previous, cached one.
|
|
var submitTime = currentTime.getTime();
|
|
|
|
if( cornify_count==15 ) submitTime = 0;
|
|
|
|
// Construct our unicorn & rainbow request.
|
|
var url = cornify_url+'getacorn.php?r='+submitTime+'&url='+document.location.href;
|
|
|
|
// Add younicorns if requested.
|
|
if(options && (options.y || options.younicorns)) {
|
|
url += '&y='+(options.y ? options.y : options.younicorns);
|
|
|
|
if(Math.random() > 0.5) {
|
|
// Flip horizontally at random.
|
|
div.style.transform = 'scaleX(-1)';
|
|
};
|
|
}
|
|
|
|
img.setAttribute('src', url);
|
|
|
|
// Add a nice hover transition.
|
|
var ease = "all .1s linear";
|
|
div.style.WebkitTransition = ease;
|
|
div.style.WebkitTransform = "rotate(1deg) scale(1.01,1.01)";
|
|
div.style.transition = "all .1s linear";
|
|
|
|
div.onmouseover = function() {
|
|
var size = 1 + Math.round(Math.random()*10)/100;
|
|
var angle = Math.round(Math.random()*20-10);
|
|
var result = "rotate("+angle+"deg) scale("+size+","+size+")";
|
|
this.style.transform = result;
|
|
this.style.WebkitTransform = result;
|
|
};
|
|
|
|
div.onmouseout = function() {
|
|
var size = .9+Math.round(Math.random()*10)/100;
|
|
var angle = Math.round(Math.random()*6-3);
|
|
var result = "rotate("+angle+"deg) scale("+size+","+size+")";
|
|
this.style.transform = result;
|
|
this.style.WebkitTransform = result;
|
|
};
|
|
|
|
// Append our container DIV to the page.
|
|
var body = document.getElementsByTagName('body')[0];
|
|
body.appendChild(div);
|
|
div.appendChild(img);
|
|
|
|
// Hooray - now we have a sparkly unicorn (or rainbow) on the page. Another cornification well done. Congrats!
|
|
|
|
// When clicking 5 times, add a custom stylesheet to make the page look awesome.
|
|
if(cornify_count == 5) {
|
|
var cssExisting = document.getElementById('__cornify_css');
|
|
|
|
if(!cssExisting) {
|
|
var head = document.getElementsByTagName("head")[0];
|
|
var css = document.createElement('link');
|
|
css.id = '__cornify_css';
|
|
css.type = 'text/css';
|
|
css.rel = 'stylesheet';
|
|
css.href = 'https://www.cornify.com/css/cornify.css';
|
|
css.media = 'screen';
|
|
head.appendChild(css);
|
|
}
|
|
cornify_replace();
|
|
}
|
|
|
|
cornify_updatecount();
|
|
};
|
|
|
|
// Tracks how often we cornified.
|
|
var cornify_updatecount = function() {
|
|
var p = document.getElementById('cornifycount');
|
|
if(p == null) {
|
|
var p = document.createElement('p');
|
|
p.id = 'cornifycount';
|
|
p.style.position = 'fixed';
|
|
p.style.bottom = '5px';
|
|
p.style.left = '0px';
|
|
p.style.right = '0px';
|
|
p.style.zIndex = '1000000000';
|
|
p.style.color = '#ff00ff';
|
|
p.style.textAlign = 'center';
|
|
p.style.fontSize = '24px';
|
|
p.style.fontFamily = "'Comic Sans MS', 'Comic Sans', 'Marker Felt', serif"; // Only the best!
|
|
var body = document.getElementsByTagName('body')[0];
|
|
body.appendChild(p);
|
|
}
|
|
|
|
if(cornify_count == 1) {
|
|
p.innerHTML = cornify_count+' UNICORN OR RAINBOW CREATED';
|
|
} else {
|
|
p.innerHTML = cornify_count+' UNICORNS & RAINBOWS CREATED';
|
|
}
|
|
|
|
// Stores our count in a cookie for our next session.
|
|
cornify_setcookie('cornify', cornify_count+'', 1000);
|
|
};
|
|
|
|
var cornify_setcookie = function(name, value, days) {
|
|
var d = new Date();
|
|
d.setTime(d.getTime()+(days*24*60*60*1000));
|
|
var expires = "expires="+d.toGMTString();
|
|
document.cookie = name + "=" + value + "; " + expires;
|
|
};
|
|
|
|
var cornify_getcookie = function(cname) {
|
|
var name = cname + "=";
|
|
var ca = document.cookie.split(';');
|
|
for(var i=0; i<ca.length; i++) {
|
|
var c = ca[i].trim();
|
|
if(c.indexOf(name)==0) {
|
|
return c.substring(name.length,c.length);
|
|
}
|
|
}
|
|
return "";
|
|
};
|
|
|
|
// Retrieve our click count from the cookie when we start up.
|
|
cornify_count = parseInt(cornify_getcookie('cornify'));
|
|
if(isNaN(cornify_count)) {
|
|
cornify_count = 0;
|
|
}
|
|
|
|
// Adds happy words at the beginning of all headers on the page.
|
|
var cornify_replace = function() {
|
|
// Replace text.
|
|
var hc = 6;
|
|
var hs;
|
|
var h;
|
|
var k;
|
|
var words = ['Happy','Sparkly','Glittery','Fun','Magical','Lovely','Cute','Charming','Amazing','Wonderful'];
|
|
while(hc >= 1) {
|
|
hs = document.getElementsByTagName('h' + hc);
|
|
for (k = 0; k < hs.length; k++) {
|
|
h = hs[k];
|
|
h.innerHTML = words[Math.floor(Math.random()*words.length)] + ' ' + h.innerHTML;
|
|
}
|
|
hc-=1;
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Adapted from http://www.snaptortoise.com/konami-js/
|
|
*/
|
|
var cornami = {
|
|
input:"",
|
|
pattern:"38384040373937396665",
|
|
clear:setTimeout('cornami.clear_input()', 5000),
|
|
load: function() {
|
|
window.document.onkeydown = function(e) {
|
|
if (cornami.input == cornami.pattern) {
|
|
cornify_add();
|
|
clearTimeout(cornami.clear);
|
|
return;
|
|
}
|
|
else {
|
|
cornami.input += e ? e.keyCode : event.keyCode;
|
|
if (cornami.input == cornami.pattern) cornify_add();
|
|
clearTimeout(cornami.clear);
|
|
cornami.clear = setTimeout("cornami.clear_input()", 5000);
|
|
}
|
|
};
|
|
},
|
|
clear_input: function() {
|
|
cornami.input="";
|
|
clearTimeout(cornami.clear);
|
|
}
|
|
};
|
|
|
|
cornami.load();
|