Переглянути джерело

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 роки тому
батько
коміт
dfbc4e1640
8 змінених файлів з 168 додано та 40 видалено
  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

@@ -33,6 +33,7 @@
         
         <!-- Skripte -->
         <script src="js/modernizr-2.6.2.min.js"></script>
+	<script src="js/checkdiff.js"></script>
         
     </head>
     <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>
                 <h2>Current Weather Conditions</h2>
                 <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 class="h-right" >
@@ -400,7 +405,7 @@
         </div>
         </div>
         
-        <footer>
+	<footer>
             <div class="container-fix">
 	    <center>
 		#if $Extras.has_key('you')
@@ -411,8 +416,9 @@
 	   	<br>
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 	    	&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>
 	    </div>
         </footer>

+ 18 - 0
js/checkdiff.js

@@ -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

@@ -33,6 +33,7 @@
         
         <!-- Skripte -->
         <script src="js/modernizr-2.6.2.min.js"></script>
+	<script src="js/checkdiff.js"></script>
         
     </head>
     <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>
                 <h2>Monthly Weather Summary</h2>
                 <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 class="h-right" >
@@ -206,8 +211,9 @@
 	   	<br>
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 	    	&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>
 	    </div>
         </footer>

+ 81 - 9
station.html.tmpl

@@ -33,6 +33,7 @@
         
         <!-- Skripte -->
         <script src="js/modernizr-2.6.2.min.js"></script>
+	<script src="js/checkdiff.js"></script>
         
   </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>
                 <h2>Station Information</h2>
                 <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 class="h-right" >
@@ -79,12 +84,60 @@
 
 		<div class="card" >
                     <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 class="card" >
                     <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>
 
@@ -105,14 +158,32 @@
 		<div class="card" >
                     <h1><i class="fa fa-history m-gruen" ></i> Station History</h1>
 			<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 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> 
-			#<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>
@@ -131,8 +202,9 @@
 	   	<br>
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 	    	&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>
 	    </div>
         </footer>

+ 11 - 5
summary.html.tmpl

@@ -33,6 +33,7 @@
         
         <!-- Skripte -->
         <script src="js/modernizr-2.6.2.min.js"></script>
+	<script src="js/checkdiff.js"></script>
         
   </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>
                 <h2>Summaries and Records</h2>
                 <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 class="h-right" >
@@ -113,9 +118,9 @@
 
 	   <div class="right" >
 		<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>
 
@@ -153,8 +158,9 @@
 	   	<br>
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 	    	&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>
 	    </div>
         </footer>

+ 22 - 14
text.php.tmpl

@@ -33,7 +33,7 @@ if (\$count == 4){
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="profile" href="http://gmpg.org/xfn/11" />
 	#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   
 <?php        
         echo"<title>$station.location ($Extras.cwop) Climate Summary for \$title </title>";
@@ -58,6 +58,7 @@ if (\$count == 4){
         
         <!-- Skripte -->
         <script src="js/modernizr-2.6.2.min.js"></script>
+	<script src="js/checkdiff.js"></script>
         
   </head>
 
@@ -69,9 +70,13 @@ if (\$count == 4){
                 <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>
 <?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 id="freshweather" class="m-orange"></p>
+		<script type="text/javascript">
+                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+                </script>
                 </div>
                 
                 <div class="h-right" >
@@ -101,19 +106,21 @@ if (\$count == 4){
     <!-- Main container -->  
      <div class="main" >
         <div class="container" >
-	    <div class="center">
-	    	<div class="card">
-
+	   <div class="center" >
+	       <div class="card">
+		
 <?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>
         
@@ -128,8 +135,9 @@ if (\$count == 4){
 	   	<br>
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 	    	&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>
 	    </div>
         </footer>

+ 11 - 5
week.html.tmpl

@@ -33,6 +33,7 @@
         
         <!-- Skripte -->
         <script src="js/modernizr-2.6.2.min.js"></script>
+	<script src="js/checkdiff.js"></script>
         
     </head>
     <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>
                 <h2>Weekly Weather Summary</h2>
                 <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 class="h-right" >
+                <div class="h-right">
                     <table>
                         <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>
@@ -236,8 +241,8 @@
             </div>
         </div>
         </div>
-        
-       <footer>
+ 
+	<footer>
             <div class="container-fix">
 	    <center>
 		#if $Extras.has_key('you')
@@ -248,8 +253,9 @@
 	   	<br>
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 	    	&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>
 	    </div>
         </footer>

+ 8 - 2
year.html.tmpl

@@ -33,6 +33,7 @@
         
         <!-- Skripte -->
         <script src="js/modernizr-2.6.2.min.js"></script>
+	<script src="js/checkdiff.js"></script>
         
     </head>
     <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>
                 <h2>Yearly Weather Summary</h2>
                 <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 class="h-right" >
@@ -171,8 +176,9 @@
 	   	<br>
 	    	Design by <a href="http://blauesledersofa.de">blaues Ledersofa</a>
 	    	&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>
 	    </div>
         </footer>