<html>
<head>
  <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
</head>
<body onload="init()">
  <div id="wrapper">
    <div id="contentcontainer">
      <div id="header">
        <a href="index.html"><img src="/static/img/logo.jpg" border="0" style="float: left;"/></a>
        &nbsp; <font style="font-size:24px; color:white;">Stichting Wireless Leiden</font><br />
        &nbsp; <font style="font-size:46px; color:white;">Heatmap</font>
      </div>
      <div id="content">
        <h1>Info</h1><br />
        Info
        <form method="get" action="">
          Gebruiker: <input type="text" id="user" name="user" size="25"/> <br />
          Meetrondje: <input type="text" id="dataset" name="dataset" size="25"/> <br />
          WirelessLeiden Node: <input type="text" id="wlnode" name="wlnode" size="25"/> <br />
          Encrypted: <input type="checkbox" id="enc" name="enc"/> <br />
          Datum: <input type="text" id="date" name="date" size="25"/> <br />
          Colour: <input type="text" id="colour" name="colour" size="25"/> <br />
          Layernaam: <input type="text" id="lname" name="lname" size="25"/> <br />
          <input type="button" value="Add filter" onClick="filters()"/>
        </form>
        <div id="nodelist"></div>
      </div>
      <div id="footer"> <a href="http://www.wirelessleiden.nl/">wirelessleiden.nl</a> </div>
    </div>
    <div id="heatmapwrapper">
    <div id="heatmap"></div>
    </div>
  </div>
</body>
</html>
