Demo page

Fixes #3.

It also includes the changes in #1, diffs will go away when we merge #1.

![demo1](https://cloud.githubusercontent.com/assets/643127/3298408/4c1164a2-f601-11e3-8051-0dfbbca1965b.png)
![demo2](https://cloud.githubusercontent.com/assets/643127/3298409/4c11794c-f601-11e3-865e-5a42bdf55fd4.png)


cc @skidding @NiGhTTraX 


A quick suggestion on how to make it more apparent to the user of the changes that are happening would be to animate the message box as new messages are added:
```javascript
function printToBox(message) {
    var p = $("<p></p>"),
          messageBox = $("#message-box");
    p.text(message);
    messageBox.append(p);
    messageBox.stop().animate({scrollTop: messageBox.prop('scrollHeight')}, 300);
}
```