Created
December 16, 2011 20:49
-
-
Save paul-english/1487912 to your computer and use it in GitHub Desktop.
iFuck
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html><head><script> | |
// ಠ === ಠ | |
var frames = [ | |
" The iFuck ", | |
" The iFuck ", | |
" The iFuck ", | |
" The iFuck ", | |
" The iFuck ", | |
" The iFuck ", | |
" The iFuck ", | |
" The iFuck ", | |
" ", | |
" ", | |
" ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
" ಠ_ಠ ", | |
"D ಠ_ಠ ", | |
"=D ಠ_ಠ ", | |
"==D ಠ_ಠ ", | |
"===D ಠ_ಠ ", | |
"====D ಠ_ಠ ", | |
"8====D ಠ_ಠ ", | |
" 8====Dಠ_ಠ ", | |
"8====D x_ಠ ", | |
"====D x_ಠ ", | |
"===D x_ಠ ", | |
"==D x_ಠ ", | |
"=D x_ಠ ", | |
"D x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ ", | |
" x_ಠ " | |
]; | |
window.onload = function() { | |
fuck(); | |
} | |
function fuck() { | |
var out = document.getElementById('out'); | |
var button = document.getElementById('button'); | |
button.setAttribute('style', 'display:none;'); | |
out.innerHTML = frames[0]; | |
var i = 0; | |
var interval = setInterval(function() { | |
out.innerHTML = frames[i]; | |
i++; | |
if (i == frames.length) { | |
clearInterval(interval); | |
button.setAttribute('style', 'display:inline-block;'); | |
} | |
}, 75); | |
}; | |
</script> | |
<style> | |
html {font-family:Arial, Sans;text-align:center;font-size:32px;} | |
button { | |
border:1px solid rgb(137,169,190); | |
padding:5px 10px 10px 10px; | |
background: rgb(167,199,220); /* Old browsers */ | |
background: -moz-linear-gradient(top, rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */ | |
background: linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */ | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
font-size:22px; | |
} | |
</style> | |
</head> | |
<body> | |
<pre id="out"></pre> | |
<button id="button" style="display:none;" onClick="javascript:fuck();">Go Again</button> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment