template: add mobile friendly meta directive
[chrisu/seepark.git] / web / templates / seepark_web.html
index 287226bc30efe3197dbe257b7c2323631e68fc5a..b19635a3df05a9cf16d42ce90c5ac3ded550c569 100644 (file)
@@ -1,14 +1,26 @@
-<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>
+
+               <!-- Load own javascript code -->
+               <script src="{{url_for('static', filename='seepark_web.js')}}"></script>
+
        </body>
 </html>