add buttons for day/week/month/year, + css and a js function

[chrisu/seepark.git] / web / templates / seepark_web.html
diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html

index 287226bc30efe3197dbe257b7c2323631e68fc5a..746e9a5ce5cd8e134e4233d1a78b5537bd827fb3 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -1,14 +1,32 @@
-<html>
+<!DOCTYPE html>
+<html lang="de">
         <head>
+               <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
                 <!-- Load c3.css -->
                 <link href="{{url_for('static', filename='c3.css')}}" rel="stylesheet">
  
+               <!-- Load own css -->
+               <link href="{{url_for('static', filename='seepark_web.css')}}" rel="stylesheet">
+
                 <!-- Load d3.js and c3.js -->
                 <script src="{{url_for('static', filename='d3.js')}}" charset="utf-8"></script>
                 <script src="{{url_for('static', filename='c3.js')}}"></script>
-               <title>Hi! :-)</title>
+
+               <title>Seepark Obsteig</title>
         </head>
         <body>
-               <h1>Hello world</h1>
+               <h1>Daten zum Seepark Obsteig</h1>
+               <div id="chart"></div>
+               <div id="buttonbar">
+                       <button onclick="loaddays(1)">Tag</button>
+                       <button onclick="loaddays(7)">Woche</button>
+                       <button onclick="loaddays(30)">Monat</button>
+                       <button onclick="loaddays(365)">Jahr</button>
+               </div>
+
+               <!-- Load own javascript code -->
+               <script src="{{url_for('static', filename='seepark_web.js')}}"></script>
+
         </body>
  </html>