-<html>
+<!DOCTYPE html>
+<html lang="de">
<head>
+ <!-- mobile first, yeah -->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- don't cache; refresh -->
+ <meta http-equiv="Pragma" content="no-cache" />
+ <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+ <meta http-equiv="Expires" content="0" />
+
<!-- Load c3.css -->
- <link href="{{url_for('static', filename='c3.css')}}" rel="stylesheet">
+ <link href="{{url_for('static', filename='c3.min.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>
+ <!-- Load d3.js and c3.js, and strftime.js -->
+ <script src="{{url_for('static', filename='d3.min.js')}}" charset="utf-8"></script>
+ <script src="{{url_for('static', filename='c3.min.js')}}"></script>
+ <script src="{{url_for('static', filename='strftime-min.js')}}"></script>
- <title>Hi! :-)</title>
+ <title>Seepark Obsteig</title>
</head>
<body>
- <h1>Hello world</h1>
- <div id="chart"></div>
+ <h1>Daten zum Seepark Obsteig</h1>
+ <h2>Aktuelle Werte</h2>
+ <div id="current">
+ <p id="currentair">
+ {% if airvalue is none %}
+ <strong>Luft: N/A</strong>
+ {% else %}
+ <strong>Luft: {{ airvalue|round(1) }}°C</strong><br />
+ <small>({{ airtime.strftime('%Y-%m-%d %H:%M') }})</small>
+ {% endif %}
+ </p>
+ <p id="currentwater">
+ <strong>Wasser: {{ watervalue|round(1) }}°C</strong><br />
+ <small>({{ watertime.strftime('%Y-%m-%d %H:%M') }})</small>
+ </p>
+ </div>
+
+ <h2>Der See</h2>
+ <div id="chart_water_1"></div>
+ <div id="chart_water_7"></div>
+ <div id="chart_water_31"></div>
+ <div id="chart_water_365"></div>
+
+ <h2>Die Luft</h2>
+ <div id="chart_air_1"></div>
+ <div id="chart_air_7"></div>
+ <div id="chart_air_31"></div>
+ <div id="chart_air_365"></div>
+
+ <!-- openweathermap widget -->
+ <div id="openweathermap-widget-15"></div>
+ <script>
+ window.myWidgetParam ? window.myWidgetParam : window.myWidgetParam = [];
+ window.myWidgetParam.push({
+ id: 15,
+ cityid: '3319578',
+ appid: '{{ apikey }}',
+ units: 'metric',
+ containerid: 'openweathermap-widget-15',
+ lang: 'de',
+ });
+ (function() {
+ var script = document.createElement('script');
+ script.async = true;
+ script.charset = "utf-8";
+ script.src = "//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/weather-widget-generator.js";
+ var s = document.getElementsByTagName('script')[0];
+ s.parentNode.insertBefore(script, s);
+ })();
+ </script>
+ <hr />
+ <p><small><a href="https://git.toastfreeware.priv.at/chrisu/seepark.git">Source code</a></small></p>
+
<!-- Load own javascript code -->
<script src="{{url_for('static', filename='seepark_web.js')}}"></script>
ToastFreeware / chrisu / seepark.git / blobdiff