parent
6b45a95754
commit
2ff4ae5a38
@ -1,44 +1,106 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<title>OP25</title> |
||||
<link rel="stylesheet" type="text/css" href="main.css"> |
||||
<script src="main.js"></script> |
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> |
||||
<meta http-equiv="Content-Language" content="en" /> |
||||
|
||||
<title>OP25</title> |
||||
<link rel="stylesheet" type="text/css" href="main.css"> |
||||
<script src="main.js"></script> |
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> |
||||
</head> |
||||
|
||||
<body onload="javascript:do_onload();"> |
||||
<input type="button" name="status" value="STATUS" onclick="javascript:f_select("status");" href=""></input> |
||||
| |
||||
<input type="button" name="plot" value="PLOT" onclick="javascript:f_select("plot");"></input> |
||||
<br><hr> |
||||
<div id="div_status" style="display: none;"> |
||||
<div id="div_s1"> |
||||
Waiting for data |
||||
|
||||
<form method="post" action="#" id="form_scan"> |
||||
|
||||
<!-- nav bar --> |
||||
|
||||
<div class="nav-bar"> |
||||
<ul class="nav-ul"> |
||||
<li id="li1" class="nav-li"><input id="b1" class="nav-button" type="button" name="B1" value="Home" method="post" action="" onclick="javascript:f_select("status");"></li> |
||||
<li id="li2" class="nav-li"><input id="b2" class="nav-button" type="button" name="B2" value="Plot" method="post" action="" onclick="javascript:f_select("plot");"></li> |
||||
<li id="li3" class="nav-li"><input id="b3" class="nav-button" type="button" name="B3" value="About" method="post" action="" onclick="javascript:f_select("about");"></li> |
||||
<li id="li4"><span class="copyr"> © 2017, 2018 Max H. Parke KA1RBI</span></li> |
||||
</ul> |
||||
</div> |
||||
<div id="div_s2" style="display: none;"> |
||||
<br> |
||||
<!-- control buttons --> |
||||
|
||||
<div id="controls" class="flex-container"> |
||||
|
||||
<div> |
||||
<input type="button" class="scan-button" name="skip" value="SKIP" onclick="javascript:f_scan_button("skip");"> |
||||
</div> |
||||
|
||||
<div> |
||||
<input type="button" class="scan-button" name="hold" value="HOLD" onclick="javascript:f_scan_button("hold");"> |
||||
</div> |
||||
|
||||
<div> |
||||
<input type="button" class="scan-button" name="lockout" value="LOCKOUT" onclick="javascript:f_scan_button("lockout");"> |
||||
</div> |
||||
|
||||
</div> |
||||
<div id="div_s3" style="display: none;"> |
||||
<form method="post" action="#" id="form_scan"> |
||||
<input type="button" name="skip" value="SKIP" onclick="javascript:f_scan_button("skip");"></input> |
||||
<input type="button" name="hold" value="HOLD" onclick="javascript:f_scan_button("hold");"></input> |
||||
<input type="button" name="lockout" value="LOCKOUT" onclick="javascript:f_scan_button("lockout");"></input> |
||||
</form> |
||||
|
||||
<!-- copyright div--> |
||||
|
||||
<div id="div_about" style="display:none;"> |
||||
<div class="copyright-text"> |
||||
This program comes with ABSOLUTELY NO WARRANTY.<br> |
||||
OP25 is free software, and you are welcome to redistribute it<br> |
||||
under certain conditions. For further details refer to the "License" |
||||
link (below).<p> |
||||
<table border=0> |
||||
<tr><td>License:</td><td><a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">https://www.gnu.org/licenses/gpl-3.0.en.html</a></td></tr> |
||||
<tr><td>Mailing list:</td><td><a href="https://groups.yahoo.com/neo/groups/op25-dev" target="_blank2">https://groups.yahoo.com/neo/groups/op25-dev</a></td></tr> |
||||
<tr><td>Download:</td><td><tt>git clone https://git.osmocom.org/op25</tt></td></tr> |
||||
<tr><td>Web site:</td><td><a href="http://op25.osmocom.org" target="_blank3">http://op25.osmocom.org</a></td></tr> |
||||
</table> |
||||
</div> |
||||
<br> |
||||
</div> |
||||
|
||||
</form> |
||||
|
||||
|
||||
<div id="div_status" style="display: none;"> |
||||
|
||||
|
||||
|
||||
<div id="div_s2" class="s2" style="display: none;"> |
||||
<!-- frequency, system, tg display --> |
||||
</div> |
||||
|
||||
|
||||
<br> |
||||
|
||||
|
||||
|
||||
<div id="div_s1" class="s1"> |
||||
<!-- system freq and adjacent sites --> |
||||
|
||||
Waiting for data... |
||||
</div> |
||||
<br><br><br> |
||||
|
||||
<!-- div_s3 --> |
||||
|
||||
<div id="div_s3" class="s3" style="display: none;"> |
||||
|
||||
<!-- old location of SKIP HOLD LOCKOUT controls --> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
<div id="div_plot" style="display: none;"> |
||||
<img src="1x1.png" id="img0" style="display:none;"><br> |
||||
<img src="1x1.png" id="img1" style="display:none;"><br> |
||||
<img src="1x1.png" id="img2" style="display:none;"><br> |
||||
<img src="1x1.png" id="img3" style="display:none;"><br> |
||||
<img src="1x1.png" id="img0" style="display:none;" alt="plot"><br> |
||||
<img src="1x1.png" id="img1" style="display:none;" alt="plot"><br> |
||||
<img src="1x1.png" id="img2" style="display:none;" alt="plot"><br> |
||||
<img src="1x1.png" id="img3" style="display:none;" alt="plot"><br> |
||||
</div> |
||||
<br><hr> |
||||
©Copyright 2017, 2018 Max H. Parke KA1RBI<p> |
||||
<font size="-1"> |
||||
This program comes with ABSOLUTELY NO WARRANTY.<br> |
||||
OP25 is free software, and you are welcome to redistribute it<br> |
||||
under certain conditions. For further details refer to this link: |
||||
<a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">LICENSE</a> |
||||
</font> |
||||
|
||||
<br> |
||||
</body> |
||||
</html> |
||||
|
||||
@ -1,5 +1,253 @@ |
||||
body {background-color: yellow;} |
||||
table { border-style: solid; background-color: #00c000; border-collapse: collapse} |
||||
th {border-style: solid;} |
||||
td {border-style: solid;} |
||||
input#s_table_nac {text-align: right;} |
||||
#div_status body { |
||||
|
||||
background-color: LightGray; |
||||
font-family: Arial, Helvetica, sans-serif; |
||||
|
||||
} |
||||
|
||||
#div_status table { |
||||
|
||||
border-style: solid; |
||||
background-color: #336699; |
||||
border-collapse: collapse; |
||||
font-family: "Courier New", Courier, Monospace; |
||||
|
||||
} |
||||
|
||||
#div_status th { |
||||
|
||||
border-style: solid; |
||||
padding: 3px; |
||||
font-family: Arial, Helvetica, sans-serif; |
||||
color: #000; |
||||
font-weight: bold; |
||||
background: #669999; /* For browsers that do not support gradients */ |
||||
background: linear-gradient(#669999, #77AAAA); |
||||
|
||||
} |
||||
|
||||
#div_status td { |
||||
|
||||
border-style: solid; |
||||
padding: 3px; |
||||
|
||||
} |
||||
|
||||
hr { |
||||
width: 730px; |
||||
float: left; |
||||
padding: 0px; |
||||
} |
||||
|
||||
/* the buttons */ |
||||
|
||||
.scan-button { |
||||
/* background-color: #669999; */ |
||||
border-color: black; |
||||
color: white; |
||||
padding: 10px 10px; |
||||
text-decoration: none; |
||||
margin: 4px 2px; |
||||
cursor: pointer; |
||||
width: 100px; |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19); |
||||
background: #669999; /* For browsers that do not support gradients */ |
||||
background: linear-gradient(#669999, #82B0B0); |
||||
} |
||||
|
||||
/* flex container for top buttons */ |
||||
|
||||
/* |
||||
the flex properties are more useful when a variable-width is applied, |
||||
but can be safely left in place even when using a fixed width |
||||
*/ |
||||
|
||||
.flex-container { |
||||
display: flex; |
||||
width: 730px; |
||||
justify-content: space-between; |
||||
|
||||
} |
||||
|
||||
.flex-container > div { |
||||
width: 100px; |
||||
margin: 0px; |
||||
text-align: center; |
||||
line-height: 75px; |
||||
font-size: 30px; |
||||
} |
||||
|
||||
|
||||
/* main info container for the two tables */ |
||||
|
||||
div.info { |
||||
|
||||
position: relative; |
||||
width: 730px; |
||||
height: auto; |
||||
border: 0px solid #000; |
||||
} |
||||
|
||||
/* system frequencies container that holds the table */ |
||||
|
||||
.top { |
||||
|
||||
text-align: left; |
||||
border: 0px solid #000; |
||||
|
||||
} |
||||
|
||||
div.system { |
||||
|
||||
position: absolute; |
||||
top: 10px; |
||||
left: 0; |
||||
width: 48%; |
||||
height: auto; |
||||
border: 0px solid #d00 |
||||
} |
||||
|
||||
/* adjacent sites container that holds the table */ |
||||
|
||||
div.adjacent { |
||||
|
||||
position: relative; |
||||
top: 10px; |
||||
width: 48%; |
||||
float: right; |
||||
height: auto; |
||||
border: 0px solid #00f; |
||||
} |
||||
|
||||
/* labels, values, system and tg text */ |
||||
|
||||
.copyr { |
||||
|
||||
font-family: Arial, Helvetica, sans-serif; |
||||
font-size: 14px; |
||||
padding: 20px; |
||||
color: #484848; |
||||
float: right; |
||||
} |
||||
|
||||
.label { |
||||
|
||||
font-family: Arial, Helvetica, sans-serif; |
||||
color: #484848; |
||||
} |
||||
|
||||
.value { |
||||
|
||||
font-family: Arial, Helvetica, sans-serif; |
||||
color: #000000; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.systgid { |
||||
|
||||
font-family: Arial, Helvetica, sans-serif; |
||||
color: #000060; |
||||
font-weight: bold; |
||||
font-size: 24px; |
||||
} |
||||
|
||||
/* the whole NAC string... NAC, freq tsbks, etc. */ |
||||
|
||||
.nac { |
||||
|
||||
font-family: Arial, Helvetica, sans-serif; |
||||
color: #000060; |
||||
font-weight: bold; |
||||
font-size: 20px; |
||||
|
||||
} |
||||
|
||||
/* .s1 .s2 .s3 DIVs for the sections. see index.html */ |
||||
|
||||
.s1 { |
||||
/* empty */ |
||||
} |
||||
|
||||
.s2 { |
||||
border: 1px solid #999; |
||||
height: auto; |
||||
width: 720px; |
||||
padding: 5px; |
||||
background: LightGray; /* For browsers that do not support gradients */ |
||||
background: linear-gradient(White, Silver); |
||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19); |
||||
} |
||||
|
||||
.s3 { |
||||
/* empty */ |
||||
} |
||||
|
||||
.copyright-text { |
||||
|
||||
font-family: Arial, Helvetica, sans-serif; |
||||
color: #000060; |
||||
font-size: 10pt; |
||||
} |
||||
|
||||
.nav-ul { |
||||
list-style-type: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow: hidden; |
||||
background-color: #bbb; |
||||
background: linear-gradient(#bbbbbb, #cccccc); |
||||
} |
||||
|
||||
.nav-li { |
||||
float: left; |
||||
border-right: 1px solid #000; |
||||
background: linear-gradient(#bbbbbb, #cccccc); |
||||
} |
||||
|
||||
.nav-li-active { |
||||
float: left; |
||||
background-color: #c0c0c0; |
||||
color: #0080c0; |
||||
border-right: 1px solid #000; |
||||
} |
||||
|
||||
.nav-bar { |
||||
width: 730px; |
||||
padding: 0; |
||||
border: 1px solid #000; |
||||
} |
||||
|
||||
.nav-button { |
||||
background-color: #bbb; |
||||
background: linear-gradient(#bbbbbb, #cccccc); |
||||
color: #000; |
||||
border: 0px; |
||||
padding: 20px; |
||||
display: block; |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
|
||||
.nav-button-active { |
||||
background-color: #9cc; |
||||
background: linear-gradient(#8bb, #9cc); |
||||
color: #000; |
||||
border: 0px; |
||||
padding: 20px; |
||||
display: block; |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.nav-button:hover { |
||||
background-color: #699; |
||||
background: linear-gradient(#588, #699); |
||||
} |
||||
|
||||
.nav-button-active:hover { |
||||
background-color: #699; |
||||
background: linear-gradient(#588, #699); |
||||
} |
||||
|
||||
Loading…
Reference in new issue