title: "Fake hacker code" in html with css and js
body: <p>I found some code I wanted to test out. What am I missing here?
  I don't have a lot of experience using JS and I am not sure if I'm missing something. I would be really happy if anyone is able to help!
  Here is my html:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Test&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="spaced.css"&gt;
  &lt;link rel="shortcut icon" type="image/png" href="http://test.noa16.png"/&gt;
  &lt;link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p class="text" data-text="test text 010101101010101 lolol whatever"&lt;/p&gt;
  &lt;script&gt;
     var printText = $('.text').data('text');
  
  var contentArray = printText.split('/n');
  $.each(contentArray, function(index, newLine) {
    $('.text').append('&lt;span style="display:block;" id="'+index+'"&gt;&lt;/span&gt;');
  
    var lineID = index;
    var self = $(this);
      setTimeout(function () {
        $.each(self, function(index, chunk){
            setTimeout(function () {
              $('#'+lineID).append("&lt;span&gt;"+chunk+"&lt;/span&gt;");
              $('body, html').scrollTop($(document).height());
            }, index*5);
        });
  
      }, index*100);
  }); 
  &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is my CSS:</p>
  
  <pre><code>span {
    min-width: 5px;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    letter-spacing: 1.5px;
    color: #FFF;
  }
  
  body {
    background: #111;
    position: relative;
  }
  
  body, html {
     height: 100%;
  }
  
  .text {
    overflow: hidden;
    height: auto;
  }
  </code></pre>
  
  <p>Does anyone have any idea why this isn't working for me?</p>