replace 1 chart+buttons with 4 charts
[chrisu/seepark.git] / 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="chart1"></div>
21                 <div id="chart7"></div>
22                 <div id="chart31"></div>
23                 <div id="chart365"></div>
24
25                 <!-- openweathermap widget -->
26                 <div id="openweathermap-widget-15"></div>
27                 <script>
28                 window.myWidgetParam ? window.myWidgetParam : window.myWidgetParam = [];
29                 window.myWidgetParam.push({
30                         id: 15,
31                         cityid: '3319578',
32                         appid: '{{ apikey }}',
33                         units: 'metric',
34                         containerid: 'openweathermap-widget-15',
35                         lang: 'de',
36                 });
37                 (function() {
38                         var script = document.createElement('script');
39                         script.async = true;
40                         script.charset = "utf-8";
41                         script.src = "//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/weather-widget-generator.js";
42                         var s = document.getElementsByTagName('script')[0];
43                         s.parentNode.insertBefore(script, s);
44                 })();
45                 </script>
46
47                 <!-- Load own javascript code -->
48                 <script src="{{url_for('static', filename='seepark_web.js')}}"></script>
49
50         </body>
51 </html>