web/templates/seepark_web.html

   1 <!DOCTYPE html>
   2 <html lang="de">
   3         <head>
   4                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
   5
   6                 <!-- Load c3.css -->
   7                 <link href="{{url_for('static', filename='c3.css')}}" rel="stylesheet">
   8
   9                 <!-- Load own css -->
  10                 <link href="{{url_for('static', filename='seepark_web.css')}}" rel="stylesheet">
  11
  12                 <!-- Load d3.js and c3.js -->
  13                 <script src="{{url_for('static', filename='d3.js')}}" charset="utf-8"></script>
  14                 <script src="{{url_for('static', filename='c3.js')}}"></script>
  15
  16                 <title>Seepark Obsteig</title>
  17         </head>
  18         <body>
  19                 <h1>Daten zum Seepark Obsteig</h1>
  20                 <div id="chart"></div>
  21                 <div id="buttonbar">
  22                         <button onclick="loaddays(1)">Tag</button>
  23                         <button onclick="loaddays(7)">Woche</button>
  24                         <button onclick="loaddays(30)">Monat</button>
  25                         <button onclick="loaddays(365)">Jahr</button>
  26                 </div>
  27
  28                 <!-- Load own javascript code -->
  29                 <script src="{{url_for('static', filename='seepark_web.js')}}"></script>
  30
  31         </body>
  32 </html>