<!DOCTYPE html>
<!-- Courtesy ruler for editing this file
12345678901234567890123456789012345678901234567890123456789012345678901234567890
-->
<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;
    /*border: 1px solid black;*/
}
.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>&#174;</sup> Node Signal</a></h2>
<h3>Last Updated</h3>
<div class="datetime">