!!! 5
html
  head
  body
    textarea#input(placeholder='write pug here', style='width: 100%; min-height: 400px;').
      p
        author
          != myName
    pre(style='background: #ECECEC;width: 100%; min-height: 400px;')
      code#output
    script(src='../../pug.js')
    script.
      var input = document.getElementById('input');
      var output = document.getElementById('output');
      setInterval(function () {
        pug.render(input.value, {myName: 'Forbes Lindesay', pretty: true}, function (err, res) {
          if (err) throw err;
          output.textContent = res;
        })
      }, 500)