Skip to content

Instantly share code, notes, and snippets.

@paul-english
Created December 16, 2011 20:49
Show Gist options
  • Save paul-english/1487912 to your computer and use it in GitHub Desktop.
Save paul-english/1487912 to your computer and use it in GitHub Desktop.
iFuck
<!DOCTYPE html><head><script>
// ಠ === &#3232;
var frames = [
" The iFuck ",
" The iFuck ",
" The iFuck ",
" The iFuck ",
" The iFuck ",
" The iFuck ",
" The iFuck ",
" The iFuck ",
" ",
" ",
" ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
" &#3232;_&#3232; ",
"D &#3232;_&#3232; ",
"=D &#3232;_&#3232; ",
"==D &#3232;_&#3232; ",
"===D &#3232;_&#3232; ",
"====D &#3232;_&#3232; ",
"8====D &#3232;_&#3232; ",
" 8====D&#3232;_&#3232; ",
"8====D x_&#3232; ",
"====D x_&#3232; ",
"===D x_&#3232; ",
"==D x_&#3232; ",
"=D x_&#3232; ",
"D x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; ",
" x_&#3232; "
];
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