add windy widget in page template and minimal css

diff --git a/web/static/seepark_web.css b/web/static/seepark_web.css
index 1a30e6e..d84b469 100644 (file)
--- a/web/static/seepark_web.css
+++ b/web/static/seepark_web.css
@@ -42,3 +42,8 @@ body {
 #currentwater {
     background-color: lightgreen;
 }
+
+#windy {
+    text-align: center;
+    padding-top: 1em;
+}

diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index fb96583..ecf0444 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -74,6 +74,11 @@
                })();
                </script>
 
+               <!-- windy widget -->
+               <div id="windy">
+               <iframe width="650" height="450" src="https://embed.windy.com/embed2.html?lat=47.301&amp;lon=10.970&amp;zoom=9&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>