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                 <h2>Aktuelle Werte</h2>
  21                 <div id="current">
  22                 <p id="currentair">
  23                         <strong>Luft: {{ airvalue }}°C</strong><br />
  24                         <small>({{ airtime }})</small>
  25                 </p>
  26                 <p id="currentwater">
  27                         <strong>Wasser: {{ watervalue }}°C</strong><br />
  28                         <small>({{ watertime }})</small>
  29                 </p>
  30                 </div>
  31
  32                 <h2>Der See</h2>
  33                 <div id="chart1"></div>
  34                 <div id="chart7"></div>
  35                 <div id="chart31"></div>
  36                 <div id="chart365"></div>
  37
  38                 <!-- openweathermap widget -->
  39                 <div id="openweathermap-widget-15"></div>
  40                 <script>
  41                 window.myWidgetParam ? window.myWidgetParam : window.myWidgetParam = [];
  42                 window.myWidgetParam.push({
  43                         id: 15,
  44                         cityid: '3319578',
  45                         appid: '{{ apikey }}',
  46                         units: 'metric',
  47                         containerid: 'openweathermap-widget-15',
  48                         lang: 'de',
  49                 });
  50                 (function() {
  51                         var script = document.createElement('script');
  52                         script.async = true;
  53                         script.charset = "utf-8";
  54                         script.src = "//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/weather-widget-generator.js";
  55                         var s = document.getElementsByTagName('script')[0];
  56                         s.parentNode.insertBefore(script, s);
  57                 })();
  58                 </script>
  59
  60                 <!-- Load own javascript code -->
  61                 <script src="{{url_for('static', filename='seepark_web.js')}}"></script>
  62
  63         </body>
  64 </html>