<html>
<head>
 <title>Monitoring Interface</title>
 <link rel="stylesheet" href="static/pure-min.css">
 <link rel="stylesheet" href="static/style.css">
 <script src="static/jquery-1.10.2.min.js"></script>
 <script src="static/script.js"></script>
</head>
<body>
 <div id="div-menu">
  <h1>Monitoring</h1>
 <div id="script-categories" class="pure-menu pure-menu-open">
  <ul>
   {% for category in tree %}
   <li class="pure-menu-heading category">{{ category }}</li>
    {% for script in tree[category] %}
    <li><a href="{{ category }}/{{ script }}" class="script">{{ script }}</a></li>
    {% endfor %}
   {% endfor %}
   <li class="pure-menu-heading category">Files</li>
   <li><a href="./private/" class="link">  User: admin</br>  Password is yours</a></li>
  </ul>
 </div>
 </div>
 <div id="content">
 <iframe src="{{ default_page }}">
 </iframe>
 </div>
</body>
</html>