X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/86bcc8d9b0a98df464ac5cc9fb52c1eb64946eca..b39f9b6701a2ec07f419591806a91647865f8e7e:/web/templates/seepark_web.html?ds=sidebyside

diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index 3fed3e9..a424547 100644
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -6,18 +6,19 @@
 
 		<!-- don't cache; refresh -->
 		<meta http-equiv="Pragma" content="no-cache" />
-		<meta http-equiv="Cache-Control" content="no-cache" />
-		<meta http-equiv="Refresh" content="300" />
+		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="Expires" content="0" />
 
 		<!-- Load c3.css -->
-		<link href="{{url_for('static', filename='c3.css')}}" rel="stylesheet">
+		<link href="{{url_for('static', filename='c3.min.css')}}" rel="stylesheet">
 
 		<!-- Load own css -->
 		<link href="{{url_for('static', filename='seepark_web.css')}}" rel="stylesheet">
 
-		<!-- Load d3.js and c3.js -->
-		<script src="{{url_for('static', filename='d3.js')}}" charset="utf-8"></script>
-		<script src="{{url_for('static', filename='c3.js')}}"></script>
+		<!-- 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>
 
 		<title>Seepark Obsteig</title>
 	</head>
@@ -29,21 +30,27 @@
 			{% 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>
 
 		<h2>Der See</h2>
-		<div id="chart1"></div>
-		<div id="chart7"></div>
-		<div id="chart31"></div>
-		<div id="chart365"></div>
+		<div id="chart_water_1"></div>
+		<div id="chart_water_7"></div>
+		<div id="chart_water_31"></div>
+		<div id="chart_water_365"></div>
+
+		<h2>Die Luft</h2>
+		<div id="chart_air_1"></div>
+		<div id="chart_air_7"></div>
+		<div id="chart_air_31"></div>
+		<div id="chart_air_365"></div>
 
 		<!-- openweathermap widget -->
 		<div id="openweathermap-widget-15"></div>
@@ -67,6 +74,14 @@
 		})();
 		</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>
+		
 		<!-- Load own javascript code -->
 		<script src="{{url_for('static', filename='seepark_web.js')}}"></script>