anchor.diff:          pre(data-control='input-jade')
             code
               :jadesrc
  -              h1#title Welcolme to Jade
  +              h1#title Welcome to Jade
                 button.btn(data-action="bea") Awesome
         .col
           pre(data-control='output-html')
             code
               :htmlsrc
  -              <h1 id="title">Welcolme to Jade</h1>
  +              <h1 id="title">Welcome to Jade</h1>
                 <button class="btn" data-action="bea">
                   Awesome
                 </button>
  
positive.code:     p.
        This tutorial is a work in progress. Once it's finished it will become a fully grown getting started guide.
      p.
        Welcolme to the Jade templating engine.  Jade is designed primarily for server side templating in node.js, however it can be used in many other environments.  It is only intended to produce XML like documents (HTML, RSS etc.) so don't use it to create plain text/markdown/CSS/whatever documents.
      p.
        This tutorial will take you through:
      ul
  
negative.code:         pre(data-control='input-jade')
            code
              :jadesrc
                h1(id="title") Welcome to Jade
                button(class="btn", data-action="bea").
                  Be Awesome
        .col
          pre(data-control='output-html')
            code
              :htmlsrc
                <h1 id="title">Welcome to Jade</h1>
                <button class="btn" data-action="bea">
                  Be Awesome
                </button>
  