https://kenwheeler.github.io/js/app.js

1var typeOut = (function($){
2
3  function typeOut(el, msg, speed, cb) {
4    var letterCount = msg.length;
5    var lettersCounted = 0;
6    var typeInterval = setInterval(function(){
7      if(lettersCounted === letterCount) {
8        clearInterval(typeInterval);
9        cb.call();
10      } else {
11        $(el).append(msg[lettersCounted]);
12        lettersCounted++;
13      }
14    }, speed);
15  }
16
17  return typeOut;
18
19})(jQuery);
20
21var wordOut = (function($){
22
23  function wordOut(el, msg, speed, cb) {
24    var wordCount = msg.split(' ').length;
25    var wordsCounted = 0;
26    var wordInterval = setInterval(function(){
27      if(wordsCounted === wordCount) {
28        clearInterval(wordInterval);
29        cb.call();
30      } else {
31        $(el).append(msg.split(' ')[wordsCounted] + ' ');
32        wordsCounted++;
33      }
34    }, speed);
35  }
36
37  return wordOut;
38
39})(jQuery);
40
41var captionToon = (function($){
42
43  function captionToon() {
44    var toon = $('.caption-toon');
45    var caption = $('.caption-toon .caption')
46    caption.html($(this).attr('data-caption'));
47    toon.addClass('show');
48  }
49
50  return captionToon;
51
52})(jQuery);
53
54$(document).ready(function(){
55    wordOut('.main-title', 'Whats up mothaforkas?', 200, function(){
56      typeOut('.sub-title', 'I write code and give it away. So lets party.', 30, function(){
57        $('.hero-unit').addClass('animReady');
58      });
59    });
60    $('.uk-panel').on('click', captionToon);
61    $('.uk-panel').on('mouseleave', function(){
62      $('.caption-toon').removeClass('show');
63    });
64});