Error 404
HTML
<div id="container">
<div class="overlay"></div>
<div class="item-title">
<div id="message"></div>
<div class="link-bottom">
<a class="link-icon" href="http://grevity.net"><i class="icon ion-ios-home"></i> HOME</a>
</div>
</div>
CSS
@import url(font-awesome.min.css);
@import url(ionicons.min.css);
@import url(bootstrap.min.css);
@import url(animate.css);
@import url(vegas.css);
@import url("http://fonts.googleapis.com/css?family=Dosis:400,200,600");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ------------------------------------- */
/* 1. Generic styles ................... */
/* ------------------------------------- */
body {
font-family: Dosis, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
overflow: auto;
position: static;
z-index: -2;
padding: 0;
margin: 0;
background: #f2f3f7;
}
p, a {
margin: 10px 0;
font-size: 18px;
color: rgba(0, 0, 0, 0.7);
font-weight: 400;
}
a {
-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
-ms-transition: all 0.2s...
JavaScript
$(window).load(function() {
(function () {
var $animate, $container, $message, $paragraph, MESSAGES, animate, initialise, scramble;
MESSAGES = [];
MESSAGES.push({
delay: 0,
text: 'Protected by WhiteDarkness'
});
MESSAGES.push({
delay: 800,
text: 'You may tried to hack into the system.'
});
MESSAGES.push({
delay: 1800,
text: 'Or you are just a lost paki.'
});
MESSAGES.push({
delay: 3200,
text: 'Either ways you are doing something wrong...'
});
MESSAGES.push({
delay: 4800,
text: 'Sadly there is nothing important here.'
});
MESSAGES.push({
delay: 5800,
text: 'Click on the links below to do something, or just META!'
});
$container = $('#container');
$message = $('#message');
$animate = $('#animate');
$paragraph = null;
scramble = function (element, text, options) {
var $element, addGlitch, character, defaults, ghostCharacter, ghostCharacters, ghostLength, ghostText, ghosts, glitchCharacter, glitchCharacters, glitchIndex, glitchLength, glitchProbability, glitchText, glitches, i, k, letter, object, order, output, parameters, ref, results, settings, shuffle, target, textCharacters, textLength, wrap;
defaults = {
probability: 0.2,
glitches: '-|/\\',
blank: '',
duration: text.length * 40,
ease: 'easeInOutQuad',
delay: 0
};
$element = $(element);
settings = $.extend(defaults, options);
shuffle = function () {
if (Math.random() < 0.5) {
return 1;
} else {
return -1;
}
};
wrap = function (text, classes) {
return '<span class="' + classes + '">' + text + '</span>';
};
glitchText = settings.glitches;
glitchCharacters = glitchText.split('');
...