<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
<head>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="Mon, 06 Jan 1990 00:00:01 GMT" />
<meta http-equiv="Refresh" content="600" />
<link rel="shortcut icon" type="image/ico" href="http://www.weather-display.com/windy.ico" />
<!-- ##### CHANGE title to your site ##### -->
<title>My Weather Data</title>
<!-- ##### CHANGE description to your site ##### -->
<meta name="description" content="Personal weather station." />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<style type="text/css">
/**********************************
* TITLE: Gila Screen Stylesheet *
* URI : gila/gila-screen.css *
* MODIF: 2003-Apr-30 19:09 +0800 *
**********************************/
body {
color: black;
background-color: rgb(243,242,235);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 73%; /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
}
html > body {
font-size: 9pt;
}
.doNotDisplay {
display: none !important;
}
.picfl {
float:left;
padding-right: 5px;
position: relative;
}
.picfr {
float:right;
padding-left: 5px;
position: relative;
}
.picfc {
text-align: center;
padding-left: 5px;
padding-right: 5px;
position: relative;
}
/* ##### Header ##### */
/* ##### CHANGE background-color to change header color, hex code is OK ##### */
#header {
color: inherit;
background-color: #0000CC;
}
.headerTitle {
margin: 0;
padding: 0.25em 4mm 0.25em 4mm;
}
.headerTitle a {
color: white;
background-color: transparent;
text-decoration: none;
font-size: 110%; /* For MSIE */
font-weight: bold;
font-style: italic;
}
.headerTitle > a {
font-size: 138%; /* For fully standards-compliant user agents */
}
.headerTitle span {
color: white;
background-color: transparent;
font-weight: normal;
}
.headerTemp {
color: white;
font-size: 24px;
font-weight: bold;
font-variant: small-caps;
position: absolute;
font-family: arial, helvetica, sans-serif;
right: .5ex;
top: 0.85em;
font-style: italic;
}
[class~="headerTemp"] {
top: 0.18em; /* For fully standards-compliant user agents */
}
.subHeader {
color: white;
float: left;
clear: left;
position: relative;
background-color: black;
font-size: 109%;
margin: 0;
padding: 0.5ex 1ex;
}
.subHeaderRight {
color: white;
background-color: black;
font-size: 109%;
text-align: right;
margin: 0;
padding: 0.5ex 2ex;
}
.subHeader a {
color: white;
background-color: black;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 1ex;
}
.subHeader a:hover {
color: black;
background-color: white;
}
/* ##### Left Side Bar ##### */
.leftSideBar {
width: 14.5em;
float: left;
clear: left;
}
.leftSideBar .sideBarTitle {
color: rgb(64,64,64);
background-color: rgb(230,223,207);
font-weight: bold;
margin: 0;
padding: 0.8ex 1ex;
}
.leftSideBar ul {
list-style-type: none;
list-style-position: outside;
margin: 0 0 1em 0;
padding: 0;
}
.leftSideBar li {
margin: 1ex;
padding: 0 0 0 0;
}
.leftSideBar a {
color: rgb(166,140,83);
background-color: transparent;
text-decoration: none;
}
.leftSideBar a:hover {
color: rgb(64,64,64);
background-color: transparent;
text-decoration: none;
}
.leftSideBar .sideBarText {
color: black;
background-color: transparent;
line-height: 1.25em;
margin: 1ex 0.25ex 1.5em 0.75ex;
padding: 0;
display: block;
}
.leftSideBar .sideBarText a {
text-decoration: underline;
font-weight: bold;
}
.leftSideBar .sideBarText a:hover {
text-decoration: none;
}
.leftSideBar .thisPage {
color: rgb(64,64,64);
background-color: transparent;
font-weight: bold;
}
/* ##### Main Copy ##### */
#main-copy {
color: black;
background-color: white;
text-align: justify;
line-height: 1.5em;
margin: 0 0 0 14.5em;
padding: .5ex 1em 1em 1em;
border-left: 1px solid rgb(216,210,195);
}
#main-copy h1 {
color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 175%;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid rgb(216,210,195);
}
#main-copy a {
color: rgb(168,140,83);
background-color: transparent;
text-decoration: underline;
}
#main-copy a:hover {
text-decoration: none;
}
p {
margin: 1em 0 1.5em 0;
padding: 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0 0 0.5ex 0;
}
dd {
margin: 0 0 1.5em 1.5em;
padding: 0;
}
/* ##### Footer ##### */
#footer {
color: black;
background-color: rgb(230,223,207);
font-size: 92%;
text-align: center;
line-height: 1.25em;
margin: 0;
padding: 1em 4mm 1em 4mm;
clear: both;
}
#footer div {
margin: 0;
padding: 0 0 1ex 0;
}
#footer a {
color: black;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}
#footer a:hover {
text-decoration: none;
}
</style>
</head>
<body>
<!-- For non-visual user agents: -->
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
<!-- ##### Header ##### -->
<!-- ##### CHANGE title to your site ##### -->
<div id="header">
<h1 class="headerTitle">
<a href="./index" title="Browse to homepage">My Weather Data </a>
</h1>
<div class="headerTemp"><h0><span class="doNotPrint">
%Currentsolardescription% %temp%</span></h0></div>
</div>
<!-- ##### CHANGE location to your location, avoid abbreviations ##### -->
<div class="subHeader">
my location
</div>
<div class="subHeaderRight">Updated: %date% %time%</div>
<div id="side-bar">
<!-- ##### Left Sidebar ##### -->
<div class="leftSideBar">
<p class="sideBarTitle">Temperature</p>
<ul>
<li>Now:%temp% (%tempinusa%)
<div style="color: blue; font-size: 80%; text-align: right;">%tempchangelasthour% /hr</div></li>
<li>Cond.:%Currentsolardescription%,</li>
<li> <img src="conditionscolour.jpg" width="160" height="35" alt="conditionscolour"/></li>
<li>High:<br/>%maxtemp% @ %maxtempt%</li>
<li>Low:<br/>%mintemp% @ %mintempt%</li>
<li>Feels like:<br/>%THSW% °C</li>
</ul>
<p class="sideBarTitle">Humidity</p>
<ul>
<li>Current: %hum% %</li>
<li>High:<br/>%highhum%% @ %highhumt%</li>
<li>Low:<br/>%lowhum%% @ %lowhumt%</li>
<li>Dew point:<br/>%dew% </li>
</ul>
<p class="sideBarTitle">Pressure</p>
<ul>
<li>Current: %baro%
<div style="color: blue; font-size: 80%; text-align: right;">%trend%</div></li>
<li>High:<br/>%highbaro% @ %highbarot%</li>
<li>Low:<br/>%lowbaro% @ %lowbarot%</li>
</ul>
<p class="sideBarTitle">Wind</p>
<ul>
<li>Current: %avgspd% %dirlabel%</li>
<li>Gust: %gstspd% %dirlabel%</li>
<li>Max: %maxgst% %maxgstdirectionletter%</li>
<li>(Max: %todaygustspeedinkmh% kmh)</li>
</ul>
<p class="sideBarTitle">Rain:</p>
<ul>
<li>Today: %dayrn% @ %timeoflastrain%</li>
<li>Yest: %ystdyrain%</li>
<li>Month: %monthrn%</li>
<li>Year: %yearrn%</li>
</ul>
<p class="sideBarTitle">Sun</p>
<div class="picfc"><img border="0" src="sunicon.jpg" width="104" height="72" alt="Sun"></img></div>
<div class="sideBarText">
Rise: %sunrise%
<br/>
Set: %sunset%
</div>
<p class="sideBarTitle">Moon</p>
<div class="picfc"><img border="0" src="moonicon.gif" alt="%moonage%"></img></div>
<div class="sideBarText">
Rise: %moonrise%
<br/>
Set: %moonset%
</div>
<p class="sideBarTitle">Links</p>
<div class="sideBarText">
<!-- ##### Side Links you can add/edit ##### -->
<a href="http://www.weather-display.com/" title="Weather Display">Weather Display Web site</a><br/>
</div>
<!-- ##### extra custom tags you can add/edit ##### -->
<p class="sideBarTitle">Other data</p>
<ul>
<li>Max gust last 7 days: %maxgustweek% kts, on %maxgustweekday%</li>
<li>Max temp last 7 days: %maxtempweek% °C, on %maxtempweekday%</li>
<li>Min temp last 7 days: %mintempweek% °C, on %mintempweekday%</li>
<li>Diff in av temp last 24 hrs: %last24houravtempclimatediff% °C</li>
<li>Wettest curr month on record: %wettestcurrmonth% </li>
<li>Driest curr month on record: %driestcurrmonth% </li>
</ul>
<p class="sideBarTitle">Validation</p>
<span class="sideBarText">This page is XHTML 1.0 compliant. Validate the <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> of this page.
</span>
</div>
</div>
<!-- ##### Main part of page..you can add other image files here ##### -->
<div id="main-copy">
<h2>Last 24 Hours</h2>
<img src="curr24hourgraph.gif" alt="Last 24 hours"></img>
<br />
<h2>Auto Scale graphs</h2>
<img src="autoscalewindbaro.gif" alt="barometer graph"/>
<img src="autoscaletemphum.gif" alt="temp/humidity graph" />
</div>
<!-- ##### Footer ##### -->
<div id="footer">
<div class="doNotPrint">
<a href="#header">Top</a> |
<!-- ##### CHANGE email address below to your email address ##### -->
<a href="mailto:youremail@youremail.com" title="E-mail us">Contact Us</a>
<script language="javascript" type="text/javascript">
<!--
if (navigator.appName == 'Microsoft Internet Explorer' &&
parseInt(navigator.appVersion) >= 4)
{
document.write('| <a href=\"#\" onclick=\"javascript:window.external.AddFavorite (location.href,document.title)\">');
document.write('Bookmark Page</a>');
}else
{var msg = '| <a href="" title="Bookmark Page" onClick="alert(' + "'Hit CTRL-D to bookmark this page'"+ ');">Bookmark Page</a>';
if(navigator.appName == "Netscape") msg += " (CTRL-D)";
document.write(msg);
}
// -->
</script>
<p style="text-align:center;">
<!-- ##### CHANGE copyright info to your liking ##### -->
Copyright © 2010, Weather display |
<a href="http://www.weather-display.com" title="Powered by Weather Display">Weather Display v%wdversion%</a> |
Site template by
<a href="http://www.carterlake.org" title="Template by Carterlake.org">CarterLake.org</a> and <a href="http://capmex.biz/resources/designs-by-haran" title="Haran">Haran</a><br />
<br class="doNotPrint" />Never base important decisions on this or any weather information obtained from the Internet.<br class="doNotPrint" />
<!-- ##### add other links /images to end of web page here ##### -->
</p>
</div><!-- doNotPrint -->
</div><!-- footer -->
</body>
</html>