-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (93 loc) · 3.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Rocket Altitude Calculator</title>
<link rel="stylesheet" type="text/css" href="resources/styles/boilerplate.css" />
<link rel="stylesheet" type="text/css" href="resources/styles/style.css" />
<script src="resources/js/jquery.js"></script>
<script src="resources/js/formajax.js"></script>
<script src="resources/js/AltiCalcDraw.js"></script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="home">
<div style="color:white;background-color:red;width:100%;padding:1rem 0.5rem">
Alticalc is currently down for maintenance. It was written in PHP but I no longer have PHP hosting so I'm working on a Javascript version that will have more features, look better, and run offline. You can enter stuff into the boxes below, but clicking submit won't do anything.
</div>
<section class="toplevel" id="alticalc">
<a href="https://github.com/regdoug/alti-calc">
<img class="github-banner" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub">
</a>
<hgroup class="title">
<h1>Rocket Altitude Calculator</h1>
<h2>A quick and dirty altitude calculator for three Alti Traks</h2>
</hgroup>
<div class="content">
<section class="about">
<h1>About this Calculator</h1>
Read about the theory of this calculator <a href="theory.html">here.</a>
<h2>Measurement Requirements</h2>
You need three trackers with an Alti Trak each (or protractors w/ string)
arranged in a straight line with equal distances between each. See
the schematic below:
<div class="image center">
<img alt="Arrangement of trackers" src="resources/img/trackers.png">
</div>
</section>
<section class="main">
<h1>Calculator</h1>
<h2>Data Input</h2>
<form action="" method="post" id="alticalc-form">
<table class="dataentry">
<tr class="row-odd">
<td><label for="in-distance"class="label-required">Distance Between Trackers</label></td>
<td><input id="in-distance" name="distance" type="number" min="100" required></td>
</tr>
<tr class="row-even">
<td><label for="in-ang-one"class="label-required">Angle 1</label></td>
<td><input id="in-ang-one" name="angle-one" type="number" min="1" max="90" required></td>
</tr>
<tr class="row-odd">
<td><label for="in-ang-two" class="label-required">Angle 2</label></td>
<td><input id="in-ang-two" name="angle-two" type="number" min="1" max="90" required></td>
</tr>
<tr class="row-even">
<td><label for="in-ang-three"class="label-required">Angle 3</label></td>
<td><input id="in-ang-three" name="angle-three" type="number" min="1" max="90" required></td>
</tr>
<tr class="row-odd">
<td><label for="guess-lo" class="label-opt">Low Guess</label></td>
<td><input id="guess-lo" name="guess-lo" type="number" min="1"></td>
</tr>
<tr class="row-even">
<td><label for="guess-hi" class="label-opt">High Guess</label></td>
<td><input id="guess-hi" name="guess-hi" type="number" min="2"></td>
</tr>
</table>
<input type="hidden" name="type" value="json">
<input type="submit" class="submit">
<div class="error entryerror">
Please fill out all the fields with appropriate numbers.
</div>
<div class="error servererror">
Sorry. An error occurred and the result could not be fetched.
</div>
<div class="warning formwarning">
Warning:
</div>
</form>
<div class="results">
<h2>Results</h2>
<div class="answerbox">
<span class="answer">-</span> ft
</div>
<canvas class="cones" width='500' height='300'></canvas>
</div>
</section>
</div>
<div style="clear:both"></div>
</section>
</body>
</html>