Merge branch 'web'

[chrisu/seepark.git] / web / templates / seepark_web.html
diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html

index fb96583f1523e3ea36eec10fe7ab609ebd7ea5a5..c6d34d3ae8876fb3235c7bb8e67feb5c1c2c022c 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -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>
@@ -30,13 +33,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>
  
@@ -64,19 +67,16 @@
                         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">
+               <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>
-               
+
                 <!-- Load own javascript code -->
                 <script src="{{url_for('static', filename='seepark_web.js')}}"></script>