-
Notifications
You must be signed in to change notification settings - Fork 0
/
ccflares-213-view-v4-sample.html
109 lines (107 loc) · 3.75 KB
/
ccflares-213-view-v4-sample.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<!-- ©2021 w1jp@arrl.net MIT License -->
<html>
<head>
<title>CCFLARES Message (ICS-213)</title>
<link rel="stylesheet" type="text/css" href="pure-min.css">
<link rel="stylesheet" type="text/css" href="{FormFolder}pure-min.css">
<style type="text/css">
.form {
background-color: #eee;
margin: 1em;
padding: 1em;
}
h1.header {
text-align: center;
color: blue;
}
.tr {
text-align: right;
}
.tc {
text-align: center;
}
label.alg {
padding-right: .5em;
}
.ccflares {
background-color: #eeccaa;
text-align: center;
}
.w1jp-hdr {
text-align: center;
font-family: consolas, monospace !important;
}
.w1jp-hdr-3 {
box-sizing: content-box;
width: 33%;
}
.w1jp-body{
font-family: consolas, monospace !important;
color: darkblue;
}
img {
float: left;
padding: 1em 0 0 1em;
}
footer {
color: #aaa;
margin: 1em;
font-size: small;
padding-left: 1ex;
}
</style>
</head>
<body>
<div class="pure-g">
<div class="pure-u-1">
<img src="CCFLARES_LOGO_ALPHA.svg" height="75">
<h1 class="header">CCFLARES Message (ICS-213)</h1>
</div>
<!-- CCFLARES additions -->
<div class=form>
<div class="pure-u-2-24 ccflares"><label for="msg-no">No.</label></div>
<div class="pure-u-3-24 ccflares"><label for="prec">Precidence</label></div>
<div class="pure-u-2-24 ccflares"><label for="hx">HX</label></div>
<div class="pure-u-4-24 ccflares"><label for="call">Org</label></div>
<div class="pure-u-6-24 ccflares"><label for="loc">Location</label></div>
<div class="pure-u-2-24 ccflares"><label for="check">Check</label></div>
<div class="pure-u-2-24 ccflares"><label for="ztime">Time(Z)</label></div>
<div class="pure-u-3-24 ccflares"><label for="zdate">Date</label></div>
<div class="pure-u-2-24 w1jp-hdr">13</div>
<div class="pure-u-3-24 w1jp-hdr">ROUTINE</div>
<div class="pure-u-2-24 w1jp-hdr"></div>
<div class="pure-u-4-24 w1jp-hdr">W1JP</div>
<div class="pure-u-6-24 w1jp-hdr">EOC</div>
<div class="pure-u-2-24 w1jp-hdr">14</div>
<div class="pure-u-2-24 w1jp-hdr">13:15Z</div>
<div class="pure-u-3-24 w1jp-hdr">10/20/2021</div>
<div class="pure-u-1 ccflares"> </div>
<!-- end CCFLARES additions -->
<div class="pure-u-4-24 tr"><label class="alg" for="incident">Incident:</label></div>
<div class="pure-u-8-24 w1jp-body">DRILL 10/18/2021</div>
<div class="pure-u-1-2"> </div>
<div class="pure-u-4-24 tr"><label class="alg" for="to">To:</label></div>
<div class="pure-u-8-24 w1jp-body">Tom Chance</div>
<div class="pure-u-1-2"> </div>
<div class="pure-u-4-24 tr"><label class="alg" for="from">From:</label></div>
<div class="pure-u-8-24 w1jp-body">Jon Pellant</div>
<div class="pure-u-1-2"> </div>
<div class="pure-u-4-24 tr"><label class="alg">Subject:</label></div>
<div class="pure-u-8-24 w1jp-body">Repeater Schedule</div>
<div class="pure-u-1-2"> </div>
<div class="pure-u-4-24 tr"><label class="alg" for="date">Date:</label></div>
<div class="pure-u-8-24 w1jp-body">10/18/2021</div>
<div class="pure-u-4-24 tr"><label class="alg" for="time">Time:</label></div>
<div class="pure-u-8-24 w1jp-body">8:15L</div>
<div class="pure-u-4-24 tr"><label class="alg" for="message">Message:</label></div>
<div class="pure-u-20-24 w1jp-body">I have scheduled the repeater to join the talk group at 23:55 UTC.</div>
<div class="pure-u-4-24 tr"><label class="alg" for="approver">Approved By:</label></div>
<div class="pure-u-8-24 w1jp-body">K8ONV</div>
<div class="pure-u-4-24 tr"><label class="alg" for="position">Position/Title:</label></div>
<div class="pure-u-8-24 w1jp-body">EARS Trustee</div>
</div>
</div>
</body>
<footer>version 4: ©2021 w1jp@ccflares.org</footer>
</html>