extends layout

block content
  h1 PM2.5 [<span id="pm25">0</span>] & PM10 [<span id="pm10">0</span>]
  div#divLeft
    p#lastStatus
  div#divRight
    span Daten-Zeitspanne:
    br
    select#timespan_selector
      option(value="1") 1 Stunde
      option(value="5") 5 Stunden
      option(value="12") 12 Stunden
      option(value="24" selected) 1 Tag
      option(value="72") 3 Tage
      option(value="168") 7 Tage
      option(value="672") 1 Monat (viele Daten!)
      option(value="2016") 3 Monate (sehr viele Daten!)
      option(value="8064") 1 Jahr (extrem viele Daten!)
      option(value="99999999") Alles (unmengen an Daten!)
  div(style="width:100%; height:75vh;")
    canvas#chart