Browse code
revisions 20160203
Jeff Owrey authored on 02/03/2016 20:12:17
Showing 2 changed files
| ... | ... |
@@ -7,12 +7,10 @@ body {
|
| 7 | 7 |
background-image: url("static/chalk.jpg");
|
| 8 | 8 |
} |
| 9 | 9 |
h2 {
|
| 10 |
- font: 24px arial, sans-serif; |
|
| 11 |
- font-weight: bold; |
|
| 10 |
+ font: bold 24px arial, sans-serif; |
|
| 12 | 11 |
} |
| 13 | 12 |
h4 {
|
| 14 |
- font: 16px arial, sans-serif; |
|
| 15 |
- font-weight: bold; |
|
| 13 |
+ font: bold 16px arial, sans-serif; |
|
| 16 | 14 |
} |
| 17 | 15 |
.mainContainer {
|
| 18 | 16 |
width: 800px; |
| ... | ... |
@@ -20,21 +18,16 @@ h4 {
|
| 20 | 18 |
margin: auto; |
| 21 | 19 |
} |
| 22 | 20 |
.datetime {
|
| 23 |
- font: 19px arial, sans-serif; |
|
| 24 |
- font-weight: bold; |
|
| 25 |
- color: black; |
|
| 26 |
- padding: 10px; |
|
| 21 |
+ font: bold 22px arial, sans-serif; |
|
| 22 |
+ padding: 20px; |
|
| 27 | 23 |
} |
| 28 | 24 |
.rowContainer {
|
| 29 | 25 |
display: table; |
| 30 |
- border-spacing: 1px; |
|
| 26 |
+ width: 100%; |
|
| 31 | 27 |
} |
| 32 | 28 |
.currentDataCell {
|
| 33 |
- height: 175px; |
|
| 34 |
- width: 396px; |
|
| 35 |
- font: 19px arial, sans-serif; |
|
| 36 |
- font-weight: bold; |
|
| 37 |
- color: black; |
|
| 29 |
+ width: 50%; |
|
| 30 |
+ font: bold 20px arial, sans-serif; |
|
| 38 | 31 |
text-align: center; |
| 39 | 32 |
display: table-cell; |
| 40 | 33 |
vertical-align: middle; |
| ... | ... |
@@ -42,21 +35,19 @@ h4 {
|
| 42 | 35 |
.dataItems {
|
| 43 | 36 |
padding: 2px; |
| 44 | 37 |
text-align: left; |
| 38 |
+ line-height: 130%; |
|
| 45 | 39 |
display: inline-block; |
| 46 | 40 |
vertical-align: top; |
| 47 | 41 |
} |
| 48 | 42 |
.chartContainer {
|
| 49 |
- margin: 1px; |
|
| 50 | 43 |
padding: 2px; |
| 51 | 44 |
} |
| 52 | 45 |
img.chart {
|
| 53 | 46 |
width:100%; |
| 54 | 47 |
} |
| 55 |
-.footer {
|
|
| 56 |
- font: 17px times new roman, sans-serif; |
|
| 57 |
- color: black; |
|
| 48 |
+.notes {
|
|
| 49 |
+ font: 17px arial, sans-serif; |
|
| 58 | 50 |
text-align: left; |
| 59 |
- margin: 1px; |
|
| 60 | 51 |
padding: 10px; |
| 61 | 52 |
} |
| 62 | 53 |
</style> |
| ... | ... |
@@ -65,8 +56,9 @@ img.chart {
|
| 65 | 56 |
<body onload="main()"> |
| 66 | 57 |
|
| 67 | 58 |
<div class="mainContainer"> |
| 59 |
+ |
|
| 68 | 60 |
<h2>DIY Radiation Monitor</h2> |
| 69 |
-<h4>Located in Albany, Oregon</h4> |
|
| 61 |
+<h4>Albany, Oregon</h4> |
|
| 70 | 62 |
|
| 71 | 63 |
<div class="datetime"> |
| 72 | 64 |
<text id="date"></text> |
| ... | ... |
@@ -74,8 +66,6 @@ img.chart {
|
| 74 | 66 |
<text id="time"></text> |
| 75 | 67 |
</div> |
| 76 | 68 |
|
| 77 |
-<hr> |
|
| 78 |
- |
|
| 79 | 69 |
<div class="rowContainer"> |
| 80 | 70 |
<div class="currentDataCell"> |
| 81 | 71 |
<ins>Current Reading</ins><br><br> |
| ... | ... |
@@ -104,7 +94,7 @@ Mode: |
| 104 | 94 |
</div> |
| 105 | 95 |
</div> |
| 106 | 96 |
|
| 107 |
-<hr> |
|
| 97 |
+<br> |
|
| 108 | 98 |
|
| 109 | 99 |
<div class="chartContainer"> |
| 110 | 100 |
<img class="chart" id="1-day-cpm"> |
| ... | ... |
@@ -130,13 +120,16 @@ Mode: |
| 130 | 120 |
<img class="chart" id="1-year-uSv"> |
| 131 | 121 |
</div> |
| 132 | 122 |
|
| 133 |
-<div class="footer"> |
|
| 123 |
+<div class="notes"> |
|
| 134 | 124 |
<b>NOTES:</b> |
| 135 | 125 |
<ul> |
| 136 | 126 |
<li>DIY Radiation Monitor project plans and software available at |
| 137 | 127 |
<a href="https://github.com/fractalxaos/radmon" target="_new"><i>Github.com</i></a>.</li> |
| 138 | 128 |
<li>Project sponsored by <a href="http://www.eugenemakerspace.com" TARGET="_NEW"> |
| 139 | 129 |
<i>Eugene Maker Space</i></a>, Eugene, Oregon.</li> |
| 130 |
+<li>For more information about the effects of radiation on the human body see |
|
| 131 |
+<a href="https://xkcd.com/radiation/" target="_blank"> |
|
| 132 |
+Radiation Dose Chart</a> by Randall Monroe.</li> |
|
| 140 | 133 |
</ul> |
| 141 | 134 |
</div> |
| 142 | 135 |
</div> |
| ... | ... |
@@ -177,26 +170,29 @@ function getRadmonGraphs() {
|
| 177 | 170 |
} |
| 178 | 171 |
|
| 179 | 172 |
function displayData(dataItem) {
|
| 180 |
- var timeStamp, date, time, hourminute; |
|
| 173 |
+ var timeStamp, date, time, hourminute, status; |
|
| 181 | 174 |
|
| 182 | 175 |
timeStamp = dataItem.date; |
| 183 | 176 |
date = timeStamp.split(" ")[0];
|
| 184 | 177 |
time = timeStamp.split(" ")[1];
|
| 185 | 178 |
hourminute = time.split(":")[0] + ":" + time.split(":")[1];
|
| 179 |
+ localDateObj = new Date(); |
|
| 180 |
+ localTimeZone = localDateObj.getTimezoneOffset() / 60; |
|
| 186 | 181 |
|
| 187 | 182 |
document.getElementById("date").innerHTML = date;
|
| 188 |
- document.getElementById("time").innerHTML = hourminute + " (PDT)";
|
|
| 183 |
+ document.getElementById("time").innerHTML =
|
|
| 184 |
+ hourminute + " <small>(GMT+" + localTimeZone + ")</small>"; |
|
| 189 | 185 |
document.getElementById("cpm").innerHTML = dataItem.CPM;
|
| 190 | 186 |
document.getElementById("cps").innerHTML = dataItem.CPS;
|
| 191 | 187 |
document.getElementById("uSvPerHr").innerHTML = dataItem.uSvPerHr;
|
| 192 | 188 |
document.getElementById("mode").innerHTML = dataItem.Mode;
|
| 193 | 189 |
|
| 194 |
- document.getElementById("status").innerHTML = dataItem.status;
|
|
| 195 |
- if (dataItem.status == "online") {
|
|
| 196 |
- document.getElementById("status").style.color = "green";
|
|
| 197 |
- } |
|
| 198 |
- else {
|
|
| 199 |
- document.getElementById("status").style.color = "red";
|
|
| 190 |
+ status = dataItem.status; |
|
| 191 |
+ document.getElementById("status").innerHTML = status;
|
|
| 192 |
+ if (status == "online") {
|
|
| 193 |
+ document.getElementById("status").style.color = "green";
|
|
| 194 |
+ } else {
|
|
| 195 |
+ document.getElementById("status").style.color = "red";
|
|
| 200 | 196 |
} |
| 201 | 197 |
} |
| 202 | 198 |
|