| b528647b |
<!DOCTYPE html>
<html>
<head>
|
| 149a7da4 |
<title>DIY Radiation</title>
<style>
body {
background-image: url("static/chalk.jpg");
}
|
| df59b77a |
h2 {
|
| 28772125 |
font: bold 24px arial, sans-serif;
|
| 149a7da4 |
}
|
| df59b77a |
h4 {
|
| 28772125 |
font: bold 16px arial, sans-serif;
|
| 149a7da4 |
}
|
| df59b77a |
.mainContainer {
width: 800px;
text-align: center;
margin: auto;
|
| 149a7da4 |
}
|
| df59b77a |
.datetime {
|
| 28772125 |
font: bold 22px arial, sans-serif;
padding: 20px;
|
| df59b77a |
}
.rowContainer {
display: table;
|
| 28772125 |
width: 100%;
|
| df59b77a |
}
.currentDataCell {
|
| 28772125 |
width: 50%;
font: bold 20px arial, sans-serif;
|
| df59b77a |
text-align: center;
display: table-cell;
vertical-align: middle;
}
.dataItems {
padding: 2px;
text-align: left;
|
| 28772125 |
line-height: 130%;
|
| df59b77a |
display: inline-block;
vertical-align: top;
}
.chartContainer {
padding: 2px;
|
| 149a7da4 |
}
img.chart {
width:100%;
}
|
| 28772125 |
.notes {
font: 17px arial, sans-serif;
|
| df59b77a |
text-align: left;
padding: 10px;
}
|
| 149a7da4 |
</style>
|
| b528647b |
</head>
|
| df59b77a |
<body onload="main()">
<div class="mainContainer">
|
| 28772125 |
|
| 149a7da4 |
<h2>DIY Radiation Monitor</h2>
|
| 28772125 |
<h4>Albany, Oregon</h4>
|
| 149a7da4 |
|
| df59b77a |
<div class="datetime">
|
| 149a7da4 |
<text id="date"></text>
<text id="time"></text>
</div>
|
| df59b77a |
<div class="rowContainer">
<div class="currentDataCell">
|
| 149a7da4 |
<ins>Current Reading</ins><br><br>
|
| df59b77a |
<div class="dataItems">
Counts per minute:<br>
Counts per second:<br>
uSv per hour:
</div>
<div class="dataItems">
<text id="cpm"></text><br>
<text id="cps"></text><br>
<text id="uSvPerHr"></text>
</div>
|
| 149a7da4 |
</div>
|
| df59b77a |
<div class="currentDataCell">
<ins>Radiation Monitor</ins><br><br>
<div class="dataItems">
Device:<br>
Mode:
</div>
<div class="dataItems">
<text id="status"></text><br>
<text id="mode"></text>
</div>
|
| 149a7da4 |
</div>
|
| df59b77a |
</div>
|
| 28772125 |
<br>
|
| 149a7da4 |
|
| df59b77a |
<div class="chartContainer">
|
| 149a7da4 |
<img class="chart" id="1-day-cpm">
</div>
|
| df59b77a |
<div class="chartContainer">
|
| 149a7da4 |
<img class="chart" id="1-day-uSv">
</div>
|
| df59b77a |
<div class="chartContainer">
|
| 149a7da4 |
<img class="chart" id="4-week-cpm">
</div>
|
| df59b77a |
<div class="chartContainer">
|
| 149a7da4 |
<img class="chart" id="4-week-uSv">
</div>
|
| df59b77a |
<div class="chartContainer">
|
| 149a7da4 |
<img class="chart" id="1-year-cpm">
</div>
|
| df59b77a |
<div class="chartContainer">
|
| 149a7da4 |
<img class="chart" id="1-year-uSv">
</div>
|
| 28772125 |
<div class="notes">
|
| 149a7da4 |
<b>NOTES:</b>
<ul>
|
| df59b77a |
<li>DIY Radiation Monitor project plans and software available at
<a href="https://github.com/fractalxaos/radmon" target="_new"><i>Github.com</i></a>.</li>
<li>Project sponsored by <a href="http://www.eugenemakerspace.com" TARGET="_NEW">
<i>Eugene Maker Space</i></a>, Eugene, Oregon.</li>
|
| 28772125 |
<li>For more information about the effects of radiation on the human body see
<a href="https://xkcd.com/radiation/" target="_blank">
Radiation Dose Chart</a> by Randall Monroe.</li>
|
| 149a7da4 |
</ul>
</div>
</div>
<br>
|
| df59b77a |
|
| 149a7da4 |
<script>
|
| b528647b |
|
| df59b77a |
/* Globals */
var radmonDataUrl = "dynamic/radmonData.js";
var httpRequest = new XMLHttpRequest();
function main() {
getRadmonData();
getRadmonGraphs();
setInterval(getRadmonData, 10000);
setInterval(getRadmonGraphs, 60000);
}
function getRadmonData() {
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState == 4 && httpRequest.status == 200) {
var dataArray = JSON.parse(httpRequest.responseText);
displayData(dataArray[0]);
|
| 213b91d2 |
}
|
| df59b77a |
};
|
| a7ac5e03 |
httpRequest.open("POST", radmonDataUrl, true);
|
| df59b77a |
httpRequest.send();
}
function getRadmonGraphs() {
var d = new Date;
document.getElementById("1-day-cpm").src = "dynamic/radGraph1.png?ver=" + d.getTime();
document.getElementById("1-day-uSv").src = "dynamic/radGraph2.png?ver=" + d.getTime();
document.getElementById("4-week-cpm").src = "dynamic/radGraph3.png?ver=" + d.getTime();
document.getElementById("4-week-uSv").src = "dynamic/radGraph4.png?ver=" + d.getTime();
document.getElementById("1-year-cpm").src = "dynamic/radGraph5.png?ver=" + d.getTime();
document.getElementById("1-year-uSv").src = "dynamic/radGraph6.png?ver=" + d.getTime();
}
function displayData(dataItem) {
|
| 28772125 |
var timeStamp, date, time, hourminute, status;
|
| 92145152 |
timeStamp = dataItem.date;
date = timeStamp.split(" ")[0];
time = timeStamp.split(" ")[1];
hourminute = time.split(":")[0] + ":" + time.split(":")[1];
|
| 28772125 |
localDateObj = new Date();
localTimeZone = localDateObj.getTimezoneOffset() / 60;
|
| df59b77a |
document.getElementById("date").innerHTML = date;
|
| 28772125 |
document.getElementById("time").innerHTML =
hourminute + " <small>(GMT+" + localTimeZone + ")</small>";
|
| df59b77a |
document.getElementById("cpm").innerHTML = dataItem.CPM;
document.getElementById("cps").innerHTML = dataItem.CPS;
document.getElementById("uSvPerHr").innerHTML = dataItem.uSvPerHr;
document.getElementById("mode").innerHTML = dataItem.Mode;
|
| 28772125 |
status = dataItem.status;
document.getElementById("status").innerHTML = status;
if (status == "online") {
document.getElementById("status").style.color = "green";
} else {
document.getElementById("status").style.color = "red";
|
| 92145152 |
}
|
| df59b77a |
}
|
| 92145152 |
</script>
|
| b528647b |
</body>
</html>
|