bnb · August 29, 2015 14:06
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
    <head>
        <meta http-equiv="Content-Type"  content="text/html; charset=utf-8">
        <meta charset="utf-8"/>
        
        <title>&! - bnb, bitandbang - Student Web Designer and Developer</title>
        
        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="./css/main.css" rel="stylesheet">
    </head>
    <body>
        <header></header>
        <section>
            <h1 class="hello"></h1>
            <small class="subtitle"></small>
            <h2>Student Writer learning to Design and Develop for the Web.</h2>
        </section>
        <section>
            <h1>Portfolio</h1>
        </section>
        <section>
            <h1>About</h1>
        </section>
        <section>
            <h1>Contact</h1>
        </section>
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="./js/fadeable.js"></script>
        <script type="text/javascript" src="./js/jquery.typetype.min.js"></script>
        
        <script type="text/javascript" src="./js/main.js"></script>
    </body>
 </html>
diff --git a/jquery.typetype.min.js b/jquery.typetype.min.js
 jQuery.fn.extend({backspace:function(e,t){var n;return n=jQuery.extend({callback:function(){},keypress:function(){},t:100,e:.04},t),this.each(function(){var t;return t=this,jQuery(t).queue(function(){var r,u;return r=t.tagName==="input".toUpperCase()||t.tagName==="textarea".toUpperCase()?"value":"innerHTML",(u=function(e){e?(t[r]=t[r].slice(0,-1),n.keypress.call(t),setTimeout(function(){return u(e-1)},Math.random()*n.t)):(n.callback.call(t),jQuery(t).dequeue())})(e)})})},typetype:function(e,t){var n,r;return r=jQuery.extend({callback:function(){},keypress:function(){},t:100,e:.04},t),n=function(t){return Math.random()*r.t*(e[t-1]===e[t]?1.6:"."===e[t-1]?12:"!"===e[t-1]?12:"?"===e[t-1]?12:"\n"===e[t-1]?12:","===e[t-1]?8:";"===e[t-1]?8:":"===e[t-1]?8:" "===e[t-1]?3:2)},this.each(function(){var t;return t=this,jQuery(t).queue(function(){var u,a,c,i;return a=t.tagName==="input".toUpperCase()||t.tagName==="textarea".toUpperCase()?"value":"innerHTML",u=function(e,n){e?(t[a]+=e[0],r.keypress.call(t),setTimeout(function(){return u(e.slice(1),n)},r.t)):n()},c=function(e,n){e?(t[a]=t[a].slice(0,-1),r.keypress.call(t),setTimeout(function(){return c(e-1,n)},r.t)):n()},(i=function(o){var s,l;e.length>=o?(s=function(){return setTimeout(function(){return i(o)},n(o))},l=Math.random()/r.e,.3>l&&e[o-1]!==e[o]&&e.length>o+4?u(e.slice(o,o+4),function(){return c(4,s)}):.7>l&&o>1&&/[A-Z]/.test(e[o-2]&&e.length>o+4)?u(e[o-1].toUpperCase()+e.slice(o,o+4),function(){return c(5,s)}):.5>l&&e[o-1]!==e[o]&&e.length>o?u(e[o],function(){return c(1,s)}):1>l&&e[o-1]!==e[o]&&e.length>o?u(e[o]+e[o-1],function(){return c(2,s)}):.5>l&&/[A-Z]/.test(e[o])?u(e[o].toLowerCase(),function(){return c(1,s)}):(t[a]+=e[o-1],r.keypress.call(t),setTimeout(function(){return i(o+1)},n(o)))):(r.callback.call(t),jQuery(t).dequeue())})(1)})})}});
diff --git a/main.js b/main.js
 // Header typing

 var helloThere = "Hello there.";
 var iAm = "I am &!";
 var AKA = "I'm also known as bnb, bang, bitnb, bitandbang, and Tierney Coren.";

 $('h1.title')
    .typetype(helloThere, { e: 0.04, t: 100,})
    .backspace(
        helloThere.length,
        { 
            t: 75,
            callback: function() {
                $('.title')
                    .typetype(iAm, { 
                        e: 0.04, 
                        t: 100,
                        callback: function() {
                                $('.subtitle')
                                    .delay(1000)
                                    .typetype(AKA, { 
                                        e: 0.04, 
                                        t: 100,
                                        callback: function() {
                                                    console.log("That's all, Folks!")
                                        }
                                    });
                        }
                });
            }
        }
    );
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta charset="utf-8"/>

	<title>&! - bnb, bitandbang - Student Web Designer and Developer</title>

	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="./css/main.css" rel="stylesheet">
	</head>
	<body>
	<header></header>
	<section>
	<h1 class="hello"></h1>
	<small class="subtitle"></small>
	<h2>Student Writer learning to Design and Develop for the Web.</h2>
	</section>
	<section>
	<h1>Portfolio</h1>
	</section>
	<section>
	<h1>About</h1>
	</section>
	<section>
	<h1>Contact</h1>
	</section>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="./js/fadeable.js"></script>
	<script type="text/javascript" src="./js/jquery.typetype.min.js"></script>

	<script type="text/javascript" src="./js/main.js"></script>
	</body>
	</html>
	// Header typing

	var helloThere = "Hello there.";
	var iAm = "I am &!";
	var AKA = "I'm also known as bnb, bang, bitnb, bitandbang, and Tierney Coren.";

	$('h1.title')
	.typetype(helloThere, { e: 0.04, t: 100,})
	.backspace(
	helloThere.length,
	{
	t: 75,
	callback: function() {
	$('.title')
	.typetype(iAm, {
	e: 0.04,
	t: 100,
	callback: function() {
	$('.subtitle')
	.delay(1000)
	.typetype(AKA, {
	e: 0.04,
	t: 100,
	callback: function() {
	console.log("That's all, Folks!")
	}
	});
	}
	});
	}
	}
	);