Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="<#location> weather data">
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station">
<title><#location> weather</title>
<script type="text/javascript">
function changeImage(im) {
document.images["graphs"].src = im + "?" + new Date().getTime();
}
</script>
<link href="weatherstyle.css" rel="stylesheet" type="text/css" >
</head>
<body>
<div id=content>
<h1><#location> weather</h1>
<h2 style="text-align: left; text-transform: none;"> </h2>
<p>These graphs present the temperature, pressure, rainfall, and wind speed trends for the last <#graphperiod> hours. </p>
<p>The thumbnail graphs are sampled every ten minutes. Click on a thumbnail to display the corresponding larger graph in the panel above it. The large graphs are sampled every minute. </p>
<p> <img src="images/wind.png" name="graphs" id="graphs" title="Weather Graphs" ></p>
<table cellpadding="0" cellspacing="0" id="Graph_menu">
<tr>
<td colspan="5">Click on a thumbnail to show a large graph in the panel above.</td>
</tr>
<tr>
<td class="td_thumbnails"><a onclick=changeImage("images/wind.png")><img src="images/windsm.png" alt="Wind Graph Thumbnail" width="150" height="100" border="0" ></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/temp.png")><img src="images/tempsm.png" alt="Temperature Graph Thumbnail" width="150" height="100" border="0" ></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/intemp.png")><img src="images/intempsm.png" alt="Inside Temperature Graph Thumbnail" width="150" height="100" border="0" ></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/press.png")><img src="images/presssm.png" alt="Pressure Graph Thumbnail" width="150" height="100" border="0" ></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/rain.png")><img src="images/rainsm.png" alt="Rain Graph Thumbnail" width="150" height="100" border="0" /></a></td>
</tr>
<tr>
<td class="td_thumbnails"><a onclick=changeImage("images/windd.png")><img src="images/winddsm.png" alt="Wind Direction Thumbnail" width="150" height="100" border="0" /></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/tempm.png")><img src="images/tempmsm.png" alt="Temp Min/Max Graph Thumbnail" width="150" height="100" border="0" /></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/hum.png")><img src="images/humsm.png" alt="Humidity Graph Thumbnail" width="150" height="100" border="0" /></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/raint.png")><img src="images/raintsm.png" alt="Today's Rainfall Graph Thumbnail" width="150" height="100" border="0" /></a></td>
<td class="td_thumbnails"><a onclick=changeImage("images/raind.png")><img src="images/raindsm.png" alt="Daily Rain Graph Thumbnail" width="150" height="100" border="0" /></a></td>
</tr>
<tr>
<td colspan="5" class="td_navigation_bar">:<a href="index.htm">now</a>::<a href="gauges.htm">gauges</a>::<a href="today.htm">today</a>::<a href="yesterday.htm">yesterday</a>::<a href="record.htm">records</a>::<a href="trends.htm">trends</a>:<#forum></td>
</tr>
</table>
<p class="credits"><br>
Page updated <#update><br>
powered by
<a href="http://sandaysoft.com/products/cumulus" target="_blank">Cumulus</a> v<#version> (<#build>)
</p>
</div>
</body>
</html>
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" src="wz_jsgraphics.js" type="text/javascript"></script>
<meta name="description" content="<#location> weather data">
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station">
<title><#location> weather</title>
<link href="weatherstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id=content>
<h1><#location> weather</h1>
<h2 style="text-align: left; text-transform: none;"> </h2>
<p></p>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<caption>Instrument view of current data at <#time></caption>
<tr>
<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" >Outside Temperature</div></td>
<td width="34%" align="center" bgcolor="#FFFFFF" ><div align="center" >Wind Chill</div></td>
<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" >Heat Index</div> </td>
</tr>
<tr>
<td width="33%" align="center" bgcolor="#EFEFEF" ><div id="outsidetemp">small</div></td>
<td width="34%" align="center" bgcolor="#FFFFFF" ><div id="windchill">small</div></td>
<td width="33%" align="center" bgcolor="#EFEFEF" ><div id="heatindex">small</div></td>
</tr>
<tr>
<td width="33%" align="center" bgcolor="#FFFFFF" ><div align="center" class="normaltext">Dew Point</div></td>
<td width="34%" align="center" bgcolor="#EFEFEF" ><div align="center" class="normaltext">Outside Humidity</div></td>
<td width="33%" align="center" bgcolor="#FFFFFF" ><div align="center" class="normaltext">Rain today</div></td>
</tr>
<tr>
<td width="33%" align="center" bgcolor="#FFFFFF" ><div id="dewpoint">small</div></td>
<td width="34%" align="center" bgcolor="#EFEFEF" ><div id="outsidehumidity">small</div></td>
<td width="33%" align="center" bgcolor="#FFFFFF" ><div id="rain">small</div></td>
</tr>
<tr>
<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" class="normaltext">Inside Temperature</div></td>
<td width="34%" align="center" bgcolor="#FFFFFF" ><div align="center" class="normaltext">Inside Humidity</div></td>
<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" class="normaltext">Cloud Base</div></td>
</tr>
<tr>
<td width="33%" align="center" bgcolor="#EFEFEF"><div id="insidetemp">small</div></td>
<td width="34%" align="center" bgcolor="#FFFFFF"><div id="insidehumidity">small</div></td>
<td width="33%" align="center" bgcolor="#EFEFEF" > <div id="cloudbase"></div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" align="center" ><div align="center" class="normaltext"> Barometer</div></td>
<td width="50%" align="center" ><div align="center" class="normaltext"> Wind</div></td>
</tr>
<tr>
<td align="center" ><div id="barometer">analog</div></td>
<td align="center" ><div id="wind">wind</div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" align="center"><img src="images/compass.png" alt="Wind Compass" name="Compass"></td>
<td width="34%" align="center"><img src="images/windgauge.png" name="WindGauge" alt="Wind Gauge" ></td>
<td width="33%" align="center"><img src="images/windrose.png" name="WindRose" alt="Wind Rose" ></td>
</tr>
</table>
<p></p>
<!-- This is the real time wind display. If you don't want to use it, delete everything between this comment and the next one. -->
<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="CumulusRealtime" width="600" height="300"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="CumulusRealtime.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name='flashVars' value='interval=<#realtimeinterval>'/>
<param name="allowScriptAccess" value="sameDomain" />
<embed src="CumulusRealtime.swf" quality="high" wmode="transparent"
width="600" height="300" name="CumulusRealtime" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
flashVars='interval=<#realtimeinterval>'
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</div>
<!-- end of real time display -->
<table width = 100%>
<tr>
<td colspan="3" class="td_navigation_bar">:<a href="index.htm">now</a>::<a href="gauges.htm">gauges</a>::<a href="today.htm">today</a>::<a href="yesterday.htm">yesterday</a>::<a href="record.htm">records</a>::<a href="trends.htm">trends</a>:<#forum></td>
</tr>
</table>
<p class="credits"><br>
Page updated <#update><br>
powered by
<a href="http://sandaysoft.com/products/cumulus" target="_blank">Cumulus</a> v<#version> (<#build>)
</p>
</div>
<script language="JavaScript1.2" type="text/javascript">
var tempunits = "<#tempunit>";
var tempos = new Array("<#RCtemp>","<#RCtempTL>","<#RCtempTH>","<#temptrendtext>");
var tempis = new Array("<#RCintemp>","","","");
var tempex1 = new Array("","","","");
var tempex2 = new Array("","","","");
var tempdp = new Array("<#RCdew>","","","");
var temphi = new Array("<#RCheatindex>","","","");
var tempwc = new Array("<#RCwchill>","","","");
var humos = new Array("<#RChum>","","","");
var humis = new Array("<#RCinhum>","","","");
var humex1 = new Array("","","","");
var humex2 = new Array("","","","");
var cloudbase = "<#cloudbase>";
var raintoday = new Array("<#RCrfall>","<#rainunit>","<#RCrrate>","<#RCrrateTM>");
var winddata = new Array("<#RCwgust>","<#bearing>","<#RCwspeed>","<#avgbearing>","<#RCwgustTM> <#windunit>, <#bearingTM>° at <#TwgustTM>");
var hwdir = new Array(<#wdirdata>);
var hwspd = new Array(<#wspddata>);
var wsu = "<#windunit>";
var bardata = new Array("<#RCpress>","<#pressunit>","<#presstrend>","<#RCpressTH>","<#RCpressTL>");
var TempColor = "";
var HumColor = "";
var RainColor = "";
var WindAvgColor = "";
var WindGustColor = "";
var WindHistColor = "";
var CloudTextColor = "";
var AnalogBaroTextColor = "";
var AnalogBaroNeedleColor = "";
var ExtraSensor1Name = "";
var ExtraSensor2Name = "";
</script>
<script language="JavaScript1.2" type="text/javascript" src="dbimages/dashboard.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="dbimages/boxover.js"></script>
</body>
</html>
