<!DOCTYPE html>
<html>
<head>
<title>AREDN Node - Signal Status</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background-image: url("static/chalk.jpg");
}
h2 {
font: bold 24px arial, sans-serif;
}
h3 {
font: bold 18px arial, sans-serif;
}
h4 {
font: bold 16px arial, sans-serif;
}
.mainContainer {
width: 750px;
text-align: center;
margin: auto;
}
.datetime {
font: bold 22px arial, sans-serif;
padding: 0px;
}
.rowContainer {
display: table;
width: 100%;
}
.currentDataCell {
width: 50%;
padding: 10px;
font: bold 20px arial, sans-serif;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.dataItems {
padding: 2px;
text-align: left;
line-height: 130%;
display: inline-block;
vertical-align: middle;
}
.chartContainer {
padding: 2px;
}
img.chart {
width:100%;
}
.notes {
font: 17px arial, sans-serif;
text-align: left;
padding: 10px;
}
span.chartSelector {
margin: auto;
}
ul.selectorElement {
list-style-type: none;
margin: 10px;
padding: 0;
overflow: hidden;
background-color: #bbb;
text-align: center;
}
li.selectorElement {
display: inline-block;
font: bold 18px arial, sans-serif;
color: black;
}
span.selectorElement:hover {
background-color: #333;
cursor: pointer;
color: white;
}
span.selectorElement {
display: inline-block;
padding: 8px 12px;
}
#iframe_a {
border:none;
width:100%;
height:450px;
}
</style>
</head>
<body onload="main()">
<div class="mainContainer">
<h2><a href="https://github.com/fractalxaos/ham/tree/master/arednsig"
style="text-decoration:none" target="_new">
AREDN<sup>®</sup> Node Signal</a></h2>
<h3>Last Updated</h3>
<div class="datetime">