Improve UI

[Naereen]

• [x] Separate .html, .css and .js files in the render/ folder

  Improvements on the HTML templates

• [x] Add titles on links to explain what they do (<a title='...' ..>..</a>)
• [x] Add links to the documentation on GitHub, in the bottom

  Improvements on javascript

• [x] Add desktop notifications (with notify-send from bash, or in-browser WebNotifyAPI). Done, see 6e7411c.
• [x] Add in-browser notification, with noty.js maybe ? Nope, it would be redundant with desktop notification.
• [x] Add NProgress.js, and reload it when hit the reload button ?
• [x] Add shortcut, using MouseTrap.js ?

  Improvements on the CSS styles

• [x] Uses the same font as the one I use in StrapDown.js, theme united

body {
    font: 'Ubuntu',Tahoma,sans-serif;
}
/* or */
@import url('//fonts.googleapis.com/css?family=Ubuntu');

• [x] Nicer colors for the plots? Less flashy at least
• [x] Nicer colors for the UI (adding notes, for instance)

[Naereen]

I added (experimental) desktop notifications, on Ubuntu only, cf. 6e7411c.

Thanks to these explanations, I quickly remembered how to use GTK desktop notification (libnotify) cleanly (instead of Popen to a notify-send call, what I used to do before...).

So far, the HTTP server sends a notification when starting and refreshing, and when a new note or blog is entered by the user.

See this interactive demo, added by 520f732.

[Naereen]

6571e11 added a NProgress.js (thanks @rstacruz) loading bar to the HTML UI.

[Naereen]

c74ae59, ccf056a 7417505 and 4ecb2ea added support and documentation for keyboard shortcuts.

[Naereen]

274f328 fixed the issue about the style of the blogentry.