-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
172 lines (156 loc) · 7.29 KB
/
index.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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<!-- habitat: web template -->
<!-- http://habitat.habhub.org -->
<!-- (C) Copyright 2012; GNU GPL 3-->
<!-- Daniel Saul, based on Skeleton -->
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8"/>
<title>habitat</title>
<meta name="description" content="the next generation high altitude balloon tracking system by UKHAS"/>
<meta name="author" content="Daniel Saul"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/skeleton.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/favicon.ico" />
</head>
<body>
<header>
<div class="container">
<div class="sixteen columns">
<h1 class="no-margin">
<a href="http://habitat.habhub.org/" alt="habitat">
<img src="images/header_logo.png" alt="habitat" title="habitat"/>
</a>
</h1>
<span id="app_name"><b>genpayload</b></span>
</div>
</div>
</header>
<div id="grey-section">
<div class="container">
<div class="two-thirds column">
<h3 class="remove-bottom" id="page_title">An example form</h3>
<p class="remove-bottom" id="page_subtitle">Taken from genpayload</p>
</div>
</div>
</div>
<div class="container">
<!-- Can just put all content in a container class normally. -->
<div class="sixteen columns">
</div>
</div>
<!-- Example form from genpayload - the genpayload javascript requires sections etc., not necessary in normal usage. -->
<div id="sections">
<section id="transmission_edit" class="container">
<div id="transmission_misc" class="sixteen columns">
<div class="form row">
<label class="two columns alpha" for="transmission_description">Description</label>
<div class="seven columns">
<input type="text" id="transmission_description" class="long" />
</div>
<div class="six columns offset-by-one omega">
<div class="input_extra">Optional; e.g., Primary, alternative, nighttime mode.</div>
</div>
</div>
<div class="form row">
<label class="two columns alpha" for="transmission_frequency">Frequency (MHz)</label>
<div class="seven columns validated">
<input type="text" id="transmission_frequency" />
<img src="images/exclamationmark.png" alt="Error" />
</div>
<div class="six columns offset-by-one omega">
<div class="input_extra">MHz</div>
</div>
</div>
<div class="form row">
<label class="two columns alpha" for="transmission_mode">Mode</label>
<div class="seven columns">
<select id="transmission_mode">
<option>USB</option>
<option>LSB</option>
<option>AM</option>
<option>FM</option>
</select>
</div>
</div>
<div class="form row">
<label class="two columns alpha" for="transmission_modulation">Modulation</label>
<div class="seven columns">
<select id="transmission_modulation">
<option>RTTY</option>
</select>
</div>
</div>
</div>
<div id="transmission_rtty" class="sixteen columns">
<div class="form row">
<label class="two columns alpha" for="transmission_shift">Shift (Hz)</label>
<div class="seven columns validated">
<input type="text" id="transmission_shift" />
<img src="images/tick.png" alt="Complete" />
</div>
<div class="six columns offset-by-one omega">
<div class="input_extra">Shifts supported by legacy fldigi are: 23, 85, 160,
170, 182, 200, 240, 350, 425, 600 and 850.<br>
Modern versions support any custom shift.</div>
</div>
</div>
<div class="form row">
<label class="two columns alpha" for="transmission_encoding">Encoding</label>
<div class="seven columns">
<select id="transmission_encoding">
<option>BAUDOT</option>
<option>ASCII-7</option>
<option>ASCII-8</option>
</select>
</div>
</div>
<div class="form row">
<label class="two columns alpha" for="transmission_baud">Baud</label>
<div class="seven columns validated">
<input type="text" id="transmission_baud" />
<img src="images/tick.png" alt="Complete" />
</div>
<div class="six offset-by-one columns omega">
<div class="input_extra">fldigi supports 45, 45.45, 50, 56, 75, 100, 110, 150,
200 and 300 baud</div>
</div>
</div>
<div class="form row">
<label class="two columns alpha" for="transmission_parity">Parity</label>
<div class="seven columns">
<select id="transmission_parity">
<option>none</option>
<option>odd</option>
<option>even</option>
</select>
</div>
</div>
<div class="form row">
<label class="two columns alpha" for="transmission_stop">Stop bits</label>
<div class="seven columns">
<select id="transmission_stop">
<option>1</option>
<option>1.5</option>
<option>2</option>
</select>
</div>
</div>
</div>
<hr />
<div class="sixteen columns buttons">
<button class="disabled" id="transmission_confirm">Confirm</button>
<button id="transmission_cancel">Cancel</button>
</div>
</section>
</div>
</body>
</html>