DON'T MERGE: Arjen timeline refactor

### Problem
Timeline is too complicated.

### Solution
Start fixing based on https://github.com/nens/lizard-nxt/issues/295

Calculate seconds / pixel

* [x] Timeline is always visible
* [x] Calculate global aggregation window
* [x] Refactor  timeState
* [x] Replace brush for static aggregation window
* [x] Adapt height of added events
* [x] Move play button to Berto's place
* [x] Update, enter, exit for aggWindow drawing
* [x] Zoom buttons for time
* [x] Move zoomtonow button to nicer place
* [x] Fix 'today and future' indicator
* [x] Move timeState.at to nicer place
* [x] Display full start and end dates
* [ ] Translate start, now and end date in timeline to Dutch
* [ ] Fix drawing events (vectors), remove circles, only do lines
* [ ] Update docstrings & dev docs

**Bonus:**
* [ ] Update url
* [ ] Nicefy CSS / design / UX
* [x] Snap current aggregation window
* [ ] Fix offset in aggWindow and snapping
Hier hebben we het al eens over gehad, maar volgens mij refactoren we zodat we over layergroups kunnen loopen en dan met `layergroup.getData({geom, time, Events || Rain})` data lagen kunnen querien in de front-end op basis van nxt specifieke types (events, regen, timeseries). Ik denk dat dit ook meer angular 2.0 is: https://docs.google.com/presentation/d/1XQP0_NTzCUcFweauLlkZpbbhNVYbYy156oD--KLmXsk/preview?sle=true#slide=id.p