Home Explore Help
Sign In
secstate
/
weewx-sofaskin
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Add warning if the weather data is old (more than 30 min old).

Originally written by Björn Torkelsson (available in a fork of this template at: https://github.com/torkelsson/Sofaskin-CW9009). Requires checkdiff.js. Example below. Otherwise, only minor code html changes to the footer. 

![olddata](https://cloud.githubusercontent.com/assets/22601363/21075763/496c385c-bed7-11e6-82e8-789ffa300601.jpg)
Josh Smith 8 years ago
parent
d6fbc9c0be
commit
dfbc4e1640
8 changed files with 168 additions and 40 deletions
Unified View Show Diff Stats
  1. 9 3
      index.html.tmpl
  2. 18 0
      js/checkdiff.js
  3. 8 2
      month.html.tmpl
  4. 81 9
      station.html.tmpl
  5. 11 5
      summary.html.tmpl
  6. 22 14
      text.php.tmpl
  7. 11 5
      week.html.tmpl
  8. 8 2
      year.html.tmpl

+ 9 - 3
index.html.tmpl
View File 

@@ -33,6 +33,7 @@
 
         
         
         <!-- Skripte -->
 
         <!-- Skripte -->
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
+	<script src="js/checkdiff.js"></script>
 
         
         
     </head>
 
     </head>
 
     <body>
 
     <body>
 
@@ -43,6 +44,10 @@
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
                 <h2>Current Weather Conditions</h2>
 
                 <h2>Current Weather Conditions</h2>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
+		<p id="freshweather" class="m-orange"></p>
 
+		<script type="text/javascript">
 
+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
 
+                </script>
 
                 </div>
 
                 </div>
 
                 
                 
                 <div class="h-right" >
 
                 <div class="h-right" >
 
@@ -400,7 +405,7 @@
 
         </div>
 
         </div>
 
         </div>
 
         </div>
 
         
         
-        <footer>
 
+	<footer>
 
             <div class="container-fix">
 
             <div class="container-fix">
 
 	    <center>
 
 	    <center>
 
 		#if $Extras.has_key('you')
 
 		#if $Extras.has_key('you')
 
@@ -411,8 +416,9 @@
 
 	   	<br>
 
 	   	<br>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	&sdot; 
 	    	&sdot; 
-            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> and 
-            	<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"> <a href="https://www.raspberrypi.org/" target="_blank"> Raspberry Pi 2 Model B</a>.
 
+            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
+            	&sdot; 
+		Icons from <i class="fa fa-font-awesome" aria-hidden="true"></i><a href="http://fontawesome.io" target="_blank"> Font Awesome</a>
 
 	    </center>
 
 	    </center>
 
 	    </div>
 
 	    </div>
 
         </footer>
 
         </footer>

+ 18 - 0
js/checkdiff.js
View File 

@@ -0,0 +1,18 @@
 
+/* checkDiff

+ *

+ * Check if the

+ */

+

+function checkDiff(datestr) {

+    var date = new Date();

+    var refreshed = new Date(datestr);

+    var diff = 30 * 60 * 1000; /* 30 min diff is OK without a warning*/

+    var text = document.createElement('div');

+    // Fixme: Add "icon"

+    if (date - refreshed > diff) {

+        text.innerHTML = "<i class='fa fa-exclamation-triangle m-orange'></i><b> Old Weather Data </b>";

+//  } else {

+//    text.innerHTML = "<i class=''></i> Fresh Weather";

+    }

+    document.getElementById('freshweather').appendChild(text);

+}

+ 8 - 2
month.html.tmpl
View File 

@@ -33,6 +33,7 @@
 
         

         

         <!-- Skripte -->

         <!-- Skripte -->

         <script src="js/modernizr-2.6.2.min.js"></script>

         <script src="js/modernizr-2.6.2.min.js"></script>

+	<script src="js/checkdiff.js"></script>

         

         

     </head>

     </head>

     <body>

     <body>

@@ -44,6 +45,10 @@
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>

                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>

                 <h2>Monthly Weather Summary</h2>

                 <h2>Monthly Weather Summary</h2>

                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>

                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>

+		<p id="freshweather" class="m-orange"></p>

+		<script type="text/javascript">

+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");

+                </script>

                 </div>

                 </div>

                 

                 

                 <div class="h-right" >

                 <div class="h-right" >

@@ -206,8 +211,9 @@
 
 	   	<br>

 	   	<br>

 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>

 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>

 	    	&sdot; 

 	    	&sdot; 

-            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> and 

-            	<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"> <a href="https://www.raspberrypi.org/" target="_blank"> Raspberry Pi 2 Model B</a>.

+            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 

+            	&sdot; 

+		Icons from <i class="fa fa-font-awesome" aria-hidden="true"></i><a href="http://fontawesome.io" target="_blank"> Font Awesome</a>

 	    </center>

 	    </center>

 	    </div>

 	    </div>

         </footer>

         </footer>

+ 81 - 9
station.html.tmpl
View File 

@@ -33,6 +33,7 @@
 
         
         
         <!-- Skripte -->
 
         <!-- Skripte -->
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
+	<script src="js/checkdiff.js"></script>
 
         
         
   </head>
 
   </head>
 
 
 
@@ -44,6 +45,10 @@
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
                 <h2>Station Information</h2>
 
                 <h2>Station Information</h2>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
+		<p id="freshweather" class="m-orange"></p>
 
+		<script type="text/javascript">
 
+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
 
+                </script>
 
                 </div>
 
                 </div>
 
                 
                 
                 <div class="h-right" >
 
                 <div class="h-right" >
 
@@ -79,12 +84,60 @@
 
 
 
 		<div class="card" >
 
 		<div class="card" >
 
                     <h1><i class="fa fa-info-circle" ></i> Station Information</h1>
 
                     <h1><i class="fa fa-info-circle" ></i> Station Information</h1>
 
-		    
+		    The station is a <a href="http://www.lacrossetechnology.com/2316/">La Crosse WS-2316</a> located about 3 miles north-northwest of 
+                    Meridian, Idaho in the Kelly Creek Subdivision. The station has been running since November 7, 2007. A <a href="https://www.raspberrypi.org/" target="_blank" >Raspberry Pi 2 Model B<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"></a> running 
+                    <a href="http://weewx.com/" target="_blank" >WeeWX v$station.version</a> processes the data which is sent to <a href="http://www.wxqa.com/" target="_blank" >CWOP</a> and <a href="http://www.wunderground.com/" target="_blank" >Weather Underground</a> in addition 
+                    to this web site. Data is sent every 10 minutes.
 
+		    <br><br>
 
+		    Latitude: $station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] 
+		    <br>
 
+		    Longitude: $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2]
 
+		    <br>
 
+		    Elevation: $station.altitude		    
+		    <br>
 
+		    <table class="tablespacer">
 
+		    	<tr><td colspan="3"><br>Data is also available from:</td></tr>
 
+			<tr><td><center><a href="http://www.findu.com/cgi-bin/wxpage.cgi?call=$Extras.cwop&last=24" ><img src="icons/cwop.png" title="CWOP" alt="cwop" /><br>$Extras.cwop</a></center></td>
 
+			    #if $Extras.has_key('wunderground')
 
+			    <td><center><a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=pws:$Extras.wunderground&MR=1" ><img src="icons/wu.png" title="Weather Underground" alt="$Extras.wunderground" /><br>$Extras.wunderground</a></center></td>
 
+			    #end if
 
+			    #if $Extras.has_key('mwest')
 
+			    <td><center><a href="http://mesowest.utah.edu/cgi-bin/droman/meso_base_dyn.cgi?stn=$Extras.mwest&unit=0&timetype=LOCAL" ><img src="icons/mesowest.png" height="84" width="84" title=Mesowest" alt="$Extras.mwest" /><br>$Extras.mwest</a></center></td>
 
+   			    #end if
 
+			    #if $Extras.has_key('crahs') 
+			    <td><center><a href="" ><img src="icons/CoCoRaHS.png" height="84" width="84" title="CoCoRaHS" alt="CoCoRaHS" /><br>$Extras.crahs</a></center></td>
 
+			    #end if
 
+			</tr>
 
+		    </table>
 
 		</div>
 
 		</div>
 
 
 
 		<div class="card" >
 
 		<div class="card" >
 
                     <h1><i class="fa fa-code"></i> Site Code</h1>
 
                     <h1><i class="fa fa-code"></i> Site Code</h1>
 
-		    
+		    This web site uses Sofaskin for WeeWx, designed by Sven at <a href="http://neoground.com/projects/weewx/">Neoground</a>. Sofaskin is a 
+                    custom skin model from Google's Material Design that uses <a href="http://getbootstrap.com">Bootstrap</a> to display the weather data. 
+                    I made a variety of functional changes to the 
+		    original Sofaskin code which is available on GitHub. My Sofaskin-CW9009 skin 
+		    needs an additional python script (historygenerator.py) which was adapted from another 
+		    skin, <a href="http://www.dajda.net/about.html">Dajda.net</a>, to generate the history tables.
 
+		    I have also incorporated some changes in this template by <a href="http://www.torkel.se/weather/index.html">Bjorn Torkelsson</a>. 
+		    The code for the web page skins and python script is available from the web sites below. 
+			<br><br>
 
+			Sofaskin template from Neoground: 
+			<br>
 
+			<i class="fa fa-info-circle"> </i><a href="http://neoground.com/projects/weewx/"> http://neoground.com/projects/weewx/</a> 
+			<br><br>
 
+			My Sofaskin-CW9009 template: 
+			<br><i class="fa fa-github"> </i> <a href="http://github.com/weatherstorm/Sofaskin-CW9009"> http://github.com/weatherstorm/Sofaskin-CW9009</a> 
+			<br><br>
 
+			Dajda template (historygenerator.py): 
+			<br>
 
+			<i class="fa fa-info-circle"></i> <a href="http://www.dajda.net/about.html">http://www.dajda.net/about.html</a> 
+			<br>
 
+			<i class="fa fa-github"></i> <a href="http://github.com/brewster76/fuzzy-archer">http://github.com/brewster76/fuzzy-archer</a> 
+			<br><br>
 
+
 
+			Questions? Send them to <a href=mailto:josh@cw9009.x10host.com>josh@cw9009.x10host.com</a>
 
+			<br>
 
 			
 			
 		</div>
 
 		</div>
 
 
 
@@ -105,14 +158,32 @@
 
 		<div class="card" >
 
 		<div class="card" >
 
                     <h1><i class="fa fa-history m-gruen" ></i> Station History</h1>
 
                     <h1><i class="fa fa-history m-gruen" ></i> Station History</h1>
 
 			<table class="tablespacer">
 
 			<table class="tablespacer">
 
-				<tr><td>Date</td></tr>
 
-				<tr><td>Text</td></tr>	
+				<tr><td>01/23/2016</td></tr>
 
+				<tr><td>Moved temperature/humidity sensor to the front of the house (north facing) under eaves.</td></tr>	
 			</table>
 
 			</table>
 
 			<table class="tablespacer">
 
 			<table class="tablespacer">
 
-				<tr><td><br>Date</td></tr>
 
-				<tr><td>Text</td></tr>
 
+				<tr><td><br>12/31/2015</td></tr>
 
+				<tr><td>Changed hardware from PC to Raspberry Pi 2 Model B. Changed software from HeavyWeather to WeeWX 3.3.1. </td></tr>
 
 		  	</table> 
 		  	</table> 
-			#<img src="photo/IMG_0925.JPG" alt="photo" class="space small" />	
+
 
+			<table class="tablespacer">	
+				<tr><td><br>09/18/2009</td></tr>
 
+				<tr><td>Attached the wind sensor to the west side of the roof. The sensor is about a foot above the roof. Temperatures sensor was attached under the northwest corner eaves.</td></tr>
 
+                    	</table>
 
+			<img src="photo/IMG_0925.JPG" alt="photo" class="space small" />
 
+
 
+			<table class="tablespacer">
 
+				<tr><td><br>08/24/2008</td></tr>
 
+				<tr><td>Moved station to the southwest corner of the property. Sensors about 5 feet above ground. Wind obstruction from trees and house. Temperature sensor partially shielded. </td></tr>
 
+		    	</table>	
+			<img src="photo/IMG_5374.jpg" alt="photo" class="space small" />
 
+
 
+			<table class="tablespacer">
 
+				<tr><td><br>11/07/2007</td></tr>
 
+				<tr><td>Station established in the backyard (south facing) next to the fence.</td></tr>
 
+			</table>
 
+			<img src="photo/IMG_4957.jpg" alt="photo" class="space small" />
 
+				
 		</div>
 
 		</div>
 
                 
                 
 	   </div>
 
 	   </div>
 
@@ -131,8 +202,9 @@
 
 	   	<br>
 
 	   	<br>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	&sdot; 
 	    	&sdot; 
-            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> and 
-            	<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"> <a href="https://www.raspberrypi.org/" target="_blank"> Raspberry Pi 2 Model B</a>.
 
+            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
+            	&sdot; 
+		Icons from <i class="fa fa-font-awesome" aria-hidden="true"></i><a href="http://fontawesome.io" target="_blank"> Font Awesome</a>
 
 	    </center>
 
 	    </center>
 
 	    </div>
 
 	    </div>
 
         </footer>
 
         </footer>

+ 11 - 5
summary.html.tmpl
View File 

@@ -33,6 +33,7 @@
 
         
         
         <!-- Skripte -->
 
         <!-- Skripte -->
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
+	<script src="js/checkdiff.js"></script>
 
         
         
   </head>
 
   </head>
 
 
 
@@ -45,6 +46,10 @@
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
                 <h2>Summaries and Records</h2>
 
                 <h2>Summaries and Records</h2>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
+		<p id="freshweather" class="m-orange"></p>
 
+		<script type="text/javascript">
 
+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
 
+                </script>
 
                 </div>
 
                 </div>
 
                 
                 
                 <div class="h-right" >
 
                 <div class="h-right" >
 
@@ -113,9 +118,9 @@
 
 
 
 	   <div class="right" >
 
 	   <div class="right" >
 
 		<div class="card">
 
 		<div class="card">
 
-                    <h1><i class="fa fa-archive" ></i> Monthly Reports</h1>
 
-		    	<div class="noaatable">
 
-                   		$NOAA_table
 
+                    <h1><i class="fa fa-archive"></i> Monthly Reports</h1>
 
+			<div class="noaatable">
 
+                   	$NOAA_table
 
 			</div>
 
 			</div>
 
                 </div>
 
                 </div>
 
 
 
@@ -153,8 +158,9 @@
 
 	   	<br>
 
 	   	<br>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	&sdot; 
 	    	&sdot; 
-            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> and 
-            	<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"> <a href="https://www.raspberrypi.org/" target="_blank"> Raspberry Pi 2 Model B</a>.
 
+            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
+            	&sdot; 
+		Icons from <i class="fa fa-font-awesome" aria-hidden="true"></i><a href="http://fontawesome.io" target="_blank"> Font Awesome</a>
 
 	    </center>
 
 	    </center>
 
 	    </div>
 
 	    </div>
 
         </footer>
 
         </footer>

+ 22 - 14
text.php.tmpl
View File 

@@ -33,7 +33,7 @@ if (\$count == 4){
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <link rel="profile" href="http://gmpg.org/xfn/11" />
 
         <link rel="profile" href="http://gmpg.org/xfn/11" />
 
 	#if $Extras.has_key('web_url')
 
 	#if $Extras.has_key('web_url')
 
-	<link rel="canonical" href="$Extras.web_url/summary.html" itemprop="url"/>
 
+	<link rel="canonical" href="$Extras.web_url/summary.html"/>
 
 	#end if   
 	#end if   
 <?php        
 <?php        
         echo"<title>$station.location ($Extras.cwop) Climate Summary for \$title </title>";
 
         echo"<title>$station.location ($Extras.cwop) Climate Summary for \$title </title>";
 
@@ -58,6 +58,7 @@ if (\$count == 4){
 
         
         
         <!-- Skripte -->
 
         <!-- Skripte -->
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
         <script src="js/modernizr-2.6.2.min.js"></script>
 
+	<script src="js/checkdiff.js"></script>
 
         
         
   </head>
 
   </head>
 
 
 
@@ -69,9 +70,13 @@ if (\$count == 4){
 
                 <h1><i class="fa fa-cloud" ></i> $station.location </h1>
 
                 <h1><i class="fa fa-cloud" ></i> $station.location </h1>
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
 
 <?php
 
 <?php
 
-          echo "<h2>\$title Climate Summary</h2>";
 
+          echo "<h2>Climate Summary \$title</h2>";
 
 ?>
 
 ?>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
 
+		<p id="freshweather" class="m-orange"></p>
 
+		<script type="text/javascript">
 
+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
 
+                </script>
 
                 </div>
 
                 </div>
 
                 
                 
                 <div class="h-right" >
 
                 <div class="h-right" >
 
@@ -101,19 +106,21 @@ if (\$count == 4){
 
     <!-- Main container -->  
     <!-- Main container -->  
      <div class="main" >
 
      <div class="main" >
 
         <div class="container" >
 
         <div class="container" >
 
-	    <div class="center">
 
-	    	<div class="card">
 
-
 
+	   <div class="center" >
 
+	       <div class="card">
 
+		
 <?php
 
 <?php
 
 
 
-    			if(file_exists(\$report)){
 
-				echo "<pre class=\"noaareport\">;
 
-      				echo file_get_contents(\$report);
 
-				echo "</pre>";
 
-    			}
 
+    		if(file_exists(\$report)){
 
+			//echo "<p>";
 
+			echo "<pre class=\"noaareport\">";
 
+      			echo file_get_contents(\$report);
 
+			echo "</pre>";
 
+			//echo "</p>";
 
+    		}
 
 ?>  
 ?>  
-		</div>
 
-            </div>   
+               </div>
 
+	   </div>   
         </div>
 
         </div>
 
     </div>
 
     </div>
 
         
         
@@ -128,8 +135,9 @@ if (\$count == 4){
 
 	   	<br>
 
 	   	<br>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 
 	    	&sdot; 
 	    	&sdot; 
-            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> and 
-            	<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"> <a href="https://www.raspberrypi.org/" target="_blank"> Raspberry Pi 2 Model B</a>.
 
+            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
+            	&sdot; 
+		Icons from <i class="fa fa-font-awesome" aria-hidden="true"></i><a href="http://fontawesome.io" target="_blank"> Font Awesome</a>
 
 	    </center>
 
 	    </center>
 
 	    </div>
 
 	    </div>
 
         </footer>
 
         </footer>

+ 11 - 5
week.html.tmpl
View File 

@@ -33,6 +33,7 @@
 
         

         

         <!-- Skripte -->

         <!-- Skripte -->

         <script src="js/modernizr-2.6.2.min.js"></script>

         <script src="js/modernizr-2.6.2.min.js"></script>

+	<script src="js/checkdiff.js"></script>

         

         

     </head>

     </head>

     <body>

     <body>

@@ -43,9 +44,13 @@
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>

                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>

                 <h2>Weekly Weather Summary</h2>

                 <h2>Weekly Weather Summary</h2>

                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>

                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>

+		<p id="freshweather" class="m-orange"></p>

+                <script type="text/javascript">

+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");

+                </script>

                 </div>

                 </div>

                 

                 

-                <div class="h-right" >

+                <div class="h-right">

                     <table>

                     <table>

                         <tr><td><b>Station:</b></td><td>$station.hardware</td></tr>

                         <tr><td><b>Station:</b></td><td>$station.hardware</td></tr>

                         <tr><td><b>Software:</b></td><td><a href="http://weewx.com/" target="_blank" >WeeWX v$station.version</a></td></tr>

                         <tr><td><b>Software:</b></td><td><a href="http://weewx.com/" target="_blank" >WeeWX v$station.version</a></td></tr>

@@ -236,8 +241,8 @@
 
             </div>

             </div>

         </div>

         </div>

         </div>

         </div>

-        

-       <footer>

+ 

+	<footer>

             <div class="container-fix">

             <div class="container-fix">

 	    <center>

 	    <center>

 		#if $Extras.has_key('you')

 		#if $Extras.has_key('you')

@@ -248,8 +253,9 @@
 
 	   	<br>

 	   	<br>

 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>

 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>

 	    	&sdot; 

 	    	&sdot; 

-            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> and 

-            	<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"> <a href="https://www.raspberrypi.org/" target="_blank"> Raspberry Pi 2 Model B</a>.

+            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 

+            	&sdot; 

+		Icons from <i class="fa fa-font-awesome" aria-hidden="true"></i><a href="http://fontawesome.io" target="_blank"> Font Awesome</a>

 	    </center>

 	    </center>

 	    </div>

 	    </div>

         </footer>

         </footer>

+ 8 - 2
year.html.tmpl
View File 

@@ -33,6 +33,7 @@
 
         

         

         <!-- Skripte -->

         <!-- Skripte -->

         <script src="js/modernizr-2.6.2.min.js"></script>

         <script src="js/modernizr-2.6.2.min.js"></script>

+	<script src="js/checkdiff.js"></script>

         

         

     </head>

     </head>

     <body>

     <body>

@@ -43,6 +44,10 @@
 
                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>

                 <p>$station.latitude[0]&deg; $station.latitude[1]' $station.latitude[2] | $station.longitude[0]&deg; $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.location" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>

                 <h2>Yearly Weather Summary</h2>

                 <h2>Yearly Weather Summary</h2>

                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>

                 <p><i class="fa fa-clock-o" ></i> $current.dateTime $current.dateTime.format("%Z")</p>

+		<p id="freshweather" class="m-orange"></p>

+		<script type="text/javascript">

+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");

+                </script>

                 </div>

                 </div>

                 

                 

                 <div class="h-right" >

                 <div class="h-right" >

@@ -171,8 +176,9 @@
 
 	   	<br>

 	   	<br>

 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>

 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>

 	    	&sdot; 

 	    	&sdot; 

-            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> and 

-            	<!-- Raspberry Pi icon by Icons8 --> <img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/raspberry_pi-24.png" title="Raspberry Pi" height="18" width="18"> <a href="https://www.raspberrypi.org/" target="_blank"> Raspberry Pi 2 Model B</a>.

+            	Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 

+            	&sdot; 

+		Icons from <i class="fa fa-font-awesome" aria-hidden="true"></i><a href="http://fontawesome.io" target="_blank"> Font Awesome</a>

 	    </center>

 	    </center>

 	    </div>

 	    </div>

         </footer>

         </footer>