source code beautification

[chrisu/seepark.git] / web / templates / seepark_web.html

diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index 761ded99bde43919823e76c3baae870b4751cf5f..09f17dc316e9e954476309f231803ffa5864de37 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -8,7 +8,6 @@
                <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" />
-               <meta http-equiv="Refresh" content="300" />
 
                <!-- Load c3.css -->
                <link href="{{url_for('static', filename='c3.min.css')}}" rel="stylesheet">
@@ -16,9 +15,12 @@
                <!-- Load own css -->
                <link href="{{url_for('static', filename='seepark_web.css')}}" rel="stylesheet">
 
-               <!-- Load d3.js and c3.js -->
+               <!-- 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>
+
+               <!-- here the owm script will be appended -->
 
                <title>Seepark Obsteig</title>
        </head>
@@ -30,13 +32,13 @@
                        {% 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>
+                       <strong>Luft: <span id="currentairvalue">{{ airvalue|round(1) }}</span>°C</strong><br />
+                       <small>(<span id="currentairtime">{{ airtime.strftime('%Y-%m-%d %H:%M') }}</span>)</small>
                        {% endif %}
                </p>
                <p id="currentwater">
-                       <strong>Wasser: {{ watervalue|round(1) }}°C</strong><br />
-                       <small>({{ watertime.strftime('%Y-%m-%d %H:%M') }})</small>
+                       <strong>Wasser: <span id="currentwatervalue">{{ watervalue|round(1) }}</span>°C</strong><br />
+                       <small>(<span id="currentwatertime">{{ watertime.strftime('%Y-%m-%d %H:%M') }}</span>)</small>
                </p>
                </div>
 
@@ -69,11 +71,16 @@
                        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];
+                       var s = document.getElementsByTagName('title')[0];
                        s.parentNode.insertBefore(script, s);
                })();
                </script>
 
+               <!-- windy widget -->
+               <div id="windy">
+               <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>