]> ToastFreeware Gitweb - chrisu/seepark.git/blobdiff - web/templates/seepark_web.html
Add link to current and previous month's report.
[chrisu/seepark.git] / web / templates / seepark_web.html
index 013c622d9fbab425b2335bfaced318b51ad30a7d..974068ca45828bd9ac47ea517a2cd06cccab7778 100644 (file)
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html lang="de">
        <head>
+               <title>Seepark Obsteig</title>
+
                <!-- mobile first, yeah -->
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
@@ -20,7 +22,8 @@
                <script src="{{url_for('static', filename='c3.min.js')}}"></script>
                <script src="{{url_for('static', filename='strftime-min.js')}}"></script>
 
-               <title>Seepark Obsteig</title>
+               <!-- Load owm script -->
+               <script async="true" charset="utf-8" src="//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/weather-widget-generator.js"></script>
        </head>
        <body>
                <h1>Daten zum Seepark Obsteig</h1>
                </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>
+               <div id="chart_water_1"   class="c3-container"></div>
+               <div id="chart_water_7"   class="c3-container"></div>
+               <div id="chart_water_31"  class="c3-container"></div>
+               <div id="chart_water_365" class="c3-container"></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>
+               <div id="chart_air_1"   class="c3-container"></div>
+               <div id="chart_air_7"   class="c3-container"></div>
+               <div id="chart_air_31"  class="c3-container"></div>
+               <div id="chart_air_365" class="c3-container"></div>
 
                <!-- openweathermap widget -->
                <div id="openweathermap-widget-15"></div>
                        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>
 
                <!-- windy widget -->
                <div id="windy">
-               <!-- width="650" height="450" -->
-               <iframe width="300" height="244" src="https://embed.windy.com/embed2.html?lat=47.297&amp;lon=10.927&amp;zoom=10&amp;level=surface&amp;overlay=rain&amp;menu=&amp;message=&amp;marker=&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=48.200&amp;detailLon=16.350&amp;metricWind=default&amp;metricTemp=default&amp;radarRange=-1" frameborder="0"></iframe> 
+               <iframe id="windyiframe" width="650" height="450" src="https://embed.windy.com/embed2.html?lat=47.297&amp;lon=10.927&amp;zoom=10&amp;level=surface&amp;overlay=rain&amp;menu=&amp;message=&amp;marker=&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=48.200&amp;detailLon=16.350&amp;metricWind=default&amp;metricTemp=default&amp;radarRange=-1" frameborder="0"></iframe> 
                </div>
 
                <hr />
-               <p><small><a href="https://git.toastfreeware.priv.at/chrisu/seepark.git">Source code</a></small></p>
-               
+               <p><small><a href="https://git.toastfreeware.priv.at/chrisu/seepark.git">Source code</a>, <a href="{{url_for('static', filename='doc/index.html')}}">API documentation</a>, Report for <a href="{{url_for('report', year=last_month.year, month=last_month.month)}}">previous month</a>/<a href="{{url_for('report', year=this_month.year, month=this_month.month)}}">current month</a></small></p>
+
                <!-- Load own javascript code -->
                <script src="{{url_for('static', filename='seepark_web.js')}}"></script>