Jelajahi Sumber

Merge pull request #4 from KurtJacobson/TabsToSpaces

Use consistent formatting conventions
Josh Smith 7 tahun lalu
induk
melakukan
b51176aed7
7 mengubah file dengan 2967 tambahan dan 1829 penghapusan
  1. 843 517
      index.html.tmpl
  2. 458 248
      month.html.tmpl
  3. 150 154
      station.html.tmpl
  4. 287 202
      summary.html.tmpl
  5. 165 164
      text.php.tmpl
  6. 600 290
      week.html.tmpl
  7. 464 254
      year.html.tmpl

+ 843 - 517
index.html.tmpl

@@ -1,528 +1,854 @@
 <!DOCTYPE html>
 <html class="no-js">
-    <head itemscope itemtype="http://schema.org/Website">
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta http-equiv="Refresh" content="180">
-	#if $Extras.has_key('cwop')
-        <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
-        #else
-        <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
-	#end if
-        <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"/>
-	#end if
-        
-	<title>$station.location Current Weather Conditions</title>
-        
-        <!-- Open Graph -->
-	#if $Extras.has_key('cwop')
-        <meta property="og:site_name" content="$station.location Weather Station ($Extras.cwop)" />
-	<meta property="og:title" content="$station.location ($Extras.cwop) Current Weather Conditions"/>
-	#else
-	<meta property="og:site_name" content="$station.location Weather Station" />
-	<meta property="og:title" content="$station.location Current Weather Conditions"/>
-	#end if
-        #if $Extras.has_key('web_url')
-	<meta property="og:image" content="$Extras.web_url/daytempdew.png"/>
-	<meta property="og:url" content="$Extras.web_url"/>
-	#end if
-	#if $Extras.has_key('cwop')
-        <meta property="og:description" content="Current Weather Conditions in $station.location ($Extras.cwop) - weather web site powered by WeeWX" />
-	#else
-	<meta property="og:description" content="Current Weather Conditions in $station.location - weather web site powered by WeeWX" />
-	#end if
-	<meta property="og:type" content="website" />
-
-	<!--SM Markups -->
-	#if $Extras.has_key('cwop')
-	<meta itemprop="name" content="$station.location ($Extras.cwop) Current Weather Conditions"/>
-	#else
-	<meta itemprop="name" content="$station.location Current Weather Conditions"/>
-	#end if
-        #if $Extras.has_key('web_url')
-	<meta itemprop="image" content="$Extras.web_url/daytempdew.png"/>
-	<meta itemprop="url" content="$Extras.web_url"/>
-	#end if
-	#if $Extras.has_key('cwop')
-        <meta itemprop="description" content="Current Weather Conditions in $station.location ($Extras.cwop) - weather web site powered by WeeWX" />
-	#else
-        <meta itemprop="description" content="Current Weather Conditions in $station.location - weather web site powered by WeeWX" />
-	#end if
-
-        <!-- Icons -->
-        <link rel="icon" href="favicon.ico" type="image/png">
-	<link rel="apple-touch-icon" href="touch-icon.png"/>
-        
-        <!-- Styles -->
-        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-
-	<link rel="stylesheet" href="css/main.css">
-        
-        <!-- Skripte -->
-        <script src="js/modernizr-2.6.2.min.js"></script>
-	<script src="js/checkdiff.js"></script>
-        
-    </head>
-    <body>
-        <header>
-            <div class="container-fix" >
-                <div class="h-left" >
-                <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
-                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
-                </script>
-                </div>
-                
-                <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>
-                        <tr><td><b>Weewx uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-			#if $Extras.has_key('cwop') and $Extras.has_key('crahs')
-			<tr><td><b>Station IDs:</b></td><td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td></tr>
-			#end if
-		    </table>
-                </div>
-
-                <nav>
-                    <ul class="topnav" id="myTopnav">
-			<li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
-                        <li class="active" ><a href="/" >Current</a></li>
-                        <li><a href="week.html" >Week</a></li>
-                        <li><a href="month.html" >Month</a></li>
-                        <li><a href="year.html" >Year</a></li>
-			<li><a href="summary.html" >Summaries</a></li>
-			<li><a href="station.html" >Station</a></li>
-			<li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
-                    </ul>
-                </nav>
-            </div>
-	</header>
-        
-        <div class="main" >
-        <div class="container" >
-            
-            <div class="left" >
-                
-                <div class="card" >
-		    #if $current.rainRate.raw == 0.0
-                    <h1><i class="fa fa-sun-o m-orange" ></i> Current Conditions</h1>
-		    #else if $current.rainRate.raw >= 0.01
-		    <h1><i class="fa fa-umbrella m-blau" ></i> Current Conditions</h1>
-		    #else
-		    <h1><i class="fa fa-sun-o m-orange" ></i> Current Conditions</h1>
-		    #end if
-                    <table class="tablespacer">
-                        <tr><td>Outside Temperature</td><td>$current.outTemp</td></tr>
-                        <tr><td>Wind Chill</td><td>$current.windchill</td></tr>
-                        <tr><td>Heat Index</td><td>$current.heatindex</td></tr>
-                        <tr><td>Dewpoint</td><td>$current.dewpoint</td></tr>
-                        <tr><td>Humidity</td><td>$current.outHumidity</td></tr>
-                        <tr><td>Barometer</td><td>$current.barometer</td></tr>
-                        <tr><td>Barometer Trend ($trend.time_delta.hour.format("%.0f"))</td><td>$trend.barometer</td></tr>
-			#if $current.windSpeed.raw == 0.0
-                        <tr><td>Wind</td><td>$current.windSpeed </td></tr>
-			#else
-			<tr><td>Wind</td><td>$current.windSpeed $current.windDir.ordinal_compass ($current.windDir)</td></tr>
-			#end if
-                        #if $current.windGust.raw == 0.0
-			<tr><td>Wind Gust</td><td>$current.windGust </td></tr>
-			#else
-			<tr><td>Wind Gust</td><td>$current.windGust $current.windGustDir.ordinal_compass ($current.windGustDir)</td></tr>
-			#end if
-			<tr><td>Rain Rate</td><td>$current.rainRate</td></tr>
-                        <tr><td>Inside Temperature</td><td>$current.inTemp</td></tr>
-			<tr><td>Inside Humidity</td><td>$current.inHumidity</td></tr>
-                        #if $day.extraTemp1.has_data
-                        <tr><td>Pond Temperature</td><td>$current.extraTemp1</td></tr>
-                        #end if
-                        #if $day.UV.has_data
-                        <tr><td>UV</td><td>$current.UV</td></tr>
-                        #end if
-                        #if $day.ET.has_data and $day.ET.sum.raw > 0.0
-                        <tr><td>ET</td><td>$current.ET</td></tr>
-                        #end if
-                        #if $day.radiation.has_data
-                        <tr><td>Solar Radiation</td><td>$current.radiation</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-                <div class="card" >
-                    <h1><i class="fa fa-moon-o m-grau" ></i> Since Midnight</h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$day.outTemp.max</td><td>$day.outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$day.outTemp.min</td><td>$day.outTemp.mintime</td></tr>
-                        <tr><td>High Heat Index</td><td>$day.heatindex.max</td><td>$day.heatindex.maxtime</td></tr>
-                        <tr><td>Low Wind Chill</td><td>$day.windchill.min</td><td>$day.windchill.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$day.dewpoint.max</td><td>$day.dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$day.dewpoint.min</td><td>$day.dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$day.outHumidity.max</td><td>$day.outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$day.outHumidity.min</td><td>$day.outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$day.barometer.max</td><td>$day.barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$day.barometer.min</td><td>$day.barometer.mintime</td></tr>
-                        <tr><td>Today's Rain</td><td>$day.rain.sum</td><td></td></tr>
-                        <tr><td>High Rain Rate</td><td>$day.rainRate.max</td><td>$day.rainRate.maxtime</td></tr>
-                        <tr><td>High Wind</td><td>$day.wind.max $day.wind.gustdir</td><td>$day.wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$day.wind.avg</td><td></td></tr>
-                        <tr><td>RMS Wind</td><td>$day.wind.rms</td><td></td></tr>
-                        <tr><td>Vector Average Speed</td><td>$day.wind.vecavg</td><td></td></tr>
-                        <tr><td>Vector Average Direction</td><td>$day.wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$day.inTemp.max</td><td>$day.inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$day.inTemp.min</td><td>$day.inTemp.mintime</td></tr>
-                        <tr><td>High Inside Humidity</td><td>$day.inHumidity.max</td><td>$day.inHumidity.maxtime</td></tr>
-                        <tr><td>Low Inside Humidity</td><td>$day.inHumidity.min</td><td>$day.inHumidity.mintime</td></tr>
-			#if $day.extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$day.extraTemp1.max</td><td>$day.extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$day.extraTemp1.min</td><td>$day.extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $day.UV.has_data
-                        <tr><td>High UV</td><td>$day.UV.max</td><td>$day.UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$day.UV.min</td><td>$day.UV.mintime</td></tr>
-                        #end if
-                        #if $day.ET.has_data and $day.ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$day.ET.max</td><td>$day.ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$day.ET.min</td><td>$day.ET.mintime</td></tr>
-                        #end if
-                        #if $day.radiation.has_data
-                        <tr><td>High Radiation</td><td>$day.radiation.max</td><td>$day.radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$day.radiation.min</td><td>$day.radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-	
-		<div class="card" >
-		    <!--Leap Year Code --!>
-		    #set $yr = int($day.dateTime.format("%Y"))%4
-		    #if $yr == 0
-			#if $yr % 100 == 0
-				#if $yr % 400 == 0
-		    		    #if $day.dateTime.format("%d-%b") == '29-Feb'
-				    	#set $n = 1461
-				    #else if $day.dateTime.format("%d-%b") >= '01-Mar'
-			            	#set $n = 366
-				    #else
-				    	#set $n = 365
-				    #end if
-				#else
-				    #set $n = 365
-				#end if
-			#else
-				#if $day.dateTime.format("%d-%b") == '29-Feb'
-					#set $n = 1461
-				#else if $day.dateTime.format("%d-%b") >= '01-Mar'
-			            	#set $n = 366
-				#else
-				    	#set $n = 365
-				#end if
-			#end if
-		    #else
-			#set $yrNew = ($yr - 1)
-			#if $yrNew % 100 == 0
-				#if $yrNew % 400 == 0
-					#if $day.dateTime.format("%d-%b") < '01-Mar'
-						#set $n = 366
-					#else
-						#set $n = 365
-					#end if
-				#end if
-			#else
-		    		#set $n = 365
-			#end if
-		    #end if
-		    
-		    <h1><i class="fa fa-history" ></i> Last $days_ago($days_ago=$n).dateTime.format("%d-%b (%Y)") </h1>
-		   
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$days_ago($days_ago=$n).outTemp.max</td><td>$days_ago($days_ago=$n).outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$days_ago($days_ago=$n).outTemp.min</td><td>$days_ago($days_ago=$n).outTemp.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$days_ago($days_ago=$n).dewpoint.max</td><td>$days_ago($days_ago=$n).dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$days_ago($days_ago=$n).dewpoint.min</td><td>$days_ago($days_ago=$n).dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$days_ago($days_ago=$n).outHumidity.max</td><td>$days_ago($days_ago=$n).outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$days_ago($days_ago=$n).outHumidity.min</td><td>$days_ago($days_ago=$n).outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$days_ago($days_ago=$n).barometer.max</td><td>$days_ago($days_ago=$n).barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$days_ago($days_ago=$n).barometer.min</td><td>$days_ago($days_ago=$n).barometer.mintime</td></tr>
-                        <tr><td>Rain</td><td>$days_ago($days_ago=$n).rain.sum</td><td></td></tr>
-			<tr><td>High Rain Rate</td><td>$days_ago($days_ago=$n).rainRate.max</td><td>$days_ago($days_ago=$n).rainRate.maxtime</td></tr>
-			<tr><td>High Wind</td><td>$days_ago($days_ago=$n).wind.max $day.wind.gustdir</td><td>$days_ago($days_ago=$n).wind.maxtime</td></tr>
-                        <tr><td>High Inside Temperature</td><td>$days_ago($days_ago=$n).inTemp.max</td><td>$days_ago($days_ago=$n).inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$days_ago($days_ago=$n).inTemp.min</td><td>$days_ago($days_ago=$n).inTemp.mintime</td></tr>
-                        <tr><td>High Inside Humidity</td><td>$days_ago($days_ago=$n).inHumidity.max</td><td>$days_ago($days_ago=$n).inHumidity.maxtime</td></tr>
-                        <tr><td>Low Inside Humidity</td><td>$days_ago($days_ago=$n).inHumidity.min</td><td>$days_ago($days_ago=$n).inHumidity.mintime</td></tr>
-			#if $day.extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$days_ago($days_ago=$n).extraTemp1.max</td><td>$days_ago($days_ago=$n).extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$days_ago($days_ago=$n).extraTemp1.min</td><td>$days_ago($days_ago=$n).extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $days_ago($days_ago=$n).UV.has_data
-                        <tr><td>High UV</td><td>$days_ago($days_ago=$n).UV.max</td><td>$days_ago($days_ago=$n).UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$days_ago($days_ago=$n).UV.min</td><td>$days_ago($days_ago=$n).UV.mintime</td></tr>
-                        #end if
-                        #if $days_ago($days_ago=$n).ET.has_data and $days_ago($days_ago=$n).ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$days_ago($days_ago=$n).ET.max</td><td>$days_ago($days_ago=$n).ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$days_ago($days_ago=$n).ET.min</td><td>$days_ago($days_ago=$n).ET.mintime</td></tr>
-                        #end if
-                        #if $days_ago($days_ago=$n).radiation.has_data
-                        <tr><td>High Radiation</td><td>$days_ago($days_ago=$n).radiation.max</td><td>$days_ago($days_ago=$n).radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$days_ago($days_ago=$n).radiation.min</td><td>$days_ago($days_ago=$n).radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-                #if $Extras.has_key('radar_img')
-                <div class="card" >                    
-                    #if $Extras.has_key('radar_url')
-                    <a href="$Extras.radar_url" target="_blank">
-                    #end if
-                    <img src="$Extras.radar_img" alt="Radar" id="radar" class="space small" />
-                    #if $Extras.has_key('radar_url')
-                    </a>
-                    #end if
-                    
-                    <h3>
-                        #if $Extras.has_key('radar_gif')
-                        
-                        <a id="btn1" class="cpointer" >Image / Animation</a>
-                        <script>    
-                            function changeRadar() {
-                                if(document.getElementById("radar").src == "$Extras.radar_img") {
-                                    document.getElementById("radar").src = "$Extras.radar_gif";
-                                } else {
-                                    document.getElementById("radar").src = "$Extras.radar_img";
-                                }
-                            }
-                            
-                            var el = document.getElementById('btn1');
-                            el.onclick = changeRadar;
-                        </script>
-                        #end if
-                    
-                        #if $Extras.has_key('radar_url_alt')
-                        #if $Extras.has_key('radar_url_alt_text')
-                        | <a href="$Extras.radar_url_alt" target="_blank" >$Extras.radar_url_alt_text</a>
-                        #else 
-                        | <a href="$Extras.radar_url_alt" target="_blank" >Second Radar</a>
-                        #end if
-                        #end if
-                    </h3>
-                    
-                </div>
+  <head itemscope itemtype="http://schema.org/Website">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Refresh" content="180">
+    #if $Extras.has_key('cwop')
+    <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
+    #else
+    <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
+    #end if
+    <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"/>
+    #end if
+    <title>$station.location Current Weather Conditions</title>
+    <!-- Open Graph -->
+    #if $Extras.has_key('cwop')
+    <meta property="og:site_name" content="$station.location Weather Station ($Extras.cwop)" />
+    <meta property="og:title" content="$station.location ($Extras.cwop) Current Weather Conditions"/>
+    #else
+    <meta property="og:site_name" content="$station.location Weather Station" />
+    <meta property="og:title" content="$station.location Current Weather Conditions"/>
+    #end if
+    <meta property="og:image" content="$Extras.web_url/daytempdew.png"/>
+    #if $Extras.has_key('web_url')
+    <meta property="og:url" content="$Extras.web_url"/>
+    #end if
+    #if $Extras.has_key('cwop')
+    <meta property="og:description" content="Current Weather Conditions in $station.location ($Extras.cwop) - weather web site powered by WeeWX" />
+    #else
+    <meta property="og:description" content="Current Weather Conditions in $station.location - weather web site powered by WeeWX" />
+    #end if
+    <meta property="og:type" content="website" />
+    <!--SM Markups -->
+    #if $Extras.has_key('cwop')
+    <meta itemprop="name" content="$station.location ($Extras.cwop) Current Weather Conditions"/>
+    #else
+    <meta itemprop="name" content="$station.location Current Weather Conditions"/>
+    #end if
+    <meta itemprop="image" content="$Extras.web_url/daytempdew.png"/>
+    #if $Extras.has_key('web_url')
+    <meta itemprop="url" content="$Extras.web_url"/>
+    #end if
+    #if $Extras.has_key('cwop')
+    <meta itemprop="description" content="Current Weather Conditions in $station.location ($Extras.cwop) - weather web site powered by WeeWX" />
+    #else
+    <meta itemprop="description" content="Current Weather Conditions in $station.location - weather web site powered by WeeWX" />
+    #end if
+    <!-- Icons -->
+    <link rel="icon" href="favicon.ico" type="image/png">
+    <link rel="apple-touch-icon" href="touch-icon.png"/>
+    <!-- Styles -->
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <!-- Skripte -->
+    <script src="js/modernizr-2.6.2.min.js"></script>
+    <script src="js/checkdiff.js"></script>
+  </head>
+  <body>
+    <header>
+      <div class="container-fix" >
+        <div class="h-left" >
+          <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
+            window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+          </script>
+        </div>
+        <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>
+            <tr>
+              <td><b>Weewx uptime:</b></td>
+              <td>$station.uptime</td>
+            </tr>
+            <tr>
+              <td><b>Server uptime:</b></td>
+              <td>$station.os_uptime</td>
+            </tr>
+            #if $Extras.has_key('cwop') and $Extras.has_key('crahs')
+            <tr>
+              <td><b>Station IDs:</b></td>
+              <td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td>
+            </tr>
+            #end if
+          </table>
+        </div>
+        <nav>
+          <ul class="topnav" id="myTopnav">
+            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
+            <li class="active" ><a href="/" >Current</a></li>
+            <li><a href="week.html" >Week</a></li>
+            <li><a href="month.html" >Month</a></li>
+            <li><a href="year.html" >Year</a></li>
+            <li><a href="summary.html" >Summaries</a></li>
+            <li><a href="station.html" >Station</a></li>
+            <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <div class="main" >
+      <div class="container" >
+        <div class="left" >
+          <div class="card" >
+            #if $current.rainRate.raw == 0.0
+            <h1><i class="fa fa-sun-o m-orange" ></i> Current Conditions</h1>
+            #else if $current.rainRate.raw >= 0.01
+            <h1><i class="fa fa-umbrella m-blau" ></i> Current Conditions</h1>
+            #else
+            <h1><i class="fa fa-sun-o m-orange" ></i> Current Conditions</h1>
+            #end if
+            <table class="tablespacer">
+              <tr>
+                <td>Outside Temperature</td>
+                <td>$current.outTemp</td>
+              </tr>
+              <tr>
+                <td>Wind Chill</td>
+                <td>$current.windchill</td>
+              </tr>
+              <tr>
+                <td>Heat Index</td>
+                <td>$current.heatindex</td>
+              </tr>
+              <tr>
+                <td>Dewpoint</td>
+                <td>$current.dewpoint</td>
+              </tr>
+              <tr>
+                <td>Humidity</td>
+                <td>$current.outHumidity</td>
+              </tr>
+              <tr>
+                <td>Barometer</td>
+                <td>$current.barometer</td>
+              </tr>
+              <tr>
+                <td>Barometer Trend ($trend.time_delta.hour.format("%.0f"))</td>
+                <td>$trend.barometer</td>
+              </tr>
+              #if $current.windSpeed.raw == 0.0
+              <tr>
+                <td>Wind</td>
+                <td>$current.windSpeed </td>
+              </tr>
+              #else
+              <tr>
+                <td>Wind</td>
+                <td>$current.windSpeed $current.windDir.ordinal_compass ($current.windDir)</td>
+              </tr>
+              #end if
+              #if $current.windGust.raw == 0.0
+              <tr>
+                <td>Wind Gust</td>
+                <td>$current.windGust </td>
+              </tr>
+              #else
+              <tr>
+                <td>Wind Gust</td>
+                <td>$current.windGust $current.windGustDir.ordinal_compass ($current.windGustDir)</td>
+              </tr>
+              #end if
+              <tr>
+                <td>Rain Rate</td>
+                <td>$current.rainRate</td>
+              </tr>
+              <tr>
+                <td>Inside Temperature</td>
+                <td>$current.inTemp</td>
+              </tr>
+              <tr>
+                <td>Inside Humidity</td>
+                <td>$current.inHumidity</td>
+              </tr>
+              #if $day.extraTemp1.has_data
+              <tr>
+                <td>Pond Temperature</td>
+                <td>$current.extraTemp1</td>
+              </tr>
+              #end if
+              #if $day.UV.has_data
+              <tr>
+                <td>UV</td>
+                <td>$current.UV</td>
+              </tr>
+              #end if
+              #if $day.ET.has_data and $day.ET.sum.raw > 0.0
+              <tr>
+                <td>ET</td>
+                <td>$current.ET</td>
+              </tr>
+              #end if
+              #if $day.radiation.has_data
+              <tr>
+                <td>Solar Radiation</td>
+                <td>$current.radiation</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+          <div class="card" >
+            <h1><i class="fa fa-moon-o m-grau" ></i> Since Midnight</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$day.outTemp.max</td>
+                <td>$day.outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$day.outTemp.min</td>
+                <td>$day.outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Heat Index</td>
+                <td>$day.heatindex.max</td>
+                <td>$day.heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$day.windchill.min</td>
+                <td>$day.windchill.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$day.dewpoint.max</td>
+                <td>$day.dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$day.dewpoint.min</td>
+                <td>$day.dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$day.outHumidity.max</td>
+                <td>$day.outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$day.outHumidity.min</td>
+                <td>$day.outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$day.barometer.max</td>
+                <td>$day.barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$day.barometer.min</td>
+                <td>$day.barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>Today's Rain</td>
+                <td>$day.rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$day.rainRate.max</td>
+                <td>$day.rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Wind</td>
+                <td>$day.wind.max $day.wind.gustdir</td>
+                <td>$day.wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$day.wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>RMS Wind</td>
+                <td>$day.wind.rms</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Speed</td>
+                <td>$day.wind.vecavg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$day.wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$day.inTemp.max</td>
+                <td>$day.inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$day.inTemp.min</td>
+                <td>$day.inTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Inside Humidity</td>
+                <td>$day.inHumidity.max</td>
+                <td>$day.inHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Humidity</td>
+                <td>$day.inHumidity.min</td>
+                <td>$day.inHumidity.mintime</td>
+              </tr>
+              #if $day.extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$day.extraTemp1.max</td>
+                <td>$day.extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$day.extraTemp1.min</td>
+                <td>$day.extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $day.UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$day.UV.max</td>
+                <td>$day.UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$day.UV.min</td>
+                <td>$day.UV.mintime</td>
+              </tr>
+              #end if
+              #if $day.ET.has_data and $day.ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$day.ET.max</td>
+                <td>$day.ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$day.ET.min</td>
+                <td>$day.ET.mintime</td>
+              </tr>
+              #end if
+              #if $day.radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$day.radiation.max</td>
+                <td>$day.radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$day.radiation.min</td>
+                <td>$day.radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+          <div class="card" >
+            <!--Leap Year Code -->
+            #set $yr = int($day.dateTime.format("%Y"))%4
+            #if $yr == 0
+              #if $yr % 100 == 0
+                #if $yr % 400 == 0
+                  #if $day.dateTime.format("%d-%b") == '29-Feb'
+                    #set $n = 1461
+                  #else if $day.dateTime.format("%d-%b") >= '01-Mar'
+                    #set $n = 366
+                  #else
+                    #set $n = 365
+                  #end if
+                #else
+                  #set $n = 365
+                #end if
+              #else
+                #if $day.dateTime.format("%d-%b") == '29-Feb'
+                  #set $n = 1461
+                #else if $day.dateTime.format("%d-%b") >= '01-Mar'
+                  #set $n = 366
+                #else
+                  #set $n = 365
                 #end if
+              #end if
+            #else
+              #set $yrNew = ($yr - 1)
+            #if $yrNew % 100 == 0
+              #if $yrNew % 400 == 0
+                #if $day.dateTime.format("%d-%b") < '01-Mar'
+                  #set $n = 366
+                #else
+                  #set $n = 365
+                #end if
+              #end if
+              #else
+                #set $n = 365
+              #end if
+            #end if
+            <h1><i class="fa fa-history" ></i> Last $days_ago($days_ago=$n).dateTime.format("%d-%b (%Y)") </h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$days_ago($days_ago=$n).outTemp.max</td>
+                <td>$days_ago($days_ago=$n).outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$days_ago($days_ago=$n).outTemp.min</td>
+                <td>$days_ago($days_ago=$n).outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$days_ago($days_ago=$n).dewpoint.max</td>
+                <td>$days_ago($days_ago=$n).dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$days_ago($days_ago=$n).dewpoint.min</td>
+                <td>$days_ago($days_ago=$n).dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$days_ago($days_ago=$n).outHumidity.max</td>
+                <td>$days_ago($days_ago=$n).outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$days_ago($days_ago=$n).outHumidity.min</td>
+                <td>$days_ago($days_ago=$n).outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$days_ago($days_ago=$n).barometer.max</td>
+                <td>$days_ago($days_ago=$n).barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$days_ago($days_ago=$n).barometer.min</td>
+                <td>$days_ago($days_ago=$n).barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>Rain</td>
+                <td>$days_ago($days_ago=$n).rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$days_ago($days_ago=$n).rainRate.max</td>
+                <td>$days_ago($days_ago=$n).rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Wind</td>
+                <td>$days_ago($days_ago=$n).wind.max $day.wind.gustdir</td>
+                <td>$days_ago($days_ago=$n).wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$days_ago($days_ago=$n).inTemp.max</td>
+                <td>$days_ago($days_ago=$n).inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$days_ago($days_ago=$n).inTemp.min</td>
+                <td>$days_ago($days_ago=$n).inTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Inside Humidity</td>
+                <td>$days_ago($days_ago=$n).inHumidity.max</td>
+                <td>$days_ago($days_ago=$n).inHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Humidity</td>
+                <td>$days_ago($days_ago=$n).inHumidity.min</td>
+                <td>$days_ago($days_ago=$n).inHumidity.mintime</td>
+              </tr>
+              #if $day.extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$days_ago($days_ago=$n).extraTemp1.max</td>
+                <td>$days_ago($days_ago=$n).extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$days_ago($days_ago=$n).extraTemp1.min</td>
+                <td>$days_ago($days_ago=$n).extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $days_ago($days_ago=$n).UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$days_ago($days_ago=$n).UV.max</td>
+                <td>$days_ago($days_ago=$n).UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$days_ago($days_ago=$n).UV.min</td>
+                <td>$days_ago($days_ago=$n).UV.mintime</td>
+              </tr>
+              #end if
+              #if $days_ago($days_ago=$n).ET.has_data and $days_ago($days_ago=$n).ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$days_ago($days_ago=$n).ET.max</td>
+                <td>$days_ago($days_ago=$n).ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$days_ago($days_ago=$n).ET.min</td>
+                <td>$days_ago($days_ago=$n).ET.mintime</td>
+              </tr>
+              #end if
+              #if $days_ago($days_ago=$n).radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$days_ago($days_ago=$n).radiation.max</td>
+                <td>$days_ago($days_ago=$n).radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$days_ago($days_ago=$n).radiation.min</td>
+                <td>$days_ago($days_ago=$n).radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+          #if $Extras.has_key('radar_img')
+          <div class="card" >
+            #if $Extras.has_key('radar_url')
+            <a href="$Extras.radar_url" target="_blank">
+            #end if
+            <img src="$Extras.radar_img" alt="Radar" id="radar" class="space small" />
+            #if $Extras.has_key('radar_url')
+            </a>
+            #end if
+            <h3>
+              #if $Extras.has_key('radar_gif')
+              <a id="btn1" class="cpointer" >Image / Animation</a>
+              <script>    
+                function changeRadar() {
+                    if(document.getElementById("radar").src == "$Extras.radar_img") {
+                        document.getElementById("radar").src = "$Extras.radar_gif";
+                    } else {
+                        document.getElementById("radar").src = "$Extras.radar_img";
+                    }
+                }
                 
-                #if $Extras.has_key('lightning_map')
-                <div class="card" >
-                    #if $Extras.has_key('lightning_url')
-                    <a href="$Extras.lightning_url" target="_blank">
-                    #end if
-                    <img src="$Extras.lightning_map" alt="Lightning Map" class="space small" />
-                    #if $Extras.has_key('lightning_url')
-                    </a>
-                    #end if
-                </div>
+                var el = document.getElementById('btn1');
+                el.onclick = changeRadar;
+              </script>
+              #end if
+              #if $Extras.has_key('radar_url_alt')
+                #if $Extras.has_key('radar_url_alt_text')
+                  | <a href="$Extras.radar_url_alt" target="_blank" >$Extras.radar_url_alt_text</a>
+                #else 
+                  | <a href="$Extras.radar_url_alt" target="_blank" >Second Radar</a>
                 #end if
-
-		#if $Extras.has_key('camera')
-		<!--camera section-->
-		<div class="card" >
-                    <h1><i class="fa fa-camera" style="color:#999"></i> Local Cameras</h1>	
-			<div class="s-center s-content s-display-container" style="max-width:800px">
-			#set $b=0
-			#for $i in $Extras.camera
-                          <div class="mySlides"><b>$Extras.cameratitle[$b]</b><br>
-			  <img src="$i" alt="camera $b" style="width:100%">
-                          </div>
-                          #set $b=$b+1 
-			#end for
-			  
-  			<div class="s-center s-container s-section s-large s-text-white s-display-bottommiddle" style="width:100%">
-    			    <div class="s-left" onclick="plusDivs(-1)">&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-chevron-left s-hover-text-gray"></i></div>
-			    <div class="s-right" onclick="plusDivs(1)"><i class="fa fa-chevron-right s-hover-text-gray"></i>&nbsp;&nbsp;&nbsp;&nbsp;</div>
-			    #set $a=1
-			    #for $j in $Extras.camera
-			     <span class="s-badge demo s-border s-transparent s-hover-white" onclick="currentDiv($a)"></span>
-			     #set $a=$a+1 
-			    #end for
-			    </div>
-			</div>
-
-			<script>
-			var slideIndex = 1;
-			showDivs(slideIndex);
-
-			function plusDivs(n) {
-			  showDivs(slideIndex += n);
-			}
-
-			function currentDiv(n) {
-			  showDivs(slideIndex = n);
-			}
-
-			function showDivs(n) {
-			  var i;
-			  var x = document.getElementsByClassName("mySlides");
-			  var dots = document.getElementsByClassName("demo");
-			  if (n > x.length) {slideIndex = 1}    
-			  if (n < 1) {slideIndex = x.length}
-			  for (i = 0; i < x.length; i++) {
-			     x[i].style.display = "none";  
-			  }
-			  for (i = 0; i < dots.length; i++) {
-			     dots[i].className = dots[i].className.replace(" s-white", "");
-			  }
-			  x[slideIndex-1].style.display = "block";  
-			  dots[slideIndex-1].className += " s-white";
-			}
-			</script>
-		</div>
+              #end if
+            </h3>
+          </div>
+          #end if
+          #if $Extras.has_key('lightning_map')
+          <div class="card" >
+            #if $Extras.has_key('lightning_url')
+            <a href="$Extras.lightning_url" target="_blank">
+            #end if
+            <img src="$Extras.lightning_map" alt="Lightning Map" class="space small" />
+            #if $Extras.has_key('lightning_url')
+            </a>
+            #end if
+          </div>
+          #end if
+          #if $Extras.has_key('camera')
+          <!--camera section-->
+          <div class="card" >
+            <h1><i class="fa fa-camera" style="color:#999"></i> Local Cameras</h1>
+            <div class="s-center s-content s-display-container" style="max-width:800px">
+              #set $b=0
+              #for $i in $Extras.camera
+              <div class="mySlides"><b>$Extras.cameratitle[$b]</b><br>
+                <img src="$i" alt="camera $b" style="width:100%">
+              </div>
+              #set $b=$b+1 
+              #end for
+              <div class="s-center s-container s-section s-large s-text-white s-display-bottommiddle" style="width:100%">
+                <div class="s-left" onclick="plusDivs(-1)">&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-chevron-left s-hover-text-gray"></i></div>
+                <div class="s-right" onclick="plusDivs(1)"><i class="fa fa-chevron-right s-hover-text-gray"></i>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+                #set $a=1
+                #for $j in $Extras.camera
+                <span class="s-badge demo s-border s-transparent s-hover-white" onclick="currentDiv($a)"></span>
+                #set $a=$a+1 
+                #end for
+              </div>
+            </div>
+            <script>
+              var slideIndex = 1;
+              showDivs(slideIndex);
+              
+              function plusDivs(n) {
+                showDivs(slideIndex += n);
+              }
+              
+              function currentDiv(n) {
+                showDivs(slideIndex = n);
+              }
+              
+              function showDivs(n) {
+                var i;
+                var x = document.getElementsByClassName("mySlides");
+                var dots = document.getElementsByClassName("demo");
+                if (n > x.length) {slideIndex = 1}    
+                if (n < 1) {slideIndex = x.length}
+                for (i = 0; i < x.length; i++) {
+                   x[i].style.display = "none";  
+                }
+                for (i = 0; i < dots.length; i++) {
+                   dots[i].className = dots[i].className.replace(" s-white", "");
+                }
+                x[slideIndex-1].style.display = "block";  
+                dots[slideIndex-1].className += " s-white";
+              }
+            </script>
+          </div>
+          #end if
+        </div>
+        <div class="right" >
+          <div class="card" >
+            <h1><i class="fa fa-star-o m-rot" ></i> Almanac</h1>
+            #if $almanac.hasExtras
+            ## Extended almanac information is available. Do the full set of tables.
+            #set $sun_altitude = $almanac.sun.alt
+            #if $sun_altitude < 0
+            #set $sun_None="<i>(Always down)</i>"
+            #else
+            #set $sun_None="<i>(Always up)</i>"
+            #end if
+            <div class="haelfte" >
+              <h3>Sun</h3>
+              <table>
+                <tr>
+                  <td>Start civil twilight:</td>
+                  <td>$almanac(horizon=-6).sun(use_center=1).rise</td>
+                </tr>
+                <tr>
+                  <td>Sunrise</td>
+                  <td>$almanac.sun.rise.string($sun_None)</td>
+                </tr>
+                <tr>
+                  <td>Transit:</td>
+                  <td>$almanac.sun.transit</td>
+                </tr>
+                <tr>
+                  <td>Sunset:</td>
+                  <td>$almanac.sun.set.string($sun_None)</td>
+                </tr>
+                <tr>
+                  <td>End civil twilight:</td>
+                  <td>$almanac(horizon=-6).sun(use_center=1).set</td>
+                </tr>
+                <tr>
+                  <td>Azimuth:</td>
+                  <td>$("%.1f&deg;" % $almanac.sun.az)</td>
+                </tr>
+                <tr>
+                  <td>Altitude:</td>
+                  <td>$("%.1f&deg;" % $sun_altitude)</td>
+                </tr>
+                <tr>
+                  <td>Right ascension:</td>
+                  <td>$("%.1f&deg;" % $almanac.sun.ra)</td>
+                </tr>
+                <tr>
+                  <td>Declination:</td>
+                  <td>$("%.1f&deg;" % $almanac.sun.dec)</td>
+                </tr>
+                #if $almanac.next_equinox.raw < $almanac.next_solstice.raw
+                ## The equinox is before the solstice. Display them in order.
+                <tr>
+                  <td>Equinox:</td>
+                  <td>$almanac.next_equinox</td>
+                </tr>
+                <tr>
+                  <td>Solstice:</td>
+                  <td>$almanac.next_solstice</td>
+                </tr>
+                #else
+                ## The solstice is before the equinox. Display them in order.
+                <tr>
+                  <td>Solstice:</td>
+                  <td>$almanac.next_solstice</td>
+                </tr>
+                <tr>
+                  <td>Equinox:</td>
+                  <td>$almanac.next_equinox</td>
+                </tr>
                 #end if
-
+              </table>
             </div>
-            
-            <div class="right" >
-
-                <div class="card" >
-                    <h1><i class="fa fa-star-o m-rot" ></i> Almanac</h1>
-                    #if $almanac.hasExtras
-                    ## Extended almanac information is available. Do the full set of tables.
-                    #set $sun_altitude = $almanac.sun.alt
-                    #if $sun_altitude < 0
-                    #set $sun_None="<i>(Always down)</i>"
-                    #else
-                    #set $sun_None="<i>(Always up)</i>"
-                    #end if
-                    <div class="haelfte" >
-                        <h3>Sun</h3>
-                        <table>
-                            <tr><td>Start civil twilight:</td><td>$almanac(horizon=-6).sun(use_center=1).rise</td></tr>
-                            <tr><td>Sunrise</td><td>$almanac.sun.rise.string($sun_None)</td></tr>
-                            <tr><td>Transit:</td><td>$almanac.sun.transit</td></tr>
-                            <tr><td>Sunset:</td><td>$almanac.sun.set.string($sun_None)</td></tr>
-                            <tr><td>End civil twilight:</td><td>$almanac(horizon=-6).sun(use_center=1).set</td></tr>
-                            <tr><td>Azimuth:</td><td>$("%.1f&deg;" % $almanac.sun.az)</td></tr>
-                            <tr><td>Altitude:</td><td>$("%.1f&deg;" % $sun_altitude)</td></tr>
-                            <tr><td>Right ascension:</td><td>$("%.1f&deg;" % $almanac.sun.ra)</td></tr>
-                            <tr><td>Declination:</td><td>$("%.1f&deg;" % $almanac.sun.dec)</td></tr>
-                            #if $almanac.next_equinox.raw < $almanac.next_solstice.raw
-                            ## The equinox is before the solstice. Display them in order.
-                            <tr><td>Equinox:</td><td>$almanac.next_equinox</td></tr>
-                            <tr><td>Solstice:</td><td>$almanac.next_solstice</td></tr>
-                            #else
-                            ## The solstice is before the equinox. Display them in order.
-                            <tr><td>Solstice:</td><td>$almanac.next_solstice</td></tr>
-                            <tr><td>Equinox:</td><td>$almanac.next_equinox</td></tr>
-                            #end if
-                        </table>
-                    </div>
-                    <div class="haelfte" >
-                        <h3>Moon</h3>
-                        <table>
-                            <tr><td>Rise:</td><td>$almanac.moon.rise</td></tr>
-                            <tr><td>Transit:</td><td>$almanac.moon.transit</td></tr>
-                            <tr><td>Set:</td><td>$almanac.moon.set</td></tr>
-                            <tr><td>Azimuth:</td><td>$("%.1f&deg;" % $almanac.moon.az)</td></tr>
-                            <tr><td>Altitude:</td><td>$("%.1f&deg;" % $almanac.moon.alt)</td></tr>
-                            <tr><td>Right ascension:</td><td>$("%.1f&deg;" % $almanac.moon.ra)</td></tr>
-                            <tr><td>Declination:</td><td>$("%.1f&deg;" % $almanac.moon.dec)</td></tr>
-                            #if $almanac.next_full_moon.raw < $almanac.next_new_moon.raw
-                            <tr><td>Full moon:</td><td>$almanac.next_full_moon</td></tr>
-                            <tr><td>New moon:</td><td>$almanac.next_new_moon</td></tr>
-                            #else
-                            <tr><td>New moon:</td><td>$almanac.next_new_moon</td></tr>
-                            <tr><td>Full moon:</td><td>$almanac.next_full_moon</td></tr>
-                            #end if
-                            <tr><td>Phase:</td><td>$almanac.moon_phase<br />($almanac.moon_fullness% full)</td></tr>
-                        </table>
-                    </div>
-                    #else
-                    ## No extended almanac information available. Fall back to a simple table.
-                    <table>
-                        <tr><td>Sunrise:</td><td>$almanac.sunrise</td></tr>
-                        <tr><td>Sunset:</td><td>$almanac.sunset</td></tr>
-                        <tr><td>Moon Phase:</td><td>$almanac.moon_phase<br/>($almanac.moon_fullness% full)</td></tr>
-                    </table>
-                    #end if
-                </div>
-                
-                <div class="card cc graphs" >
-                    <h1><i class="fa fa-line-chart m-gruen" ></i> Graphs</h1>
-                    
-                    <img src="daytempdew.png" alt="temperatures" />
-                    <img src="dayrain.png" alt="rain" />
-                    <img src="daywind.png" alt="wind" />
-                    <img src="daywinddir.png" alt="Hi Wind" />
-		    <img src="daywindvec.png" alt="Wind Vector" />
-                    <img src="daytempchill.png" alt="heatchill" />
-		    <img src="daybarometer.png" alt="barometer"/>
-                    <img src="dayinside.png" alt="Inside" />
-		    <img src="dayinhumid.png" alt="Inside/Outside Humidity" />
-                    #if $day.radiation.has_data
-                    <img src="dayradiation.png" alt="Radiation" />
-                    #end if
-                    #if $day.UV.has_data
-                    <img src="dayuv.png" alt="UV Index" />
-                    #end if
-                    #if $day.rxCheckPercent.has_data
-                    <img src="dayrx.png" alt="day rx percent"/>
-                    #end if
-                    #if $day.extraTemp1.has_data
-                    <img src="daypond.png" alt="Pond Temperatures" />
-                    #end if
-                </div>
-                
+            <div class="haelfte" >
+              <h3>Moon</h3>
+              <table>
+                <tr>
+                  <td>Rise:</td>
+                  <td>$almanac.moon.rise</td>
+                </tr>
+                <tr>
+                  <td>Transit:</td>
+                  <td>$almanac.moon.transit</td>
+                </tr>
+                <tr>
+                  <td>Set:</td>
+                  <td>$almanac.moon.set</td>
+                </tr>
+                <tr>
+                  <td>Azimuth:</td>
+                  <td>$("%.1f&deg;" % $almanac.moon.az)</td>
+                </tr>
+                <tr>
+                  <td>Altitude:</td>
+                  <td>$("%.1f&deg;" % $almanac.moon.alt)</td>
+                </tr>
+                <tr>
+                  <td>Right ascension:</td>
+                  <td>$("%.1f&deg;" % $almanac.moon.ra)</td>
+                </tr>
+                <tr>
+                  <td>Declination:</td>
+                  <td>$("%.1f&deg;" % $almanac.moon.dec)</td>
+                </tr>
+                #if $almanac.next_full_moon.raw < $almanac.next_new_moon.raw
+                <tr>
+                  <td>Full moon:</td>
+                  <td>$almanac.next_full_moon</td>
+                </tr>
+                <tr>
+                  <td>New moon:</td>
+                  <td>$almanac.next_new_moon</td>
+                </tr>
+                #else
+                <tr>
+                  <td>New moon:</td>
+                  <td>$almanac.next_new_moon</td>
+                </tr>
+                <tr>
+                  <td>Full moon:</td>
+                  <td>$almanac.next_full_moon</td>
+                </tr>
+                #end if
+                <tr>
+                  <td>Phase:</td>
+                  <td>$almanac.moon_phase<br />($almanac.moon_fullness% full)</td>
+                </tr>
+              </table>
             </div>
+            #else
+            ## No extended almanac information available. Fall back to a simple table.
+            <table>
+              <tr>
+                <td>Sunrise:</td>
+                <td>$almanac.sunrise</td>
+              </tr>
+              <tr>
+                <td>Sunset:</td>
+                <td>$almanac.sunset</td>
+              </tr>
+              <tr>
+                <td>Moon Phase:</td>
+                <td>$almanac.moon_phase<br/>($almanac.moon_fullness% full)</td>
+              </tr>
+            </table>
+            #end if
+          </div>
+          <div class="card cc graphs" >
+            <h1><i class="fa fa-line-chart m-gruen" ></i> Graphs</h1>
+            <img src="daytempdew.png" alt="temperatures" />
+            <img src="dayrain.png" alt="rain" />
+            <img src="daywind.png" alt="wind" />
+            <img src="daywinddir.png" alt="Hi Wind" />
+            <img src="daywindvec.png" alt="Wind Vector" />
+            <img src="daytempchill.png" alt="heatchill" />
+            <img src="daybarometer.png" alt="barometer"/>
+            <img src="dayinside.png" alt="Inside" />
+            <img src="dayinhumid.png" alt="Inside/Outside Humidity" />
+            #if $day.radiation.has_data
+            <img src="dayradiation.png" alt="Radiation" />
+            #end if
+            #if $day.UV.has_data
+            <img src="dayuv.png" alt="UV Index" />
+            #end if
+            #if $day.rxCheckPercent.has_data
+            <img src="dayrx.png" alt="day rx percent"/>
+            #end if
+            #if $day.extraTemp1.has_data
+            <img src="daypond.png" alt="Pond Temperatures" />
+            #end if
+          </div>
         </div>
+      </div>
+    </div>
+    <footer>
+      <div class="container-fix">
+        <div style="text-align:center">
+          #if $Extras.has_key('you')
+          <i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
+          #end if
+          &sdot;
+          Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
+          <br>
+          Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
+          &sdot;
+          CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
         </div>
-        
-	<footer>
-            <div class="container-fix">
-	      <div style="text-align:center">
-		#if $Extras.has_key('you')
-            	<i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
-            	#end if
-		&sdot;
-	    	Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
-	   	<br>
-	    	Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
-                &sdot;
-		CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
-	      </div>
-	    </div>
-        </footer>
-
-        #if $Extras.has_key('googleAnalyticsId')
-        <!-- Google Analytics -->
-        <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-            
-            ga('create', '$Extras.googleAnalyticsId', 'auto');
-            ga('send', 'pageview');
-        </script>
-        #end if
-
-<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
-<script>
-function myFunction() {
-    var x = document.getElementById("myTopnav");
-    if (x.className === "topnav") {
-        x.className += " responsive";
-    } else {
-        x.className = "topnav";
-    }
-}
-</script>
-
-    </body>
+      </div>
+    </footer>
+    #if $Extras.has_key('googleAnalyticsId')
+    <!-- Google Analytics -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+      
+      ga('create', '$Extras.googleAnalyticsId', 'auto');
+      ga('send', 'pageview');
+    </script>
+    #end if
+    <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
+    <script>
+      function myFunction() {
+          var x = document.getElementById("myTopnav");
+          if (x.className === "topnav") {
+              x.className += " responsive";
+          } else {
+              x.className = "topnav";
+          }
+      }
+    </script>
+  </body>
 </html>
+

+ 458 - 248
month.html.tmpl

@@ -1,253 +1,463 @@
 <!DOCTYPE html>
 <html class="no-js">
-    <head itemscope itemtype="http://schema.org/Website">
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta http-equiv="Refresh" content="180">
-	#if $Extras.has_key('cwop')
-        <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
-        #else
-        <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
-	#end if
-        <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 href="$Extras.web_url/month.html" itemprop="url"/>
-	#end if
-        
-	<title itemprop="name">$station.location Monthly Weather Summary</title>
-        
-        <!-- Open Graph -->
-	<meta property="og:site_name" content="$station.location Monthly Weather Summary" />
-	<meta property="og:title" content="Monthly Weather Summary"/>
-	#if $Extras.has_key('web_url')
-	<meta property="og:url" content="$Extras.web_url/month.html"/>
-	#end if
-        <meta property="og:description" content="Monthly Weather Summary for $station.location - weather web site powered by WeeWX" />
-	<meta property="og:type" content="website" />
-
-        <!-- Icons -->
-        <link rel="icon" href="favicon.ico" type="image/png">
-	<link rel="apple-touch-icon" href="touch-icon.png"/>
-        
-        <!-- Styles -->
-        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="css/main.css">
-        
-        <!-- Skripte -->
-        <script src="js/modernizr-2.6.2.min.js"></script>
-	<script src="js/checkdiff.js"></script>
-        
-    </head>
-    <body>
-
-	<header>
-            <div class="container-fix" >
-                <div class="h-left" >
-                <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
-                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
-                </script>
-                </div>
-                
-                <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>
-                        <tr><td><b>Weewx uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-			#if $Extras.has_key('cwop') and $Extras.has_key('crahs')
-			<tr><td><b>Station IDs:</b></td><td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td></tr>
-			#end if
-                    </table>
-                </div>
-
-                <nav>
-                    <ul class="topnav" id="myTopnav">
-			<li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
-                        <li><a href="/" >Current</a></li>
-                        <li><a href="week.html" >Week</a></li>
-                        <li class="active"><a href="month.html" >Month</a></li>
-                        <li><a href="year.html" >Year</a></li>
-			<li><a href="summary.html" >Summaries</a></li>
-			<li><a href="station.html" >Station</a></li>
-			<li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
-                    </ul>
-                </nav>
-            </div>
-	</header>
-        
-        <div class="main" >
-        <div class="container" >
-            
-            <div class="left" >
-                
-                <div class="card" >
-                    <h1><i class="fa fa-calendar m-orange" ></i> This Month</h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$month.outTemp.max</td><td>$month.outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$month.outTemp.min</td><td>$month.outTemp.mintime</td></tr>
-                        <tr><td>High Heat Index</td><td>$month.heatindex.max</td><td>$month.heatindex.maxtime</td></tr>
-                        <tr><td>Low Wind Chill</td><td>$month.windchill.min</td><td>$month.windchill.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$month.dewpoint.max</td><td>$month.dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$month.dewpoint.min</td><td>$month.dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$month.outHumidity.max</td><td>$month.outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$month.outHumidity.min</td><td>$month.outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$month.barometer.max</td><td>$month.barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$month.barometer.min</td><td>$month.barometer.mintime</td></tr>
-                        <tr><td>Rain Total</td><td>$month.rain.sum</td><td></td></tr>
-                        <tr><td>High Rain Rate</td><td>$month.rainRate.max</td><td>$month.rainRate.maxtime</td></tr>
-                        <tr><td>High Wind Speed</td><td>$month.wind.max <br>$month.wind.gustdir</td><td>$month.wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$month.wind.avg</td><td></td></tr>
-                        <tr><td>RMS Wind</td><td>$month.wind.rms</td><td></td></tr>
-                        <tr><td>Vector Average Speed</td><td>$month.wind.vecavg</td><td></td></tr>
-                        <tr><td>Vector Average Direction</td><td>$month.wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$month.inTemp.max</td><td>$month.inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$month.inTemp.min</td><td>$month.inTemp.mintime</td></tr>
-                        #if $month.extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$month.extraTemp1.max</td><td>$month.extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$month.extraTemp1.min</td><td>$month.extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $month.UV.has_data
-                        <tr><td>High UV</td><td>$month.UV.max</td><td>$month.UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$month.UV.min</td><td>$month.UV.mintime</td></tr>
-                        #end if
-                        #if $month.ET.has_data and $month.ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$month.ET.max</td><td>$month.ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$month.ET.min</td><td>$month.ET.mintime</td></tr>
-                        #end if
-                        #if $month.radiation.has_data
-                        <tr><td>High Radiation</td><td>$month.radiation.max</td><td>$month.radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$month.radiation.min</td><td>$month.radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-		<div class="card" >
-                    <h1><i class="fa fa-calendar m-orange" ></i> Last $month($months_ago=12).dateTime.format("%B %Y")</h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$month($months_ago=12).outTemp.max</td><td>$month($months_ago=12).outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$month($months_ago=12).outTemp.min</td><td>$month($months_ago=12).outTemp.mintime</td></tr>
-                        <tr><td>High Heat Index</td><td>$month($months_ago=12).heatindex.max</td><td>$month($months_ago=12).heatindex.maxtime</td></tr>
-                        <tr><td>Low Wind Chill</td><td>$month($months_ago=12).windchill.min</td><td>$month($months_ago=12).windchill.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$month($months_ago=12).dewpoint.max</td><td>$month($months_ago=12).dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$month($months_ago=12).dewpoint.min</td><td>$month($months_ago=12).dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$month($months_ago=12).outHumidity.max</td><td>$month($months_ago=12).outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$month($months_ago=12).outHumidity.min</td><td>$month($months_ago=12).outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$month($months_ago=12).barometer.max</td><td>$month($months_ago=12).barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$month($months_ago=12).barometer.min</td><td>$month($months_ago=12).barometer.mintime</td></tr>
-                        <tr><td>Rain Total</td><td>$month($months_ago=12).rain.sum</td><td></td></tr>
-                        <tr><td>High Rain Rate</td><td>$month($months_ago=12).rainRate.max</td><td>$month($months_ago=12).rainRate.maxtime</td></tr>
-                        <tr><td>High Wind Speed</td><td>$month($months_ago=12).wind.max <br>$month($months_ago=12).wind.gustdir</td><td>$month($months_ago=12).wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$month($months_ago=12).wind.avg</td><td></td></tr>
-                        <tr><td>RMS Wind</td><td>$month($months_ago=12).wind.rms</td><td></td></tr>
-                        <tr><td>Vector Average Speed</td><td>$month($months_ago=12).wind.vecavg</td><td></td></tr>
-                        <tr><td>Vector Average Direction</td><td>$month($months_ago=12).wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$month($months_ago=12).inTemp.max</td><td>$month($months_ago=12).inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$month($months_ago=12).inTemp.min</td><td>$month($months_ago=12).inTemp.mintime</td></tr>
-                        #if $month($months_ago=12).extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$month($months_ago=12).extraTemp1.max</td><td>$month($months_ago=12).extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$month($months_ago=12).extraTemp1.min</td><td>$month($months_ago=12).extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $month($months_ago=12).UV.has_data
-                        <tr><td>High UV</td><td>$month($months_ago=12).UV.max</td><td>$month($months_ago=12).UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$month($months_ago=12).UV.min</td><td>$month($months_ago=12).UV.mintime</td></tr>
-                        #end if
-                        #if $month($months_ago=12).ET.has_data and $month.ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$month($months_ago=12).ET.max</td><td>$month($months_ago=12).ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$month($months_ago=12).ET.min</td><td>$month($months_ago=12).ET.mintime</td></tr>
-                        #end if
-                        #if $month($months_ago=12).radiation.has_data
-                        <tr><td>High Radiation</td><td>$month($months_ago=12).radiation.max</td><td>$month($months_ago=12).radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$month($months_ago=12).radiation.min</td><td>$month($months_ago=12).radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-            </div>
-            
-            <div class="right" >
-
-                <div class="card cc graphs" >
-                    <h1><i class="fa fa-line-chart m-gruen" ></i> Monthly Statistics and Plots</h1>
-                    
-                    <img src="monthtempdew.png" alt="temperatures" />
-                    <img src="monthrain.png" alt="rain" />
-                    <img src="monthwind.png" alt="wind" />
-                    <img src="monthwinddir.png" alt="Hi Wind" />
-                    <img src="monthwindvec.png" alt="Wind Vector" />
-		    <img src="monthtempchill.png" alt="heatchill" />
-		    <img src="monthbarometer.png" alt="barometer"/>
-		    <img src="monthinside.png" alt="Inside" />
-		    <img src="monthinhumid.png" alt="Inside/Outside Humidity" />
-                    #if $month.UV.has_data
-                    <img src="monthuv.png" alt="UV Index" />
-                    #end if
-                    #if $month.radiation.has_data
-                    <img src="monthradiation.png" alt="Radiation" />
-                    #end if
-                    #if $month.UV.has_data
-                    <img src="monthuv.png" alt="UV Index" />
-                    #end if
-                    #if $month.rxCheckPercent.has_data
-                    <img src="monthrx.png" alt="month rx percent"/>
-                    #end if
-                    #if $month.extraTemp1.has_data
-                    <img src="monthpond.png" alt="Pond Temperatures" />
-                    #end if
-                </div>
-                
-            </div>
+  <head itemscope itemtype="http://schema.org/Website">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Refresh" content="180">
+    #if $Extras.has_key('cwop')
+    <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
+    #else
+    <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
+    #end if
+    <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 href="$Extras.web_url/month.html" itemprop="url"/>
+    #end if
+    <title itemprop="name">$station.location Monthly Weather Summary</title>
+    <!-- Open Graph -->
+    <meta property="og:site_name" content="$station.location Monthly Weather Summary" />
+    <meta property="og:title" content="Monthly Weather Summary"/>
+    #if $Extras.has_key('web_url')
+    <meta property="og:url" content="$Extras.web_url/month.html"/>
+    #end if
+    <meta property="og:description" content="Monthly Weather Summary for $station.location - weather web site powered by WeeWX" />
+    <meta property="og:type" content="website" />
+    <!-- Icons -->
+    <link rel="icon" href="favicon.ico" type="image/png">
+    <link rel="apple-touch-icon" href="touch-icon.png"/>
+    <!-- Styles -->
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <!-- Skripte -->
+    <script src="js/modernizr-2.6.2.min.js"></script>
+    <script src="js/checkdiff.js"></script>
+  </head>
+  <body>
+    <header>
+      <div class="container-fix" >
+        <div class="h-left" >
+          <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
+            window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+          </script>
         </div>
+        <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>
+            <tr>
+              <td><b>Weewx uptime:</b></td>
+              <td>$station.uptime</td>
+            </tr>
+            <tr>
+              <td><b>Server uptime:</b></td>
+              <td>$station.os_uptime</td>
+            </tr>
+            #if $Extras.has_key('cwop') and $Extras.has_key('crahs')
+            <tr>
+              <td><b>Station IDs:</b></td>
+              <td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td>
+            </tr>
+            #end if
+          </table>
         </div>
-        
-	<footer>
-            <div class="container-fix">
-	      <div style="text-align:center">
-		#if $Extras.has_key('you')
-            	<i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
-            	#end if
-		&sdot;
-	    	Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
-	   	<br>
-	    	Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
-                &sdot;
-		CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
-	      </div>
-	    </div>
-        </footer>
-
-        #if $Extras.has_key('googleAnalyticsId')
-        <!-- Google Analytics -->
-        <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-            
-            ga('create', '$Extras.googleAnalyticsId', 'auto');
-            ga('send', 'pageview');
-        </script>
-        #end if
-
-<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
-<script>
-function myFunction() {
-    var x = document.getElementById("myTopnav");
-    if (x.className === "topnav") {
-        x.className += " responsive";
-    } else {
-        x.className = "topnav";
-    }
-}
-</script>
-
-    </body>
+        <nav>
+          <ul class="topnav" id="myTopnav">
+            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
+            <li><a href="/" >Current</a></li>
+            <li><a href="week.html" >Week</a></li>
+            <li class="active"><a href="month.html" >Month</a></li>
+            <li><a href="year.html" >Year</a></li>
+            <li><a href="summary.html" >Summaries</a></li>
+            <li><a href="station.html" >Station</a></li>
+            <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <div class="main" >
+      <div class="container" >
+        <div class="left" >
+          <div class="card" >
+            <h1><i class="fa fa-calendar m-orange" ></i> This Month</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$month.outTemp.max</td>
+                <td>$month.outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$month.outTemp.min</td>
+                <td>$month.outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Heat Index</td>
+                <td>$month.heatindex.max</td>
+                <td>$month.heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$month.windchill.min</td>
+                <td>$month.windchill.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$month.dewpoint.max</td>
+                <td>$month.dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$month.dewpoint.min</td>
+                <td>$month.dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$month.outHumidity.max</td>
+                <td>$month.outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$month.outHumidity.min</td>
+                <td>$month.outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$month.barometer.max</td>
+                <td>$month.barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$month.barometer.min</td>
+                <td>$month.barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>Rain Total</td>
+                <td>$month.rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$month.rainRate.max</td>
+                <td>$month.rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Wind Speed</td>
+                <td>$month.wind.max <br>$month.wind.gustdir</td>
+                <td>$month.wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$month.wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>RMS Wind</td>
+                <td>$month.wind.rms</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Speed</td>
+                <td>$month.wind.vecavg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$month.wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$month.inTemp.max</td>
+                <td>$month.inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$month.inTemp.min</td>
+                <td>$month.inTemp.mintime</td>
+              </tr>
+              #if $month.extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$month.extraTemp1.max</td>
+                <td>$month.extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$month.extraTemp1.min</td>
+                <td>$month.extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $month.UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$month.UV.max</td>
+                <td>$month.UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$month.UV.min</td>
+                <td>$month.UV.mintime</td>
+              </tr>
+              #end if
+              #if $month.ET.has_data and $month.ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$month.ET.max</td>
+                <td>$month.ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$month.ET.min</td>
+                <td>$month.ET.mintime</td>
+              </tr>
+              #end if
+              #if $month.radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$month.radiation.max</td>
+                <td>$month.radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$month.radiation.min</td>
+                <td>$month.radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+          <div class="card" >
+            <h1><i class="fa fa-calendar m-orange" ></i> Last $month($months_ago=12).dateTime.format("%B %Y")</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$month($months_ago=12).outTemp.max</td>
+                <td>$month($months_ago=12).outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$month($months_ago=12).outTemp.min</td>
+                <td>$month($months_ago=12).outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Heat Index</td>
+                <td>$month($months_ago=12).heatindex.max</td>
+                <td>$month($months_ago=12).heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$month($months_ago=12).windchill.min</td>
+                <td>$month($months_ago=12).windchill.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$month($months_ago=12).dewpoint.max</td>
+                <td>$month($months_ago=12).dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$month($months_ago=12).dewpoint.min</td>
+                <td>$month($months_ago=12).dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$month($months_ago=12).outHumidity.max</td>
+                <td>$month($months_ago=12).outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$month($months_ago=12).outHumidity.min</td>
+                <td>$month($months_ago=12).outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$month($months_ago=12).barometer.max</td>
+                <td>$month($months_ago=12).barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$month($months_ago=12).barometer.min</td>
+                <td>$month($months_ago=12).barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>Rain Total</td>
+                <td>$month($months_ago=12).rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$month($months_ago=12).rainRate.max</td>
+                <td>$month($months_ago=12).rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Wind Speed</td>
+                <td>$month($months_ago=12).wind.max <br>$month($months_ago=12).wind.gustdir</td>
+                <td>$month($months_ago=12).wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$month($months_ago=12).wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>RMS Wind</td>
+                <td>$month($months_ago=12).wind.rms</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Speed</td>
+                <td>$month($months_ago=12).wind.vecavg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$month($months_ago=12).wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$month($months_ago=12).inTemp.max</td>
+                <td>$month($months_ago=12).inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$month($months_ago=12).inTemp.min</td>
+                <td>$month($months_ago=12).inTemp.mintime</td>
+              </tr>
+              #if $month($months_ago=12).extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$month($months_ago=12).extraTemp1.max</td>
+                <td>$month($months_ago=12).extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$month($months_ago=12).extraTemp1.min</td>
+                <td>$month($months_ago=12).extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $month($months_ago=12).UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$month($months_ago=12).UV.max</td>
+                <td>$month($months_ago=12).UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$month($months_ago=12).UV.min</td>
+                <td>$month($months_ago=12).UV.mintime</td>
+              </tr>
+              #end if
+              #if $month($months_ago=12).ET.has_data and $month.ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$month($months_ago=12).ET.max</td>
+                <td>$month($months_ago=12).ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$month($months_ago=12).ET.min</td>
+                <td>$month($months_ago=12).ET.mintime</td>
+              </tr>
+              #end if
+              #if $month($months_ago=12).radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$month($months_ago=12).radiation.max</td>
+                <td>$month($months_ago=12).radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$month($months_ago=12).radiation.min</td>
+                <td>$month($months_ago=12).radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+        </div>
+        <div class="right" >
+          <div class="card cc graphs" >
+            <h1><i class="fa fa-line-chart m-gruen" ></i> Monthly Statistics and Plots</h1>
+            <img src="monthtempdew.png" alt="temperatures" />
+            <img src="monthrain.png" alt="rain" />
+            <img src="monthwind.png" alt="wind" />
+            <img src="monthwinddir.png" alt="Hi Wind" />
+            <img src="monthwindvec.png" alt="Wind Vector" />
+            <img src="monthtempchill.png" alt="heatchill" />
+            <img src="monthbarometer.png" alt="barometer"/>
+            <img src="monthinside.png" alt="Inside" />
+            <img src="monthinhumid.png" alt="Inside/Outside Humidity" />
+            #if $month.UV.has_data
+            <img src="monthuv.png" alt="UV Index" />
+            #end if
+            #if $month.radiation.has_data
+            <img src="monthradiation.png" alt="Radiation" />
+            #end if
+            #if $month.UV.has_data
+            <img src="monthuv.png" alt="UV Index" />
+            #end if
+            #if $month.rxCheckPercent.has_data
+            <img src="monthrx.png" alt="month rx percent"/>
+            #end if
+            #if $month.extraTemp1.has_data
+            <img src="monthpond.png" alt="Pond Temperatures" />
+            #end if
+          </div>
+        </div>
+      </div>
+    </div>
+    <footer>
+      <div class="container-fix">
+        <div style="text-align:center">
+          #if $Extras.has_key('you')
+          <i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
+          #end if
+          &sdot;
+          Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
+          <br>
+          Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
+          &sdot;
+          CW9009 Version by <a href="http://cw9009.x10host.com">JDS</a>
+          <br>
+          Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
+        </div>
+      </div>
+    </footer>
+    #if $Extras.has_key('googleAnalyticsId')
+    <!-- Google Analytics -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+      
+      ga('create', '$Extras.googleAnalyticsId', 'auto');
+      ga('send', 'pageview');
+    </script>
+    #end if
+    <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
+    <script>
+      function myFunction() {
+          var x = document.getElementById("myTopnav");
+          if (x.className === "topnav") {
+              x.className += " responsive";
+          } else {
+              x.className = "topnav";
+          }
+      }
+    </script>
+  </body>
 </html>
+

+ 150 - 154
station.html.tmpl

@@ -2,163 +2,159 @@
 <html lang="en">
   <head itemscope itemtype="http://schema.org/Website">
     <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta http-equiv="Refresh" content="180">
-	#if $Extras.has_key('cwop')
-        <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
-        #else
-        <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
-	#end if
-	<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 href="$Extras.web_url/station.html" itemprop="url"/>
-	#end if
-        
-	<title itemprop="name">$station.location Station Information</title>
-        
-        <!-- Open Graph -->
-	<meta property="og:site_name" content="$station.location Station Information" />
-	<meta property="og:title" content="Station Information"/>
-	#if $Extras.has_key('web_url')
-	<meta property="og:url" content="$Extras.web_url/station.html"/>
-	#end if
-	<meta property="og:description" content="Station Information for $station.location - weather web site powered by WeeWX" />
-	<meta property="og:type" content="website" />
-
-        <!-- Icons -->
-        <link rel="icon" href="favicon.ico" type="image/png">
-	<link rel="apple-touch-icon" href="touch-icon.png"/>
-        
-        <!-- Styles -->
-        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="css/main.css">
-        
-        <!-- Skripte -->
-        <script src="js/modernizr-2.6.2.min.js"></script>
-	<script src="js/checkdiff.js"></script>
-        
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Refresh" content="180">
+    #if $Extras.has_key('cwop')
+    <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
+    #else
+    <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
+    #end if
+    <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 href="$Extras.web_url/station.html" itemprop="url"/>
+    #end if
+    <title itemprop="name">$station.location Station Information</title>
+    <!-- Open Graph -->
+    <meta property="og:site_name" content="$station.location Station Information" />
+    <meta property="og:title" content="Station Information"/>
+    #if $Extras.has_key('web_url')
+    <meta property="og:url" content="$Extras.web_url/station.html"/>
+    #end if
+    <meta property="og:description" content="Station Information for $station.location - weather web site powered by WeeWX" />
+    <meta property="og:type" content="website" />
+    <!-- Icons -->
+    <link rel="icon" href="favicon.ico" type="image/png">
+    <link rel="apple-touch-icon" href="touch-icon.png"/>
+    <!-- Styles -->
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <!-- Skripte -->
+    <script src="js/modernizr-2.6.2.min.js"></script>
+    <script src="js/checkdiff.js"></script>
   </head>
-
   <body>
-    	<header>
-            <div class="container-fix" >
-                <div class="h-left" >
-                <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
-                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
-                </script>
-                </div>
-                
-                <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>
-                        <tr><td><b>Weewx uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-			#if $Extras.has_key('cwop') and $Extras.has_key('crahs')
-			<tr><td><b>Station IDs:</b></td><td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td></tr>
-			#end if
-		    </table>
-                </div>
-
-                <nav>
-                    <ul class="topnav" id="myTopnav">
-			<li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
-                        <li><a href="/" >Current</a></li>
-                        <li><a href="week.html" >Week</a></li>
-                        <li><a href="month.html" >Month</a></li>
-                        <li><a href="year.html" >Year</a></li>
-			<li><a href="summary.html" >Summaries</a></li>
-			<li class="active"><a href="station.html" >Station</a></li>
-                        <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i> </a></li>
-                    </ul>
-                </nav>
-            </div>
-	</header>
-    
-    <!-- Main container -->  
-     <div class="main" >
-        <div class="container" >
-            
-	   <div class="left" >
-
-		<div class="card" >
-                    <h1><i class="fa fa-info-circle" ></i> Station Information</h1>
-
-		</div>
-
-		<div class="card" >
-                    <h1><i class="fa fa-server m-rot"></i> Status</h1>
-			
-		    <table>
-			<tr><td><b>WeeWX uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-		    </table>
-		</div>
-		
-	   </div>
-
-	   <div class="right" >
-
-		<div class="card" >
-                    <h1><i class="fa fa-history m-gruen" ></i> Station History</h1>
-						
-		</div>
-                
-	   </div>
-
+    <header>
+      <div class="container-fix" >
+        <div class="h-left" >
+          <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
+            window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+          </script>
         </div>
+        <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>
+            <tr>
+              <td><b>Weewx uptime:</b></td>
+              <td>$station.uptime</td>
+            </tr>
+            <tr>
+              <td><b>Server uptime:</b></td>
+              <td>$station.os_uptime</td>
+            </tr>
+            #if $Extras.has_key('cwop') and $Extras.has_key('crahs')
+            <tr>
+              <td><b>Station IDs:</b></td>
+              <td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td>
+            </tr>
+            #end if
+          </table>
         </div>
-        
-        <footer>
-            <div class="container-fix">
-	      <div style="text-align:center">
-		#if $Extras.has_key('you')
-            	<i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
-            	#end if
-		&sdot;
-	    	Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
-	   	<br>
-	    	Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
-                &sdot;
-		CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
-	      </div>
-	    </div>
-        </footer>
-
-        #if $Extras.has_key('googleAnalyticsId')
-        <!-- Google Analytics -->
-        <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-            
-            ga('create', '$Extras.googleAnalyticsId', 'auto');
-            ga('send', 'pageview');
-        </script>
-        #end if
-
-<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
-<script>
-function myFunction() {
-    var x = document.getElementById("myTopnav");
-    if (x.className === "topnav") {
-        x.className += " responsive";
-    } else {
-        x.className = "topnav";
-    }
-}
-</script>
-
-    </body>
+        <nav>
+          <ul class="topnav" id="myTopnav">
+            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
+            <li><a href="/" >Current</a></li>
+            <li><a href="week.html" >Week</a></li>
+            <li><a href="month.html" >Month</a></li>
+            <li><a href="year.html" >Year</a></li>
+            <li><a href="summary.html" >Summaries</a></li>
+            <li class="active"><a href="station.html" >Station</a></li>
+            <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i> </a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <!-- Main container -->
+    <div class="main" >
+      <div class="container" >
+        <div class="left" >
+          <div class="card" >
+            <h1><i class="fa fa-info-circle" ></i> Station Information</h1>
+          </div>
+          <div class="card" >
+            <h1><i class="fa fa-server m-rot"></i> Status</h1>
+            <table>
+              <tr>
+                <td><b>WeeWX uptime:</b></td>
+                <td>$station.uptime</td>
+              </tr>
+              <tr>
+                <td><b>Server uptime:</b></td>
+                <td>$station.os_uptime</td>
+              </tr>
+            </table>
+          </div>
+        </div>
+        <div class="right" >
+          <div class="card" >
+            <h1><i class="fa fa-history m-gruen" ></i> Station History</h1>
+          </div>
+        </div>
+      </div>
+    </div>
+    <footer>
+      <div class="container-fix">
+        <div style="text-align:center">
+          #if $Extras.has_key('you')
+          <i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
+          #end if
+          &sdot;
+          Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
+          <br>
+          Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
+          &sdot;
+          CW9009 Version by <a href="http://cw9009.x10host.com">JDS</a>
+          <br>
+          Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
+        </div>
+      </div>
+    </footer>
+    #if $Extras.has_key('googleAnalyticsId')
+    <!-- Google Analytics -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+      
+      ga('create', '$Extras.googleAnalyticsId', 'auto');
+      ga('send', 'pageview');
+    </script>
+    #end if
+    <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
+    <script>
+      function myFunction() {
+          var x = document.getElementById("myTopnav");
+          if (x.className === "topnav") {
+              x.className += " responsive";
+          } else {
+              x.className = "topnav";
+          }
+      }
+    </script>
+  </body>
 </html>
 

+ 287 - 202
summary.html.tmpl

@@ -2,214 +2,299 @@
 <html lang="en">
   <head itemscope itemtype="http://schema.org/Website">
     <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta http-equiv="Refresh" Content="180">
-	#if $Extras.has_key('cwop')
-        <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
-        #else
-        <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
-	#end if
-        <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 href="$Extras.web_url/summary.html" itemprop="url"/>
-	#end if
-        
-	<title itemprop="name">$station.location Weather Summaries</title>
-        
-        <!-- Open Graph -->
-	<meta property="og:site_name" content="$station.location Summaries and Records" />
-	<meta property="og:title" content="Summaries and Records"/>
-	#if $Extras.has_key('web_url')
-	<meta property="og:url" content="$Extras.web_url/summary.html"/>
-	#end if
-	<meta property="og:description" content="Summaries and Records for $station.location - weather web site powered by WeeWX" />
-	<meta property="og:type" content="website" /> 
-
-        <!-- Icons -->
-        <link rel="icon" href="favicon.ico" type="image/png">
-	<link rel="apple-touch-icon" href="touch-icon.png"/>
-        
-        <!-- Styles -->
-        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="css/main.css">
-        
-        <!-- Skripte -->
-        <script src="js/modernizr-2.6.2.min.js"></script>
-	<script src="js/checkdiff.js"></script>
-        
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Refresh" Content="180">
+    #if $Extras.has_key('cwop')
+    <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
+    #else
+    <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
+    #end if
+    <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 href="$Extras.web_url/summary.html" itemprop="url"/>
+    #end if
+    <title itemprop="name">$station.location Weather Summaries</title>
+    <!-- Open Graph -->
+    <meta property="og:site_name" content="$station.location Summaries and Records" />
+    <meta property="og:title" content="Summaries and Records"/>
+    #if $Extras.has_key('web_url')
+    <meta property="og:url" content="$Extras.web_url/summary.html"/>
+    #end if
+    <meta property="og:description" content="Summaries and Records for $station.location - weather web site powered by WeeWX" />
+    <meta property="og:type" content="website" />
+    <!-- Icons -->
+    <link rel="icon" href="favicon.ico" type="image/png">
+    <link rel="apple-touch-icon" href="touch-icon.png"/>
+    <!-- Styles -->
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <!-- Skripte -->
+    <script src="js/modernizr-2.6.2.min.js"></script>
+    <script src="js/checkdiff.js"></script>
   </head>
-
   <body>
     <!-- Menu navbar -->
     <header>
-            <div class="container-fix" >
-                <div class="h-left" >
-                <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
-                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
-                </script>
-                </div>
-                
-                <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>
-                        <tr><td><b>Weewx uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-			#if $Extras.has_key('cwop') and $Extras.has_key('crahs')
-			<tr><td><b>Station IDs:</b></td><td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td></tr>
-			#end if
-                    </table>
-                </div>
-
-                <nav>
-                    <ul class="topnav" id="myTopnav">
-			<li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
-                        <li><a href="/" >Current</a></li>
-                        <li><a href="week.html" >Week</a></li>
-                        <li><a href="month.html" >Month</a></li>
-                        <li><a href="year.html" >Year</a></li>
-			<li class="active" ><a href="summary.html" >Summaries</a></li>
-			<li><a href="station.html" >Station</a></li>
-                        <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
-                    </ul>
-                </nav>
+      <div class="container-fix" >
+        <div class="h-left" >
+          <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
+            window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+          </script>
+        </div>
+        <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>
+            <tr>
+              <td><b>Weewx uptime:</b></td>
+              <td>$station.uptime</td>
+            </tr>
+            <tr>
+              <td><b>Server uptime:</b></td>
+              <td>$station.os_uptime</td>
+            </tr>
+            #if $Extras.has_key('cwop') and $Extras.has_key('crahs')
+            <tr>
+              <td><b>Station IDs:</b></td>
+              <td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td>
+            </tr>
+            #end if
+          </table>
+        </div>
+        <nav>
+          <ul class="topnav" id="myTopnav">
+            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
+            <li><a href="/" >Current</a></li>
+            <li><a href="week.html" >Week</a></li>
+            <li><a href="month.html" >Month</a></li>
+            <li><a href="year.html" >Year</a></li>
+            <li class="active" ><a href="summary.html" >Summaries</a></li>
+            <li><a href="station.html" >Station</a></li>
+            <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <!-- Main container -->
+    <div class="main" >
+      <div class="container" >
+        <div class="left" >
+          <div class="card" >
+            <h1><i class="fa fa-bolt m-orange" ></i> All Time Records (Since Nov. 2007)</h1>
+            <table class="tablespacer">
+              <tr>
+                <td colspan="3"><b>Outside Temperatures</b></td>
+              </tr>
+              <tr>
+                <td>Highest</td>
+                <td>$alltime.outTemp.max</td>
+                <td>$alltime.outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Lowest</td>
+                <td>$alltime.outTemp.min</td>
+                <td>$alltime.outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>Min Max</td>
+                <td>$alltime.outTemp.minmax</td>
+                <td>$alltime.outTemp.minmaxtime</td>
+              </tr>
+              <tr>
+                <td>Max Min</td>
+                <td>$alltime.outTemp.maxmin</td>
+                <td>$alltime.outTemp.maxmintime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>Dewpoint</b></td>
+              </tr>
+              <tr>
+                <td>Highest</td>
+                <td>$alltime.dewpoint.max</td>
+                <td>$alltime.dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Lowest</td>
+                <td>$alltime.dewpoint.min</td>
+                <td>$alltime.dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>Precipitation</b></td>
+              </tr>
+              <tr>
+                <td>Highest Daily Rainfall</td>
+                <td>$alltime.rain.maxsum</td>
+                <td>$alltime.rain.maxsumtime.format("%m/%d/%Y")</td>
+              </tr>
+              <tr>
+                <td>Highest Rain Rate</td>
+                <td>$alltime.rainRate.max</td>
+                <td>$alltime.rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>Heat Index</b></td>
+              </tr>
+              <tr>
+                <td>Highest</td>
+                <td>$alltime.heatindex.max</td>
+                <td>$alltime.heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>Barometer</b></td>
+              </tr>
+              <tr>
+                <td>Highest</td>
+                <td>$alltime.barometer.max</td>
+                <td>$alltime.barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Lowest</td>
+                <td>$alltime.barometer.min</td>
+                <td>$alltime.barometer.mintime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>Wind</b></td>
+              </tr>
+              <tr>
+                <td>Highest Sustained</td>
+                <td>$alltime.windSpeed.max</td>
+                <td>$alltime.windSpeed.maxtime</td>
+              </tr>
+              <tr>
+                <td>Highest Gust</td>
+                <td>$alltime.windGust.max</td>
+                <td>$alltime.windGust.maxtime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>Wind Chill</b></td>
+              </tr>
+              <tr>
+                <td>Lowest</td>
+                <td>$alltime.windchill.min</td>
+                <td>$alltime.windchill.mintime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>House Temperatures</b></td>
+              </tr>
+              <tr>
+                <td>Highest</td>
+                <td>$alltime.inTemp.max</td>
+                <td>$alltime.inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Lowest</td>
+                <td>$alltime.inTemp.min</td>
+                <td>$alltime.inTemp.mintime</td>
+              </tr>
+              <tr>
+                <td colspan="3"><br><b>House Humidity</b></td>
+              </tr>
+              <tr>
+                <td>Highest</td>
+                <td>$alltime.inHumidity.max</td>
+                <td>$alltime.inHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Lowest</td>
+                <td>$alltime.inHumidity.min</td>
+                <td>$alltime.inHumidity.mintime</td>
+              </tr>
+            </table>
+          </div>
+          <div class="card">
+            <h1><i class="fa fa-table m-grau" ></i> Number of Days with Observations</h1>
+            <div class="tablefix">
+              $temp_count_table
             </div>
-     </header>
-    <!-- Main container -->  
-     <div class="main" >
-        <div class="container" >
-	    <div class="left" >
-
-		<div class="card" >
-                    <h1><i class="fa fa-bolt m-orange" ></i> All Time Records (Since Nov. 2007)</h1>
-                    <table class="tablespacer">
-			<tr><td colspan="3"><b>Outside Temperatures</b></td></tr>
-			<tr><td>Highest</td><td>$alltime.outTemp.max</td><td>$alltime.outTemp.maxtime</td></tr>
-			<tr><td>Lowest</td><td>$alltime.outTemp.min</td><td>$alltime.outTemp.mintime</td></tr>
-		    	<tr><td>Min Max</td><td>$alltime.outTemp.minmax</td><td>$alltime.outTemp.minmaxtime</td></tr>
-			<tr><td>Max Min</td><td>$alltime.outTemp.maxmin</td><td>$alltime.outTemp.maxmintime</td></tr>
-			<tr><td colspan="3"><br><b>Dewpoint</b></td></tr>
-			<tr><td>Highest</td><td>$alltime.dewpoint.max</td><td>$alltime.dewpoint.maxtime</td></tr>
-			<tr><td>Lowest</td><td>$alltime.dewpoint.min</td><td>$alltime.dewpoint.mintime</td></tr>
-			<tr><td colspan="3"><br><b>Precipitation</b></td></tr>
-			<tr><td>Highest Daily Rainfall</td><td>$alltime.rain.maxsum</td><td>$alltime.rain.maxsumtime.format("%m/%d/%Y")</td></tr>
-			<tr><td>Highest Rain Rate</td><td>$alltime.rainRate.max</td><td>$alltime.rainRate.maxtime</td></tr>
-			<tr><td colspan="3"><br><b>Heat Index</b></td></tr>
-			<tr><td>Highest</td><td>$alltime.heatindex.max</td><td>$alltime.heatindex.maxtime</td></tr>
-			<tr><td colspan="3"><br><b>Barometer</b></td></tr>
-			<tr><td>Highest</td><td>$alltime.barometer.max</td><td>$alltime.barometer.maxtime</td></tr>
-			<tr><td>Lowest</td><td>$alltime.barometer.min</td><td>$alltime.barometer.mintime</td></tr>
-			<tr><td colspan="3"><br><b>Wind</b></td></tr>
-			<tr><td>Highest Sustained</td><td>$alltime.windSpeed.max</td><td>$alltime.windSpeed.maxtime</td></tr>
-			<tr><td>Highest Gust</td><td>$alltime.windGust.max</td><td>$alltime.windGust.maxtime</td></tr>
-			<tr><td colspan="3"><br><b>Wind Chill</b></td></tr>
-			<tr><td>Lowest</td><td>$alltime.windchill.min</td><td>$alltime.windchill.mintime</td></tr>
-            		<tr><td colspan="3"><br><b>House Temperatures</b></td></tr>
-			<tr><td>Highest</td><td>$alltime.inTemp.max</td><td>$alltime.inTemp.maxtime</td></tr>
-			<tr><td>Lowest</td><td>$alltime.inTemp.min</td><td>$alltime.inTemp.mintime</td></tr>
-			<tr><td colspan="3"><br><b>House Humidity</b></td></tr>
-			<tr><td>Highest</td><td>$alltime.inHumidity.max</td><td>$alltime.inHumidity.maxtime</td></tr>
-			<tr><td>Lowest</td><td>$alltime.inHumidity.min</td><td>$alltime.inHumidity.mintime</td></tr>
-                    </table>
-                </div>
-
-		<div class="card">
-                    <h1><i class="fa fa-table m-grau" ></i> Number of Days with Observations</h1>
-			<div class="tablefix">
-                    	$temp_count_table
-			</div>
-                </div>
-
-	   </div>
-
-	   <div class="right" >
-		<div class="card">
-                    <h1><i class="fa fa-archive"></i> Monthly Reports</h1>
-			<div class="noaatable">
-                   	$NOAA_table
-			</div>
-                </div>
-
-		<div class="card">
-                    <h1><i class="fa fa-thermometer-half" ></i> Average Temperature by Month</h1>
-			<div class="tablefix">
-                    	$avg_temp_table
-			</div>
-                </div>
-		
-		<div class="card">
-                    <h1><i class="fa fa-umbrella m-blau" ></i> Total Monthly Rainfall </h1>
-			<div class="tablefix">
-                    	$rain_table
-			</div>
-                </div>
-
-		<div class="card">
-                    <h1><i class="fa fa-umbrella m-blau" ></i> Number of Days it Rained (>=0.02")</h1>
-			<div class="tablefix">
-                    	$rain_count_table
-			</div>
-                </div>
-
-		<div class="card">
-                    <h1><i class="fa fa-thermometer-half m-rot" ></i> Average House Temperature by Month</h1>
-			<div class="tablefix">
-                    	$avg_htemp_table
-			</div>
-                </div>
-	   </div>
+          </div>
+        </div>
+        <div class="right" >
+          <div class="card">
+            <h1><i class="fa fa-archive"></i> Monthly Reports</h1>
+            <div class="noaatable">
+              $NOAA_table
+            </div>
+          </div>
+          <div class="card">
+            <h1><i class="fa fa-thermometer-half" ></i> Average Temperature by Month</h1>
+            <div class="tablefix">
+              $avg_temp_table
+            </div>
+          </div>
+          <div class="card">
+            <h1><i class="fa fa-umbrella m-blau" ></i> Total Monthly Rainfall </h1>
+            <div class="tablefix">
+              $rain_table
+            </div>
+          </div>
+          <div class="card">
+            <h1><i class="fa fa-umbrella m-blau" ></i> Number of Days it Rained (>=0.02")</h1>
+            <div class="tablefix">
+              $rain_count_table
+            </div>
+          </div>
+          <div class="card">
+            <h1><i class="fa fa-thermometer-half m-rot" ></i> Average House Temperature by Month</h1>
+            <div class="tablefix">
+              $avg_htemp_table
+            </div>
+          </div>
         </div>
+      </div>
+    </div>
+    <footer>
+      <div class="container-fix">
+        <div style="text-align:center">
+          #if $Extras.has_key('you')
+          <i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
+          #end if
+          &sdot;
+          Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
+          <br>
+          Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
+          &sdot;
+          CW9009 Version by <a href="http://cw9009.x10host.com">JDS</a>
+          <br>
+          Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
         </div>
-        
-        <footer>
-            <div class="container-fix">
-	      <div style="text-align:center">
-		#if $Extras.has_key('you')
-            	<i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
-            	#end if
-		&sdot;
-	    	Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
-	   	<br>
-	    	Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
-                &sdot;
-		CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
-	      </div>
-	    </div>
-        </footer>
-
-        #if $Extras.has_key('googleAnalyticsId')
-        <!-- Google Analytics -->
-        <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-            
-            ga('create', '$Extras.googleAnalyticsId', 'auto');
-            ga('send', 'pageview');
-        </script>
-        #end if
-
-	<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
-	<script>
-		function myFunction() {
-    			var x = document.getElementById("myTopnav");
-    			if (x.className === "topnav") {
-    			    x.className += " responsive";
-    			} else {
-    			    x.className = "topnav";
-    			}
-		}	
-	</script>
-    </body>
+      </div>
+    </footer>
+    #if $Extras.has_key('googleAnalyticsId')
+    <!-- Google Analytics -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+      
+      ga('create', '$Extras.googleAnalyticsId', 'auto');
+      ga('send', 'pageview');
+    </script>
+    #end if
+    <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
+    <script>
+      function myFunction() {
+          var x = document.getElementById("myTopnav");
+          if (x.className === "topnav") {
+              x.className += " responsive";
+          } else {
+              x.className = "topnav";
+          }
+      }
+    </script>
+  </body>
 </html>
 

+ 165 - 164
text.php.tmpl

@@ -1,175 +1,176 @@
 <!DOCTYPE html>
 <html lang="en">
   <head itemscope itemtype="http://schema.org/Website">
-
-<?php
-//Gets file name from url
-
-if(empty(\$_REQUEST["report"])) { 
-     //if empty then grab the latest years report
-     \$year = date("Y");
-     \$report = "NOAA/NOAA-".\$year.".txt";
-  } else {  
-     \$report = filter_var(\$_REQUEST["report"],FILTER_SANITIZE_URL);
-}
-
-//Get labels for meta and page titles
-\$labels = preg_split("/[\s-.]/", \$report);
-\$count = count(\$labels);
-
-if (\$count == 3){
-	\$title = \$labels[1];
-}
-
-if (\$count == 4){
-	\$title = date("F Y", mktime(0, 0, 0, \$labels[2], 1, \$labels[1]));
-}
-?>
-
-    	<meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta http-equiv="Refresh" content="180">
-	#if $Extras.has_key('cwop')
-        <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
-        #else
-        <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
-	#end if
-        <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"/>
-	#end if   
-<?php        
-        echo"<title>$station.location ($Extras.cwop) Climate Summary for \$title </title>";
-?>
-        <!-- Open Graph -->
-        <meta property="og:site_name" content="$station.location Summaries and Records" />
-	<meta property="og:title" content="Climate Summaries"/>
-	#if $Extras.has_key('web_url')
-	<meta property="og:url" content="$Extras.web_url/summary.html"/>
-	#end if
-        <meta property="og:description" content="Climate Summaries for $station.location - weather web site powered by WeeWX" />
-	<meta property="og:type" content="website" />
-
-        <!-- Icons -->
-        <link rel="icon" href="favicon.ico" type="image/png">
-	<link rel="apple-touch-icon" href="touch-icon.png"/>
-        
-        <!-- Styles -->
-        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="css/main.css">
-        
-        <!-- Skripte -->
-        <script src="js/modernizr-2.6.2.min.js"></script>
-	<script src="js/checkdiff.js"></script>
-        
+    <?php
+      //Gets file name from url
+      
+      if(empty(\$_REQUEST["report"])) { 
+           //if empty then grab the latest years report
+           \$year = date("Y");
+           \$report = "NOAA/NOAA-".\$year.".txt";
+        } else {  
+           \$report = filter_var(\$_REQUEST["report"],FILTER_SANITIZE_URL);
+      }
+      
+      //Get labels for meta and page titles
+      \$labels = preg_split("/[\s-.]/", \$report);
+      \$count = count(\$labels);
+      
+      if (\$count == 3){
+        \$title = \$labels[1];
+      }
+      
+      if (\$count == 4){
+        \$title = date("F Y", mktime(0, 0, 0, \$labels[2], 1, \$labels[1]));
+      }
+      ?>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Refresh" content="180">
+    #if $Extras.has_key('cwop')
+    <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
+    #else
+    <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
+    #end if
+    <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"/>
+    #end if
+    <?php
+      echo"<title>$station.location ($Extras.cwop) Climate Summary for \$title </title>";
+      ?>
+    <!-- Open Graph -->
+    <meta property="og:site_name" content="$station.location Summaries and Records" />
+    <meta property="og:title" content="Climate Summaries"/>
+    #if $Extras.has_key('web_url')
+    <meta property="og:url" content="$Extras.web_url/summary.html"/>
+    #end if
+    <meta property="og:description" content="Climate Summaries for $station.location - weather web site powered by WeeWX" />
+    <meta property="og:type" content="website" />
+    <!-- Icons -->
+    <link rel="icon" href="favicon.ico" type="image/png">
+    <link rel="apple-touch-icon" href="touch-icon.png"/>
+    <!-- Styles -->
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <!-- Skript -->
+    <script src="js/modernizr-2.6.2.min.js"></script>
+    <script src="js/checkdiff.js"></script>
   </head>
-
   <body>
     <!-- Menu navbar -->
     <header>
-            <div class="container-fix" >
-                <div class="h-left" >
-                <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
-<?php
-          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>
-                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
-                </script>
-                </div>
-                
-                <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>
-                        <tr><td><b>Weewx uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-			#if $Extras.has_key('cwop') and $Extras.has_key('crahs')
-			<tr><td><b>Station IDs:</b></td><td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td></tr>
-			#end if
-                    </table>
-                </div>
-
-                <nav>
-                    <ul class="topnav" id="myTopnav">
-			<li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
-                        <li><a href="/" >Current</a></li>
-                        <li><a href="week.html" >Week</a></li>
-                        <li><a href="month.html" >Month</a></li>
-                        <li><a href="year.html" >Year</a></li>
-			<li class="active" ><a href="summary.html" >Summaries</a></li>
-			<li><a href="station.html" >Station</a></li>
-                        <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
-                    </ul>
-                </nav>
-            </div>
-     </header>
-    <!-- Main container -->  
-     <div class="main" >
-        <div class="container" >
-	   <div class="center" >
-	       <div class="card">
-		
-<?php
-
-    		if(file_exists(\$report)){
-			echo "<pre class=\"noaareport\">";
-      			echo file_get_contents(\$report);
-			echo "</pre>";
-    		}
-?>  
-               </div>
-	   </div>   
+      <div class="container-fix" >
+        <div class="h-left" >
+          <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" target="_blank" ><i class="fa fa-map-marker" ></i> Show on map</a></p>
+          <?php
+            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>
+            window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+          </script>
+        </div>
+        <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>
+            <tr>
+              <td><b>Weewx uptime:</b></td>
+              <td>$station.uptime</td>
+            </tr>
+            <tr>
+              <td><b>Server uptime:</b></td>
+              <td>$station.os_uptime</td>
+            </tr>
+            #if $Extras.has_key('cwop') and $Extras.has_key('crahs')
+            <tr>
+              <td><b>Station IDs:</b></td>
+              <td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td>
+            </tr>
+            #end if
+          </table>
+        </div>
+        <nav>
+          <ul class="topnav" id="myTopnav">
+            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
+            <li><a href="/" >Current</a></li>
+            <li><a href="week.html" >Week</a></li>
+            <li><a href="month.html" >Month</a></li>
+            <li><a href="year.html" >Year</a></li>
+            <li class="active" ><a href="summary.html" >Summaries</a></li>
+            <li><a href="station.html" >Station</a></li>
+            <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <!-- Main container -->
+    <div class="main" >
+      <div class="container" >
+        <div class="center" >
+          <div class="card">
+            <?php
+              if(file_exists(\$report)){
+              echo "<pre class=\"noaareport\">";
+              			echo file_get_contents(\$report);
+              echo "</pre>";
+              }
+              ?>  
+          </div>
         </div>
+      </div>
     </div>
-        
-        <footer>
-            <div class="container-fix">
-	      <div style="text-align:center">
-		#if $Extras.has_key('you')
-            	<i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
-            	#end if
-		&sdot;
-	    	Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
-	   	<br>
-	    	Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
-                &sdot;
-		CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
-	      </div>
-	    </div>
-        </footer>
-
-        #if $Extras.has_key('googleAnalyticsId')
-        <!-- Google Analytics -->
-        <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-            
-            ga('create', '$Extras.googleAnalyticsId', 'auto');
-            ga('send', 'pageview');
-        </script>
-        #end if
-
-<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
-	<script>
-		function myFunction() {
-    			var x = document.getElementById("myTopnav");
-    			if (x.className === "topnav") {
-       			 	x.className += " responsive";
-    			} else {
-        			x.className = "topnav";
-    			}
-		}
-	</script>
-    </body>
+    <footer>
+      <div class="container-fix">
+        <div style="text-align:center">
+          #if $Extras.has_key('you')
+          <i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
+          #end if
+          &sdot;
+          Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
+          <br>
+          Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
+          &sdot;
+          CW9009 Version by <a href="http://cw9009.x10host.com">JDS</a>
+          <br>
+          Powered by<i class="fa fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a> 
+        </div>
+      </div>
+    </footer>
+    #if $Extras.has_key('googleAnalyticsId')
+    <!-- Google Analytics -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+      
+      ga('create', '$Extras.googleAnalyticsId', 'auto');
+      ga('send', 'pageview');
+    </script>
+    #end if
+    <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
+    <script>
+      function myFunction() {
+          var x = document.getElementById("myTopnav");
+          if (x.className === "topnav") {
+              x.className += " responsive";
+          } else {
+              x.className = "topnav";
+          }
+      }
+    </script>
+  </body>
 </html>
 

+ 600 - 290
week.html.tmpl

@@ -1,295 +1,605 @@
 <!DOCTYPE html>
 <html class="no-js">
-    <head itemscope itemtype="http://schema.org/Website">
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta http-equiv="Refresh" content="180">
-	#if $Extras.has_key('cwop')
-        <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
-        #else
-        <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
-	#end if
-        <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 href="$Extras.web_url/week.html" itemprop="url"/>
-	#end if
-        
-	<title itemprop="name">$station.location Weekly Weather Summary</title>
-        
-        <!-- Open Graph -->
-	<meta property="og:site_name" content="$station.location Weekly Weather Summary" />
-	<meta property="og:title" content="Weekly Weather Summary"/>
-	#if $Extras.has_key('web_url')
-	<meta property="og:url" content="$Extras.web_url/week.html"/>
-	#end if
-	<meta property="og:description" content="Weekly Weather Summary for $station.location - weather web site powered by WeeWX" />
-	<meta property="og:type" content="website" />
- 	
-        <!-- Icons -->
-        <link rel="icon" href="favicon.ico" type="image/png">
-	<link rel="apple-touch-icon" href="touch-icon.png"/>
-        
-        <!-- Styles -->
-        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="css/main.css">
-        
-        <!-- Skripte -->
-        <script src="js/modernizr-2.6.2.min.js"></script>
-	<script src="js/checkdiff.js"></script>
-        
-    </head>
-    <body>
-        <header>
-            <div class="container-fix" >
-                <div class="h-left" >
-                <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
-                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
-                </script>
-                </div>
-                
-                <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>
-                        <tr><td><b>Weewx uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-			#if $Extras.has_key('cwop') and $Extras.has_key('crahs')
-			<tr><td><b>Station IDs:</b></td><td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td></tr>
-			#end if
-                    </table>
-                </div>
-
-                <nav>
-                    <ul class="topnav" id="myTopnav">
-			<li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
-                        <li><a href="/" >Current</a></li>
-                        <li class="active" ><a href="week.html" >Week</a></li>
-                        <li><a href="month.html" >Month</a></li>
-                        <li><a href="year.html" >Year</a></li>
-			<li><a href="summary.html" >Summaries</a></li>
-			<li><a href="station.html" >Station</a></li>
-                        <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
-                    </ul>
-                </nav>
-            </div>
-        </header>
-        
-        <div class="main" >
-        <div class="container" >
-            
-            <div class="left" >
-                
-                <div class="card" >
-                    <h1><i class="fa fa-cloud m-grau" ></i> This Week</h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$week.outTemp.max</td><td>$week.outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$week.outTemp.min</td><td>$week.outTemp.mintime</td></tr>
-                        <tr><td>High Heat Index</td><td>$week.heatindex.max</td><td>$week.heatindex.maxtime</td></tr>
-                        <tr><td>Low Wind Chill</td><td>$week.windchill.min</td><td>$week.windchill.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$week.dewpoint.max</td><td>$week.dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$week.dewpoint.min</td><td>$week.dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$week.outHumidity.max</td><td>$week.outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$week.outHumidity.min</td><td>$week.outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$week.barometer.max</td><td>$week.barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$week.barometer.min</td><td>$week.barometer.mintime</td></tr>
-                        <tr><td>Rain Total</td><td>$week.rain.sum</td><td></td></tr>
-                        <tr><td>High Rain Rate</td><td>$week.rainRate.max</td><td>$week.rainRate.maxtime</td></tr>
-                        <tr><td>High Wind Speed</td><td>$week.wind.max $week.wind.gustdir</td><td>$week.wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$week.wind.avg</td><td></td></tr>
-                        <tr><td>RMS Wind</td><td>$week.wind.rms</td><td></td></tr>
-                        <tr><td>Vector Average Speed</td><td>$week.wind.vecavg</td><td></td></tr>
-                        <tr><td>Vector Average Direction</td><td>$week.wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$week.inTemp.max</td><td>$week.inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$week.inTemp.min</td><td>$week.inTemp.mintime</td></tr>
-                        #if $week.extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$week.extraTemp1.max</td><td>$week.extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$week.extraTemp1.min</td><td>$week.extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $week.UV.has_data
-                        <tr><td>High UV</td><td>$week.UV.max</td><td>$week.UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$week.UV.min</td><td>$week.UV.mintime</td></tr>
-                        #end if
-                        #if $week.ET.has_data and $week.ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$week.ET.max</td><td>$week.ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$week.ET.min</td><td>$week.ET.mintime</td></tr>
-                        #end if
-                        #if $week.radiation.has_data
-                        <tr><td>High Radiation</td><td>$week.radiation.max</td><td>$week.radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$week.radiation.min</td><td>$week.radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-		<div class="card" >
-                    <h1><i class="fa fa-calendar m-orange" ></i> Yesterday ($yesterday.dateTime.format("%d-%b")) </h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$yesterday.outTemp.max</td><td>$yesterday.outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$yesterday.outTemp.min</td><td>$yesterday.outTemp.mintime</td></tr>
-                        #if $yesterday.heatindex.max.raw >79.0
-			<tr><td>High Heat Index</td><td>$yesterday.heatindex.max</td><td>$yesterday.heatindex.maxtime</td></tr>
-                        #end if
-			#if $yesterday.windchill.min <10
-			<tr><td>Low Wind Chill</td><td>$yesterday.windchill.min</td><td>$yesterday.windchill.mintime</td></tr>
-                        #end if
-			<tr><td>High Dewpoint</td><td>$yesterday.dewpoint.max</td><td>$yesterday.dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$yesterday.dewpoint.min</td><td>$yesterday.dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$yesterday.outHumidity.max</td><td>$yesterday.outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$yesterday.outHumidity.min</td><td>$yesterday.outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$yesterday.barometer.max</td><td>$yesterday.barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$yesterday.barometer.min</td><td>$yesterday.barometer.mintime</td></tr>
-                        <tr><td>Rain</td><td>$yesterday.rain.sum</td><td></td></tr>
-                        <tr><td>High Rain Rate</td><td>$yesterday.rainRate.max</td><td>$yesterday.rainRate.maxtime</td></tr>
-                        <tr><td>High Wind</td><td>$yesterday.wind.max $day.wind.gustdir</td><td>$yesterday.wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$yesterday.wind.avg</td><td></td></tr>          
-                        <tr><td>Vector Average Direction</td><td>$yesterday.wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$yesterday.inTemp.max</td><td>$yesterday.inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$yesterday.inTemp.min</td><td>$yesterday.inTemp.mintime</td></tr>
-                        #if $day.extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$yesterday.extraTemp1.max</td><td>$yesterday.extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$yesterday.extraTemp1.min</td><td>$yesterday.extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $yesterday.UV.has_data
-                        <tr><td>High UV</td><td>$yesterday.UV.max</td><td>$yesterday.UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$yesterday.UV.min</td><td>$yesterday.UV.mintime</td></tr>
-                        #end if
-                        #if $yesterday.ET.has_data and $yesterday.ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$yesterday.ET.max</td><td>$yesterday.ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$yesterday.ET.min</td><td>$yesterday.ET.mintime</td></tr>
-                        #end if
-                        #if $day.radiation.has_data
-                        <tr><td>High Radiation</td><td>$yesterday.radiation.max</td><td>$yesterday.radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$yesterday.radiation.min</td><td>$yesterday.radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-                <div class="card" >
-                    <h1><i class="fa fa-calendar m-orange" ></i> This Month</h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$month.outTemp.max</td><td>$month.outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$month.outTemp.min</td><td>$month.outTemp.mintime</td></tr>
-                        <tr><td>High Heat Index</td><td>$month.heatindex.max</td><td>$month.heatindex.maxtime</td></tr>
-                        <tr><td>Low Wind Chill</td><td>$month.windchill.min</td><td>$month.windchill.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$month.dewpoint.max</td><td>$month.dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$month.dewpoint.min</td><td>$month.dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$month.outHumidity.max</td><td>$month.outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$month.outHumidity.min</td><td>$month.outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$month.barometer.max</td><td>$month.barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$month.barometer.min</td><td>$month.barometer.mintime</td></tr>
-                        <tr><td>Rain Total</td><td>$month.rain.sum</td><td></td></tr>
-                        <tr><td>High Rain Rate</td><td>$month.rainRate.max</td><td>$month.rainRate.maxtime</td></tr>
-                        <tr><td>High Wind Speed</td><td>$month.wind.max <br>$month.wind.gustdir</td><td>$month.wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$month.wind.avg</td><td></td></tr>
-                        <tr><td>RMS Wind</td><td>$month.wind.rms</td><td></td></tr>
-                        <tr><td>Vector Average Speed</td><td>$month.wind.vecavg</td><td></td></tr>
-                        <tr><td>Vector Average Direction</td><td>$month.wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$month.inTemp.max</td><td>$month.inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$month.inTemp.min</td><td>$month.inTemp.mintime</td></tr>
-                        #if $month.extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$month.extraTemp1.max</td><td>$month.extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$month.extraTemp1.min</td><td>$month.extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $month.UV.has_data
-                        <tr><td>High UV</td><td>$month.UV.max</td><td>$month.UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$month.UV.min</td><td>$month.UV.mintime</td></tr>
-                        #end if
-                        #if $month.ET.has_data and $month.ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$month.ET.max</td><td>$month.ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$month.ET.min</td><td>$month.ET.mintime</td></tr>
-                        #end if
-                        #if $month.radiation.has_data
-                        <tr><td>High Radiation</td><td>$month.radiation.max</td><td>$month.radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$month.radiation.min</td><td>$month.radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-            </div>
-            
-            <div class="right" >
-
-                <div class="card cc graphs" >
-                    <h1><i class="fa fa-line-chart m-gruen" ></i> Weekly Statistics and Plots</h1>
-                    
-                    <img src="weektempdew.png" alt="temperatures" />
-                    <img src="weekrain.png" alt="rain" />
-                    <img src="weekwind.png" alt="wind" />
-                    <img src="weekwinddir.png" alt="Hi Wind" />
-                    <img src="weekwindvec.png" alt="Wind Vector" />
-		    <img src="weektempchill.png" alt="heatchill" />
-                    <img src="weekbarometer.png" alt="barometer"/>
-                    <img src="weekinside.png" alt="Inside" />
-		    <img src="weekinhumid.png" alt="Inside/Outside Humidity" />
-                    #if $week.UV.has_data
-                    <img src="weekuv.png" alt="UV index" />
-                    #end if
-                    #if $week.radiation.has_data
-                    <img src="weekradiation.png" alt="Radiation" />
-                    #end if
-                    #if $week.UV.has_data
-                    <img src="weekuv.png" alt="UV Index" />
-                    #end if
-                    #if $week.rxCheckPercent.has_data
-                    <img src="weekrx.png" alt="week rx percent"/>
-                    #end if
-                    #if $week.extraTemp1.has_data
-                    <img src="weekpond.png" alt="Pond Temperatures" />
-                    #end if
-                </div>
-                
-            </div>
+  <head itemscope itemtype="http://schema.org/Website">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Refresh" content="180">
+    #if $Extras.has_key('cwop')
+    <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
+    #else
+    <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
+    #end if
+    <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 href="$Extras.web_url/week.html" itemprop="url"/>
+    #end if
+    <title itemprop="name">$station.location Weekly Weather Summary</title>
+    <!-- Open Graph -->
+    <meta property="og:site_name" content="$station.location Weekly Weather Summary" />
+    <meta property="og:title" content="Weekly Weather Summary"/>
+    #if $Extras.has_key('web_url')
+    <meta property="og:url" content="$Extras.web_url/week.html"/>
+    #end if
+    <meta property="og:description" content="Weekly Weather Summary for $station.location - weather web site powered by WeeWX" />
+    <meta property="og:type" content="website" />
+    <!-- Icons -->
+    <link rel="icon" href="favicon.ico" type="image/png">
+    <link rel="apple-touch-icon" href="touch-icon.png"/>
+    <!-- Styles -->
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <!-- Skripte -->
+    <script src="js/modernizr-2.6.2.min.js"></script>
+    <script src="js/checkdiff.js"></script>
+  </head>
+  <body>
+    <header>
+      <div class="container-fix" >
+        <div class="h-left" >
+          <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
+            window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+          </script>
         </div>
+        <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>
+            <tr>
+              <td><b>Weewx uptime:</b></td>
+              <td>$station.uptime</td>
+            </tr>
+            <tr>
+              <td><b>Server uptime:</b></td>
+              <td>$station.os_uptime</td>
+            </tr>
+            #if $Extras.has_key('cwop') and $Extras.has_key('crahs')
+            <tr>
+              <td><b>Station IDs:</b></td>
+              <td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td>
+            </tr>
+            #end if
+          </table>
         </div>
- 
-	<footer>
-            <div class="container-fix">
-	      <div style="text-align:center">
-		#if $Extras.has_key('you')
-            	<i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
-            	#end if
-		&sdot;
-	    	Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
-	   	<br>
-	    	Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
-                &sdot;
-		CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
-	      </div>
-	    </div>
-        </footer>
-
-        #if $Extras.has_key('googleAnalyticsId')
-        <!-- Google Analytics -->
-        <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-            
-            ga('create', '$Extras.googleAnalyticsId', 'auto');
-            ga('send', 'pageview');
-        </script>
-        #end if
-
-<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
-<script>
-function myFunction() {
-    var x = document.getElementById("myTopnav");
-    if (x.className === "topnav") {
-        x.className += " responsive";
-    } else {
-        x.className = "topnav";
-    }
-}
-</script>
-
-    </body>
+        <nav>
+          <ul class="topnav" id="myTopnav">
+            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
+            <li><a href="/" >Current</a></li>
+            <li class="active" ><a href="week.html" >Week</a></li>
+            <li><a href="month.html" >Month</a></li>
+            <li><a href="year.html" >Year</a></li>
+            <li><a href="summary.html" >Summaries</a></li>
+            <li><a href="station.html" >Station</a></li>
+            <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <div class="main" >
+      <div class="container" >
+        <div class="left" >
+          <div class="card" >
+            <h1><i class="fa fa-cloud m-grau" ></i> This Week</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$week.outTemp.max</td>
+                <td>$week.outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$week.outTemp.min</td>
+                <td>$week.outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Heat Index</td>
+                <td>$week.heatindex.max</td>
+                <td>$week.heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$week.windchill.min</td>
+                <td>$week.windchill.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$week.dewpoint.max</td>
+                <td>$week.dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$week.dewpoint.min</td>
+                <td>$week.dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$week.outHumidity.max</td>
+                <td>$week.outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$week.outHumidity.min</td>
+                <td>$week.outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$week.barometer.max</td>
+                <td>$week.barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$week.barometer.min</td>
+                <td>$week.barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>Rain Total</td>
+                <td>$week.rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$week.rainRate.max</td>
+                <td>$week.rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Wind Speed</td>
+                <td>$week.wind.max $week.wind.gustdir</td>
+                <td>$week.wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$week.wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>RMS Wind</td>
+                <td>$week.wind.rms</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Speed</td>
+                <td>$week.wind.vecavg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$week.wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$week.inTemp.max</td>
+                <td>$week.inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$week.inTemp.min</td>
+                <td>$week.inTemp.mintime</td>
+              </tr>
+              #if $week.extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$week.extraTemp1.max</td>
+                <td>$week.extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$week.extraTemp1.min</td>
+                <td>$week.extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $week.UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$week.UV.max</td>
+                <td>$week.UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$week.UV.min</td>
+                <td>$week.UV.mintime</td>
+              </tr>
+              #end if
+              #if $week.ET.has_data and $week.ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$week.ET.max</td>
+                <td>$week.ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$week.ET.min</td>
+                <td>$week.ET.mintime</td>
+              </tr>
+              #end if
+              #if $week.radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$week.radiation.max</td>
+                <td>$week.radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$week.radiation.min</td>
+                <td>$week.radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+          <div class="card" >
+            <h1><i class="fa fa-calendar m-orange" ></i> Yesterday ($yesterday.dateTime.format("%d-%b")) </h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$yesterday.outTemp.max</td>
+                <td>$yesterday.outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$yesterday.outTemp.min</td>
+                <td>$yesterday.outTemp.mintime</td>
+              </tr>
+              #if $yesterday.heatindex.max.raw >79.0
+              <tr>
+                <td>High Heat Index</td>
+                <td>$yesterday.heatindex.max</td>
+                <td>$yesterday.heatindex.maxtime</td>
+              </tr>
+              #end if
+              #if $yesterday.windchill.min <10
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$yesterday.windchill.min</td>
+                <td>$yesterday.windchill.mintime</td>
+              </tr>
+              #end if
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$yesterday.dewpoint.max</td>
+                <td>$yesterday.dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$yesterday.dewpoint.min</td>
+                <td>$yesterday.dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$yesterday.outHumidity.max</td>
+                <td>$yesterday.outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$yesterday.outHumidity.min</td>
+                <td>$yesterday.outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$yesterday.barometer.max</td>
+                <td>$yesterday.barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$yesterday.barometer.min</td>
+                <td>$yesterday.barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>Rain</td>
+                <td>$yesterday.rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$yesterday.rainRate.max</td>
+                <td>$yesterday.rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Wind</td>
+                <td>$yesterday.wind.max $day.wind.gustdir</td>
+                <td>$yesterday.wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$yesterday.wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$yesterday.wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$yesterday.inTemp.max</td>
+                <td>$yesterday.inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$yesterday.inTemp.min</td>
+                <td>$yesterday.inTemp.mintime</td>
+              </tr>
+              #if $day.extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$yesterday.extraTemp1.max</td>
+                <td>$yesterday.extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$yesterday.extraTemp1.min</td>
+                <td>$yesterday.extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $yesterday.UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$yesterday.UV.max</td>
+                <td>$yesterday.UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$yesterday.UV.min</td>
+                <td>$yesterday.UV.mintime</td>
+              </tr>
+              #end if
+              #if $yesterday.ET.has_data and $yesterday.ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$yesterday.ET.max</td>
+                <td>$yesterday.ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$yesterday.ET.min</td>
+                <td>$yesterday.ET.mintime</td>
+              </tr>
+              #end if
+              #if $day.radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$yesterday.radiation.max</td>
+                <td>$yesterday.radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$yesterday.radiation.min</td>
+                <td>$yesterday.radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+          <div class="card" >
+            <h1><i class="fa fa-calendar m-orange" ></i> This Month</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$month.outTemp.max</td>
+                <td>$month.outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$month.outTemp.min</td>
+                <td>$month.outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Heat Index</td>
+                <td>$month.heatindex.max</td>
+                <td>$month.heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$month.windchill.min</td>
+                <td>$month.windchill.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$month.dewpoint.max</td>
+                <td>$month.dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$month.dewpoint.min</td>
+                <td>$month.dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$month.outHumidity.max</td>
+                <td>$month.outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$month.outHumidity.min</td>
+                <td>$month.outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$month.barometer.max</td>
+                <td>$month.barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$month.barometer.min</td>
+                <td>$month.barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>Rain Total</td>
+                <td>$month.rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$month.rainRate.max</td>
+                <td>$month.rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>High Wind Speed</td>
+                <td>$month.wind.max <br>$month.wind.gustdir</td>
+                <td>$month.wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$month.wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>RMS Wind</td>
+                <td>$month.wind.rms</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Speed</td>
+                <td>$month.wind.vecavg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$month.wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$month.inTemp.max</td>
+                <td>$month.inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$month.inTemp.min</td>
+                <td>$month.inTemp.mintime</td>
+              </tr>
+              #if $month.extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$month.extraTemp1.max</td>
+                <td>$month.extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$month.extraTemp1.min</td>
+                <td>$month.extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $month.UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$month.UV.max</td>
+                <td>$month.UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$month.UV.min</td>
+                <td>$month.UV.mintime</td>
+              </tr>
+              #end if
+              #if $month.ET.has_data and $month.ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$month.ET.max</td>
+                <td>$month.ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$month.ET.min</td>
+                <td>$month.ET.mintime</td>
+              </tr>
+              #end if
+              #if $month.radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$month.radiation.max</td>
+                <td>$month.radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$month.radiation.min</td>
+                <td>$month.radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+        </div>
+        <div class="right" >
+          <div class="card cc graphs" >
+            <h1><i class="fa fa-line-chart m-gruen" ></i> Weekly Statistics and Plots</h1>
+            <img src="weektempdew.png" alt="temperatures" />
+            <img src="weekrain.png" alt="rain" />
+            <img src="weekwind.png" alt="wind" />
+            <img src="weekwinddir.png" alt="Hi Wind" />
+            <img src="weekwindvec.png" alt="Wind Vector" />
+            <img src="weektempchill.png" alt="heatchill" />
+            <img src="weekbarometer.png" alt="barometer"/>
+            <img src="weekinside.png" alt="Inside" />
+            <img src="weekinhumid.png" alt="Inside/Outside Humidity" />
+            #if $week.UV.has_data
+            <img src="weekuv.png" alt="UV index" />
+            #end if
+            #if $week.radiation.has_data
+            <img src="weekradiation.png" alt="Radiation" />
+            #end if
+            #if $week.UV.has_data
+            <img src="weekuv.png" alt="UV Index" />
+            #end if
+            #if $week.rxCheckPercent.has_data
+            <img src="weekrx.png" alt="week rx percent"/>
+            #end if
+            #if $week.extraTemp1.has_data
+            <img src="weekpond.png" alt="Pond Temperatures" />
+            #end if
+          </div>
+        </div>
+      </div>
+    </div>
+    <footer>
+      <div class="container-fix">
+        <div style="text-align:center">
+          #if $Extras.has_key('you')
+          <i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
+          #end if
+          &sdot;
+          Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
+          <br>
+          Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
+          &sdot;
+          CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
+        </div>
+      </div>
+    </footer>
+    #if $Extras.has_key('googleAnalyticsId')
+    <!-- Google Analytics -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+      
+      ga('create', '$Extras.googleAnalyticsId', 'auto');
+      ga('send', 'pageview');
+    </script>
+    #end if
+    <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
+    <script>
+      function myFunction() {
+          var x = document.getElementById("myTopnav");
+          if (x.className === "topnav") {
+              x.className += " responsive";
+          } else {
+              x.className = "topnav";
+          }
+      }
+    </script>
+  </body>
 </html>
+

+ 464 - 254
year.html.tmpl

@@ -1,259 +1,469 @@
 <!DOCTYPE html>
 <html class="no-js">
-    <head itemscope itemtype="http://schema.org/Website">
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta http-equiv="Refresh" content="180">
-	#if $Extras.has_key('cwop')
-        <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
-        #else
-        <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
-	#end if
-        <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 href="$Extras.web_url/year.html" itemprop="url" />
-	#end if
-        
-	<title itemprop="name">$station.location Yearly Weather Summary</title>
-        
-        <!-- Open Graph -->
-        <meta property="og:site_name" content="$station.location Yearly Weather Summary" />
-	<meta property="og:title" content="Yearly Weather Summary"/>
-	#if $Extras.has_key('web_url')
-	<meta property="og:url" content="$Extras.web_url/year.html"/>
-	#end if
-        <meta property="og:description" content="Yearly Weather Summary for $station.location - weather web site powered by WeeWX" />
-	<meta property="og:type" content="website" />
-
-        <!-- Icons -->
-        <link rel="icon" href="favicon.ico" type="image/png">
-	<link rel="apple-touch-icon" href="touch-icon.png"/>
-        
-        <!-- Styles -->
-        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="css/main.css">
-        
-        <!-- Skripte -->
-        <script src="js/modernizr-2.6.2.min.js"></script>
-	<script src="js/checkdiff.js"></script>
-        
-    </head>
-    <body>
-        <header>
-            <div class="container-fix" >
-                <div class="h-left" >
-                <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
-                      window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
-                </script>
-                </div>
-                
-                <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>
-                        <tr><td><b>Weewx uptime:</b></td><td>$station.uptime</td></tr>
-                        <tr><td><b>Server uptime:</b></td><td>$station.os_uptime</td></tr>
-			#if $Extras.has_key('cwop') and $Extras.has_key('crahs')
-			<tr><td><b>Station IDs:</b></td><td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td></tr>
-			#end if
-                    </table>
-                </div>
-
-                <nav>
-                    <ul class="topnav" id="myTopnav">
-			<li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
-                        <li><a href="/" >Current</a></li>
-                        <li><a href="week.html" >Week</a></li>
-                        <li><a href="month.html" >Month</a></li>
-                        <li class="active" ><a href="year.html" >Year</a></li>
-			<li><a href="summary.html" >Summaries</a></li>
-			<li><a href="station.html" >Station</a></li>
-                        <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
-                    </ul>
-                </nav>
-            </div>
-        </header>
-        
-        <div class="main" >
-        <div class="container" >
-            
-            <div class="left" >
-                
-                <div class="card" >
-                    <h1><i class="fa fa-calendar-o m-rot" ></i> Calendar Year</h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$year.outTemp.max</td><td>$year.outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$year.outTemp.min</td><td>$year.outTemp.mintime</td></tr>
-                        <tr><td>High Heat Index</td><td>$year.heatindex.max</td><td>$year.heatindex.maxtime</td></tr>
-                        <tr><td>Low Wind Chill</td><td>$year.windchill.min</td><td>$year.windchill.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$year.dewpoint.max</td><td>$year.dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$year.dewpoint.min</td><td>$year.dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$year.outHumidity.max</td><td>$year.outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$year.outHumidity.min</td><td>$year.outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$year.barometer.max</td><td>$year.barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$year.barometer.min</td><td>$year.barometer.mintime</td></tr>
-                        <tr><td>High Wind Speed</td><td>$year.wind.max <br>$year.wind.gustdir</td><td>$year.wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$year.wind.avg</td><td></td></tr>
-                        <tr><td>RMS Wind</td><td>$year.wind.rms</td><td></td></tr>
-                        <tr><td>Vector Average Speed</td><td>$year.wind.vecavg</td><td></td></tr>
-                        <tr><td>Vector Average Direction</td><td>$year.wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$year.inTemp.max</td><td>$year.inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$year.inTemp.min</td><td>$year.inTemp.mintime</td></tr>
-                        #if $year.extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$year.extraTemp1.max</td><td>$year.extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$year.extraTemp1.min</td><td>$year.extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $year.UV.has_data
-                        <tr><td>High UV</td><td>$year.UV.max</td><td>$year.UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$year.UV.min</td><td>$year.UV.mintime</td></tr>
-                        #end if
-                        #if $year.ET.has_data and $year.ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$year.ET.max</td><td>$year.ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$year.ET.min</td><td>$year.ET.mintime</td></tr>
-                        #end if
-                        #if $year.radiation.has_data
-                        <tr><td>High Radiation</td><td>$year.radiation.max</td><td>$year.radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$year.radiation.min</td><td>$year.radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-                <div class="card" >
-                    <h1><i class="fa fa-tint m-blau" ></i> Rain Year (1-$station.rain_year_str start)</h1>
-                    <table class="tablespacer">
-                        <tr><td>Rain Year Total</td><td>$rainyear.rain.sum</td><td></td></tr>
-                        <tr><td>High Rain Rate</td><td>$rainyear.rainRate.max</td><td>   $rainyear.rainRate.maxtime</td></tr>
-			<tr><td>$year($years_ago=1).dateTime.format("%Y") Rain Total</td><td>$year($years_ago=1).rain.sum</td><td></td></tr>
-                        <tr><td>$year($years_ago=1).dateTime.format("%Y") High Rain Rate</td><td>$year($years_ago=1).rainRate.max</td><td>   $year($years_ago=1).rainRate.maxtime</td></tr>
-                    </table>
-                </div>
-
-		<div class="card" >
-                    <h1><i class="fa fa-calendar-o m-rot" ></i> Last Calendar Year ($year($years_ago=1).dateTime.format("%Y"))</h1>
-                    <table class="tablespacer">
-                        <tr><td>High Temperature</td><td>$year($years_ago=1).outTemp.max</td><td>$year($years_ago=1).outTemp.maxtime</td></tr>
-                        <tr><td>Low Temperature</td><td>$year($years_ago=1).outTemp.min</td><td>$year($years_ago=1).outTemp.mintime</td></tr>
-                        <tr><td>High Heat Index</td><td>$year($years_ago=1).heatindex.max</td><td>$year($years_ago=1).heatindex.maxtime</td></tr>
-                        <tr><td>Low Wind Chill</td><td>$year($years_ago=1).windchill.min</td><td>$year($years_ago=1).windchill.mintime</td></tr>
-                        <tr><td>High Dewpoint</td><td>$year($years_ago=1).dewpoint.max</td><td>$year($years_ago=1).dewpoint.maxtime</td></tr>
-                        <tr><td>Low Dewpoint</td><td>$year($years_ago=1).dewpoint.min</td><td>$year($years_ago=1).dewpoint.mintime</td></tr>
-                        <tr><td>High Humidity</td><td>$year($years_ago=1).outHumidity.max</td><td>$year($years_ago=1).outHumidity.maxtime</td></tr>
-                        <tr><td>Low Humidity</td><td>$year($years_ago=1).outHumidity.min</td><td>$year($years_ago=1).outHumidity.mintime</td></tr>
-                        <tr><td>High Barometer</td><td>$year($years_ago=1).barometer.max</td><td>$year($years_ago=1).barometer.maxtime</td></tr>
-                        <tr><td>Low Barometer</td><td>$year($years_ago=1).barometer.min</td><td>$year($years_ago=1).barometer.mintime</td></tr>
-                        <tr><td>High Wind Speed</td><td>$year($years_ago=1).wind.max <br>$year($years_ago=1).wind.gustdir</td><td>$year($years_ago=1).wind.maxtime</td></tr>
-                        <tr><td>Average Wind</td><td>$year($years_ago=1).wind.avg</td><td></td></tr>
-                        <tr><td>RMS Wind</td><td>$year($years_ago=1).wind.rms</td><td></td></tr>
-                        <tr><td>Vector Average Speed</td><td>$year($years_ago=1).wind.vecavg</td><td></td></tr>
-                        <tr><td>Vector Average Direction</td><td>$year($years_ago=1).wind.vecdir</td><td></td></tr>
-                        <tr><td>High Inside Temperature</td><td>$year($years_ago=1).inTemp.max</td><td>$year($years_ago=1).inTemp.maxtime</td></tr>
-                        <tr><td>Low Inside Temperature</td><td>$year($years_ago=1).inTemp.min</td><td>$year($years_ago=1).inTemp.mintime</td></tr>
-                        #if $year($years_ago=1).extraTemp1.has_data
-                        <tr><td>High Pond Temp</td><td>$year($years_ago=1).extraTemp1.max</td><td>$year($years_ago=1).extraTemp1.maxtime</td></tr>
-                        <tr><td>Low Pond Temp</td><td>$year($years_ago=1).extraTemp1.min</td><td>$year($years_ago=1).extraTemp1.mintime</td></tr>
-                        #end if
-                        #if $year($years_ago=1).UV.has_data
-                        <tr><td>High UV</td><td>$year($years_ago=1).UV.max</td><td>$year($years_ago=1).UV.maxtime</td></tr>
-                        <tr><td>Low UV</td><td>$year($years_ago=1).UV.min</td><td>$year($years_ago=1).UV.mintime</td></tr>
-                        #end if
-                        #if $year($years_ago=1).ET.has_data and $year($years_ago=1).ET.sum.raw >0.0
-                        <tr><td>High ET</td><td>$year($years_ago=1).ET.max</td><td>$year($years_ago=1).ET.maxtime</td></tr>
-                        <tr><td>Low ET</td><td>$year($years_ago=1).ET.min</td><td>$year($years_ago=1).ET.mintime</td></tr>
-                        #end if
-                        #if $year($years_ago=1).radiation.has_data
-                        <tr><td>High Radiation</td><td>$year($years_ago=1).radiation.max</td><td>$year($years_ago=1).radiation.maxtime</td></tr>
-                        <tr><td>Low Radiation</td><td>$year($years_ago=1).radiation.min</td><td>$year($years_ago=1).radiation.mintime</td></tr>
-                        #end if
-                    </table>
-                </div>
-
-            </div>
-            
-            <div class="right" >
-
-                <div class="card cc graphs" >
-                    <h1><i class="fa fa-line-chart m-gruen" ></i> Yearly Statistics and Plots</h1>
-                    
-                    <img src="yeartempdew.png" alt="temperatures" />
-                    <img src="yearhilow.png" alt="Daily highs and lows for the year" title="Daily highs and lows for the year"/>
-                    <img src="yearrain.png" alt="rain" />
-                    <img src="yearwind.png" alt="wind" />
-                    <img src="yearwinddir.png" alt="Hi Wind" /> 
-                    <img src="yearwindvec.png" alt="Wind Vector" />
-		    <img src="yeartempchill.png" alt="heatchill" />
-		    <img src="yearbarometer.png" alt="barometer"/>
-		    <img src="yearinside.png" alt="Inside" />
-		    <img src="yearinhumid.png" alt="Inside/Outside Humidity" />
-                    #if $year.UV.has_data
-                    <img src="yearuv.png" alt="UV Index" />
-                    #end if
-                    #if $year.radiation.has_data
-                    <img src="yearradiation.png" alt="Radiation" />
-                    #end if
-                    #if $year.UV.has_data
-                    <img src="yearuv.png" alt="UV Index" />
-                    #end if
-                    #if $year.rxCheckPercent.has_data
-                    <img src="yearrx.png" alt="year rx percent"/>
-                    #end if
-                    #if $year.extraTemp1.has_data
-                    <img src="yearpond.png" alt="Pond Temperatures" />
-                    #end if
-                </div>
-                
-            </div>
+  <head itemscope itemtype="http://schema.org/Website">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Refresh" content="180">
+    #if $Extras.has_key('cwop')
+    <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
+    #else
+    <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
+    #end if
+    <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 href="$Extras.web_url/year.html" itemprop="url" />
+    #end if
+    <title itemprop="name">$station.location Yearly Weather Summary</title>
+    <!-- Open Graph -->
+    <meta property="og:site_name" content="$station.location Yearly Weather Summary" />
+    <meta property="og:title" content="Yearly Weather Summary"/>
+    #if $Extras.has_key('web_url')
+    <meta property="og:url" content="$Extras.web_url/year.html"/>
+    #end if
+    <meta property="og:description" content="Yearly Weather Summary for $station.location - weather web site powered by WeeWX" />
+    <meta property="og:type" content="website" />
+    <!-- Icons -->
+    <link rel="icon" href="favicon.ico" type="image/png">
+    <link rel="apple-touch-icon" href="touch-icon.png"/>
+    <!-- Styles -->
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <!-- Skripte -->
+    <script src="js/modernizr-2.6.2.min.js"></script>
+    <script src="js/checkdiff.js"></script>
+  </head>
+  <body>
+    <header>
+      <div class="container-fix" >
+        <div class="h-left" >
+          <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.latitude[0]&deg;%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]&deg;%20$station.longitude[1]%20$station.longitude[2]" 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>
+            window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
+          </script>
         </div>
+        <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>
+            <tr>
+              <td><b>Weewx uptime:</b></td>
+              <td>$station.uptime</td>
+            </tr>
+            <tr>
+              <td><b>Server uptime:</b></td>
+              <td>$station.os_uptime</td>
+            </tr>
+            #if $Extras.has_key('cwop') and $Extras.has_key('crahs')
+            <tr>
+              <td><b>Station IDs:</b></td>
+              <td><a href="$Extras.cwop_url" target="_blank">$Extras.cwop</a> | <a href="$Extras.crahs_url" target="_blank">$Extras.crahs</a></td>
+            </tr>
+            #end if
+          </table>
         </div>
-        
-        <footer>
-            <div class="container-fix">
-	      <div style="text-align:center">
-		#if $Extras.has_key('you')
-            	<i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
-            	#end if
-		&sdot;
-	    	Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
-	   	<br>
-	    	Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
-                &sdot;
-		CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
-	      </div>
-	    </div>
-        </footer>
-
-        #if $Extras.has_key('googleAnalyticsId')
-        <!-- Google Analytics -->
-        <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-            
-            ga('create', '$Extras.googleAnalyticsId', 'auto');
-            ga('send', 'pageview');
-        </script>
-        #end if
-
-<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
-<script>
-function myFunction() {
-    var x = document.getElementById("myTopnav");
-    if (x.className === "topnav") {
-        x.className += " responsive";
-    } else {
-        x.className = "topnav";
-    }
-}
-</script>
-
-    </body>
+        <nav>
+          <ul class="topnav" id="myTopnav">
+            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fa fa-bars" ></i></a></li>
+            <li><a href="/" >Current</a></li>
+            <li><a href="week.html" >Week</a></li>
+            <li><a href="month.html" >Month</a></li>
+            <li class="active" ><a href="year.html" >Year</a></li>
+            <li><a href="summary.html" >Summaries</a></li>
+            <li><a href="station.html" >Station</a></li>
+            <li><a href="RSS/weewx_rss.xml" ><i class="fa fa-rss" ></i></a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <div class="main" >
+      <div class="container" >
+        <div class="left" >
+          <div class="card" >
+            <h1><i class="fa fa-calendar-o m-rot" ></i> Calendar Year</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$year.outTemp.max</td>
+                <td>$year.outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$year.outTemp.min</td>
+                <td>$year.outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Heat Index</td>
+                <td>$year.heatindex.max</td>
+                <td>$year.heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$year.windchill.min</td>
+                <td>$year.windchill.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$year.dewpoint.max</td>
+                <td>$year.dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$year.dewpoint.min</td>
+                <td>$year.dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$year.outHumidity.max</td>
+                <td>$year.outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$year.outHumidity.min</td>
+                <td>$year.outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$year.barometer.max</td>
+                <td>$year.barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$year.barometer.min</td>
+                <td>$year.barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>High Wind Speed</td>
+                <td>$year.wind.max <br>$year.wind.gustdir</td>
+                <td>$year.wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$year.wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>RMS Wind</td>
+                <td>$year.wind.rms</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Speed</td>
+                <td>$year.wind.vecavg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$year.wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$year.inTemp.max</td>
+                <td>$year.inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$year.inTemp.min</td>
+                <td>$year.inTemp.mintime</td>
+              </tr>
+              #if $year.extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$year.extraTemp1.max</td>
+                <td>$year.extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$year.extraTemp1.min</td>
+                <td>$year.extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $year.UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$year.UV.max</td>
+                <td>$year.UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$year.UV.min</td>
+                <td>$year.UV.mintime</td>
+              </tr>
+              #end if
+              #if $year.ET.has_data and $year.ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$year.ET.max</td>
+                <td>$year.ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$year.ET.min</td>
+                <td>$year.ET.mintime</td>
+              </tr>
+              #end if
+              #if $year.radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$year.radiation.max</td>
+                <td>$year.radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$year.radiation.min</td>
+                <td>$year.radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+          <div class="card" >
+            <h1><i class="fa fa-tint m-blau" ></i> Rain Year (1-$station.rain_year_str start)</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>Rain Year Total</td>
+                <td>$rainyear.rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Rain Rate</td>
+                <td>$rainyear.rainRate.max</td>
+                <td>   $rainyear.rainRate.maxtime</td>
+              </tr>
+              <tr>
+                <td>$year($years_ago=1).dateTime.format("%Y") Rain Total</td>
+                <td>$year($years_ago=1).rain.sum</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>$year($years_ago=1).dateTime.format("%Y") High Rain Rate</td>
+                <td>$year($years_ago=1).rainRate.max</td>
+                <td>   $year($years_ago=1).rainRate.maxtime</td>
+              </tr>
+            </table>
+          </div>
+          <div class="card" >
+            <h1><i class="fa fa-calendar-o m-rot" ></i> Last Calendar Year ($year($years_ago=1).dateTime.format("%Y"))</h1>
+            <table class="tablespacer">
+              <tr>
+                <td>High Temperature</td>
+                <td>$year($years_ago=1).outTemp.max</td>
+                <td>$year($years_ago=1).outTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Temperature</td>
+                <td>$year($years_ago=1).outTemp.min</td>
+                <td>$year($years_ago=1).outTemp.mintime</td>
+              </tr>
+              <tr>
+                <td>High Heat Index</td>
+                <td>$year($years_ago=1).heatindex.max</td>
+                <td>$year($years_ago=1).heatindex.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Wind Chill</td>
+                <td>$year($years_ago=1).windchill.min</td>
+                <td>$year($years_ago=1).windchill.mintime</td>
+              </tr>
+              <tr>
+                <td>High Dewpoint</td>
+                <td>$year($years_ago=1).dewpoint.max</td>
+                <td>$year($years_ago=1).dewpoint.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Dewpoint</td>
+                <td>$year($years_ago=1).dewpoint.min</td>
+                <td>$year($years_ago=1).dewpoint.mintime</td>
+              </tr>
+              <tr>
+                <td>High Humidity</td>
+                <td>$year($years_ago=1).outHumidity.max</td>
+                <td>$year($years_ago=1).outHumidity.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Humidity</td>
+                <td>$year($years_ago=1).outHumidity.min</td>
+                <td>$year($years_ago=1).outHumidity.mintime</td>
+              </tr>
+              <tr>
+                <td>High Barometer</td>
+                <td>$year($years_ago=1).barometer.max</td>
+                <td>$year($years_ago=1).barometer.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Barometer</td>
+                <td>$year($years_ago=1).barometer.min</td>
+                <td>$year($years_ago=1).barometer.mintime</td>
+              </tr>
+              <tr>
+                <td>High Wind Speed</td>
+                <td>$year($years_ago=1).wind.max <br>$year($years_ago=1).wind.gustdir</td>
+                <td>$year($years_ago=1).wind.maxtime</td>
+              </tr>
+              <tr>
+                <td>Average Wind</td>
+                <td>$year($years_ago=1).wind.avg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>RMS Wind</td>
+                <td>$year($years_ago=1).wind.rms</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Speed</td>
+                <td>$year($years_ago=1).wind.vecavg</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>Vector Average Direction</td>
+                <td>$year($years_ago=1).wind.vecdir</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>High Inside Temperature</td>
+                <td>$year($years_ago=1).inTemp.max</td>
+                <td>$year($years_ago=1).inTemp.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Inside Temperature</td>
+                <td>$year($years_ago=1).inTemp.min</td>
+                <td>$year($years_ago=1).inTemp.mintime</td>
+              </tr>
+              #if $year($years_ago=1).extraTemp1.has_data
+              <tr>
+                <td>High Pond Temp</td>
+                <td>$year($years_ago=1).extraTemp1.max</td>
+                <td>$year($years_ago=1).extraTemp1.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Pond Temp</td>
+                <td>$year($years_ago=1).extraTemp1.min</td>
+                <td>$year($years_ago=1).extraTemp1.mintime</td>
+              </tr>
+              #end if
+              #if $year($years_ago=1).UV.has_data
+              <tr>
+                <td>High UV</td>
+                <td>$year($years_ago=1).UV.max</td>
+                <td>$year($years_ago=1).UV.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low UV</td>
+                <td>$year($years_ago=1).UV.min</td>
+                <td>$year($years_ago=1).UV.mintime</td>
+              </tr>
+              #end if
+              #if $year($years_ago=1).ET.has_data and $year($years_ago=1).ET.sum.raw >0.0
+              <tr>
+                <td>High ET</td>
+                <td>$year($years_ago=1).ET.max</td>
+                <td>$year($years_ago=1).ET.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low ET</td>
+                <td>$year($years_ago=1).ET.min</td>
+                <td>$year($years_ago=1).ET.mintime</td>
+              </tr>
+              #end if
+              #if $year($years_ago=1).radiation.has_data
+              <tr>
+                <td>High Radiation</td>
+                <td>$year($years_ago=1).radiation.max</td>
+                <td>$year($years_ago=1).radiation.maxtime</td>
+              </tr>
+              <tr>
+                <td>Low Radiation</td>
+                <td>$year($years_ago=1).radiation.min</td>
+                <td>$year($years_ago=1).radiation.mintime</td>
+              </tr>
+              #end if
+            </table>
+          </div>
+        </div>
+        <div class="right" >
+          <div class="card cc graphs" >
+            <h1><i class="fa fa-line-chart m-gruen" ></i> Yearly Statistics and Plots</h1>
+            <img src="yeartempdew.png" alt="temperatures" />
+            <img src="yearhilow.png" alt="Daily highs and lows for the year" title="Daily highs and lows for the year"/>
+            <img src="yearrain.png" alt="rain" />
+            <img src="yearwind.png" alt="wind" />
+            <img src="yearwinddir.png" alt="Hi Wind" /> 
+            <img src="yearwindvec.png" alt="Wind Vector" />
+            <img src="yeartempchill.png" alt="heatchill" />
+            <img src="yearbarometer.png" alt="barometer"/>
+            <img src="yearinside.png" alt="Inside" />
+            <img src="yearinhumid.png" alt="Inside/Outside Humidity" />
+            #if $year.UV.has_data
+            <img src="yearuv.png" alt="UV Index" />
+            #end if
+            #if $year.radiation.has_data
+            <img src="yearradiation.png" alt="Radiation" />
+            #end if
+            #if $year.UV.has_data
+            <img src="yearuv.png" alt="UV Index" />
+            #end if
+            #if $year.rxCheckPercent.has_data
+            <img src="yearrx.png" alt="year rx percent"/>
+            #end if
+            #if $year.extraTemp1.has_data
+            <img src="yearpond.png" alt="Pond Temperatures" />
+            #end if
+          </div>
+        </div>
+      </div>
+    </div>
+    <footer>
+      <div class="container-fix">
+        <div style="text-align:center">
+          #if $Extras.has_key('you')
+          <i class="fa fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
+          #end if
+          &sdot;
+          Copyright <i class="fa fa-copyright"></i> $latest.dateTime.format("%Y") 
+          <br>
+          Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
+          &sdot;
+          CW9009 Version by <a href="http://cw9009.x10host.com">JDS</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> 
+        </div>
+      </div>
+    </footer>
+    #if $Extras.has_key('googleAnalyticsId')
+    <!-- Google Analytics -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+      
+      ga('create', '$Extras.googleAnalyticsId', 'auto');
+      ga('send', 'pageview');
+    </script>
+    #end if
+    <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
+    <script>
+      function myFunction() {
+          var x = document.getElementById("myTopnav");
+          if (x.className === "topnav") {
+              x.className += " responsive";
+          } else {
+              x.className = "topnav";
+          }
+      }
+    </script>
+  </body>
 </html>
+