Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>DXHR Hack Writing</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="robots" content="noindex" />
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

		<style>
			body {
				padding: 2% 5%;
				background: #111;
				color: #fefefe;
				font-family: monospace;
				font-size: 1.5em;
			}
			p {
				display: none;
				padding-left: 30px;
				line-height: .8;
			}
			h1,h2,h3,h4,h5,h6 { color: #ad8633; }
		</style>

	</head>
	<body>
		<h1>DXHR Hack Writing</h1>
		<p>Hot Sex Fuck</p>
		<p>Gay Super Cocks</p>
		<p>Prime Man Meat</p>
		<p>Steve Szczepkowski</p>
		<p>Martin Dubeau</p>
		<p>Jean-François Methot</p>
		<p>Eric Bellefeuille</p>

		<!-- Scripts -->
		<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
		<script>

			hackWriting( $('h1').text(), $('h1') );
			function next() {
				var p = $('p:hidden:first');
				setTimeout(function(){ p.show(); },1);
				hackWriting( p.text(), p, next );
			}
			next();

			function hackWriting(text,el,callback,speed,lead) {
				callback = callback || function(){};
				speed = speed || 50;
				lead = lead || 4;

				var haxorChars = ['$','%','&','@','!','?','/','{','}','#','=','\\'],
					output=[],
					nHash=1,
					hash=[],
					letters=[];

				for (var i=0;i<text.length+lead;i++)
					type(i);

				function type(i) {

					setTimeout(function() {
						if (i>lead-1) {
							i=i-lead;
							nHash--;
							letters.push( text.charAt(i) );
						}
						if (i>=text.length-lead-1) nHash=nHash-1;

						hash=[];
						nHash++;
						for (var j=0;j<nHash;j++)
							hash.push( haxorChars[ Rnd(0,haxorChars.length) ] );

						output = letters.concat(hash);
						el.text( output.join('') );

						if (i==text.length-1) callback();

					}, i*speed);

				}
				function Rnd(min, max) {
					return Math.floor(Math.random() * (max - min)) + min;
				}

			}

		</script>
	</body>
</html>