resize windy iframe

(and update lat/long + zoom)

diff --git a/web/static/seepark_web.css b/web/static/seepark_web.css
index d84b469..6e7753c 100644 (file)
--- a/web/static/seepark_web.css
+++ b/web/static/seepark_web.css
@@ -18,14 +18,15 @@ body {
     fill: red;
 }
 
-#openweathermap-widget-15, .c3 {
+#openweathermap-widget-15, #windy, .c3 {
     margin: 0 auto;
     text-align: center;
     padding-top: 1em;
 }
 
-#openweathermap-widget-15 {
+#openweathermap-widget-15, #windy {
     width: 300px;
+    height: 244px;
 }
 
 #current, #currentair, #currentwater {
@@ -42,8 +43,3 @@ 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 a424547..013c622 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -76,7 +76,8 @@
 
                <!-- 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> 
+               <!-- 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> 
                </div>
 
                <hr />