add windy widget in page template and minimal css

diff --git a/web/static/seepark_web.css b/web/static/seepark_web.css
index 1a30e6eff35048a1ea618b83f1b77d43e051cdcf..d84b469cce34aa1588190ed2fab4f5c398a85814 100644 (file)
--- a/web/static/seepark_web.css
+++ b/web/static/seepark_web.css
@@ -42,3 +42,8 @@ body {
 #currentwater {
     background-color: lightgreen;
 }
 #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 fb96583f1523e3ea36eec10fe7ab609ebd7ea5a5..ecf04443671ba76868c390342e2efd9c37841ee3 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -74,6 +74,11 @@
                })();
                </script>
 
                })();
                </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>
                
                <hr />
                <p><small><a href="https://git.toastfreeware.priv.at/chrisu/seepark.git">Source code</a></small></p>