secstate
/
weewx-sofaskin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
							<!DOCTYPE html>
<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/about.html" itemprop="url"/>
	#end if
        
	<title itemprop="name">About $station.location Weather Station</title>
        
        <!-- Open Graph -->
	<meta property="og:site_name" content="$station.location Station Information" />
	<meta property="og:title" content="About the Station"/>
	#if $Extras.has_key('web_url')
	<meta property="og:url" content="$Extras.web_url/about.html"/>
	#end if
	<meta property="og:description" content="About $station.location - weather web site powered by WeeWX" />
	<meta property="og:type" content="website" />
	
	<!-- FavIcons -->
        <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 rel="stylesheet" href="css/main.css">

	<!-- Font Awesome CDN links for 5.3-->
	<!-- If you have a pro license --!>
	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-9ralMzdK1QYsk4yBY680hmsb4/hJ98xK3w0TIaJ3ll4POWpWUYaA2bRjGGujGT8w" crossorigin="anonymous">
	<!-- Free license --!>
        <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> --!>

        
     	<!-- 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="fas 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="fas fa-map-marker-alt" ></i> Show on map</a></p>
          <h2>Current Weather Conditions</h2>
          <p><i class="far fa-clock" ></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>
          </table>
        </div>
        <nav>
          <ul class="topnav" id="myTopnav">
            <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fas 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="about.html" >About</a></li>
            <li><a href="RSS/weewx_rss.xml" ><i class="fas fa-rss" ></i></a></li>
          </ul>
        </nav>
      </div>
    </header>
    
    <!-- Main container -->  
     <div class="main" >
        <div class="container" >
		<div class="card">
        		<h1><i class="fal fa-info-circle"></i> About the Station</h1>
        		Weather data from a <a href="http://weatherflow.com/smart-home-weather-stations">WeatherFlow Smart Weather Station</a> which is located about 5 miles south-southeast of Meridian, Idaho, is sent to this website every 2.5 minutes. This is a personal
        		weather station which has been running since August 30, 2018. The station provides the following weather data:
        		<br>
        		<br> Temperature
        		<br> Dewpoint
        		<br> Humidity
        		<br> Wind Speed and Direction
        		<br> Rain and rain intensity
        		<br> Barometric Pressure
        		<br> UV
        		<br> Solar Radiation
        		<br> Lightning Strikes and distance
        		<br>
        		<br> Data is also sent to:
        		<br>
        		<table>
		          <tr>
		            <td width = "70">
		              <img src="http://cw9009.x10host.com/icons/cwop.png" title="CWOP" alt="cwop" height="60" width="60" />
		            </td>
		            <td>
		              <a href="http://www.findu.com/cgi-bin/wxpage.cgi?call=CW9009&last=24" target="_blank"> CW9009</a> on CWOP (every 10 minutes)
		            </td>
		          </tr>
		          <tr>
		            <td width = "70">
		              <img src="http://cw9009.x10host.com/icons/mesowest.png" height="60" width="60" title="Mesowest" alt="C9009" />
		            </td>
		            <td>
		              <a href="https://mesowest.utah.edu/cgi-bin/droman/meso_base_dyn.cgi?stn=C9009&unit=0&timetype=LOCAL" target="_blank"> C9009</a> on Mesowest (every 10 minutes)
		            </td>
		          </tr>
		          <tr>
		            <td width = "70">
		              <img src="http://cw9009.x10host.com/icons/wu.png" title="Weather Underground" alt="KIDMERID85" height="40" width="60" />
		            </td>
		            <td>
		              <a href="https://www.wunderground.com/personal-weather-station/dashboard?ID=KIDMERID85" target="_blank"> KIDMERID85</a> on Weather Underground (every 60 seconds)
		            </td>
		          </tr>
		          <tr>
		            <td width = "70">
		              <img src="http://cw9009.x10host.com/icons/weatherflow.png" title="WeatherFlow" alt="4952" height="60" width="60" />
		            </td>
		            <td>
		              <a href="https://smartweather.weatherflow.com/share/4952/grid" target="_blank"> 4952</a> on WeatherFlow (every 60 seconds)
		            </td>
		          </tr>
		     	</table>
        		<br>
        		Daily rain and snowfall observations is taken near the WeatherFlow Station. This data is available here:
        		<br>
			<table>
		          <tr>
		            <td width = "70">
			      <img src="http://cw9009.x10host.com/icons/CoCoRaHS.png" height="60" width="60" title="CoCoRaHS" alt="CoCoRaHS" />
		            </td>
		            <td>
			      <a href="https://www.cocorahs.org/ViewData/CountyDailyPrecipReports.aspx?state=ID&county=AD" target="_blank"> ID-AD-45</a> on CoCoRaHS (daily around 700 AM LT)
		            </td>
		          </tr>
			</table>
        		<br>
        		<br> Software:
        		<br>
        		<a href="http://weewx.com/" target="_blank">WeeWX v3.8.2</a> using the <a href="https://github.com/captain-coredump/weatherflow-udp" target="_blank">weatherflowUDP driver</a> <i class="fab fa-github"></i>
        		<br>
        		<a href="http://fontawesome.com/" target="_blank">Font Awesome</a> icons <i class="fab fa-fort-awesome-alt"></i> used in the template.
        		<br>
        		<br> Hardware:
        		<br>
        		<a href="https://www.raspberrypi.org/" target="_blank">Raspberry Pi 2 Model B</a>
        		<br>
        		<br>
      		</div>

      		<div class="card">
        		<h1><i class="far fa-code"></i> Site Code</h1>
        		<p>
          		This web site uses the Sofaskin template for <a href="http://www.weewx.com">WeeWX</a>, designed by Sven at <a href="http://neoground.com/projects/weewx/">Neoground</a>. Sofaskin is a custom skin modelled from Google's Material Design that uses
          		<a href="http://getbootstrap.com">Bootstrap</a> to display the weather data. I made a variety of functional changes to the original Sofaskin code which is available on GitHub. My Sofaskin-CW9009 skin needs an additional python script, historygenerator.py,
          		which was adapted from another skin, <a href="http://www.dajda.net/about.html">Dajda.net</a>, to generate the history tables. I have also incorporated some changes in this template by <a href="http://www.torkel.se/weather/index.html">Bjorn Torkelsson</a>.
          		The code for the web page skins and python script is available from the web sites below.
          		<br><br> Original Sofaskin template from Neoground:
          		<br>
          		<i class="far fa-external-link-square-alt fa-lg"> </i><a href="http://neoground.com/projects/weewx/" target="_blank"> Neoground</a>
          		<br><br> My Sofaskin-CW9009 template:
          		<br><i class="fab fa-github-square fa-lg"> </i> <a href="http://github.com/weatherstorm/Sofaskin-CW9009" target="_blank"> Github Repository</a>
          		<br><br> Dajda template for historygenerator.py code:
          		<br>
          		<i class="far fa-external-link-square-alt fa-lg"></i> <a href="http://www.dajda.net/about.html" target="_blank"> Dajda</a>
          		<br>
          		<i class="fab fa-github-square fa-lg"></i> <a href="http://github.com/brewster76/fuzzy-archer" target="_blank"> Dajda Github Repository</a>
          		<br>
          		<br>
        		</p>
      		</div>

      		<div class="card">
        		<h1><i class="fas fa-envelope m-rot"></i> Contact</h1>
        		<div class="contact">
          		Josh Smith
          		<br>
          		<a href=mailto:Josh@cw9009.x10host.com>Josh@cw9009.x10host.com</a>
        		</div>
      		</div>

    </div>
  </div>
   
   <footer>
	  <div class="container-fix">
      <div style="text-align:center">
		#if $Extras.has_key('you')
		<i class="fab fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a> 
		#end if
		&sdot;
		Copyright <i class="far 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="fas 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>