33 lines
1.3 KiB
HTML
33 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Parachute Panel Generator</title>
|
|
</head>
|
|
<body>
|
|
<h1>Parachute Panel Generator</h1>
|
|
<p>Generate the SVG outline of a parachute panel for an elliptical parachute. Find out more <a>here</a>.</p>
|
|
<br>
|
|
<label for="u">Units:</label>
|
|
<select id="u">
|
|
<option value="px">Pixels</option>
|
|
<option value="mm">Millimetres</option>
|
|
<option value="cm">Centimetres</option>
|
|
<option value="in">Inches</option>
|
|
</select> <br>
|
|
<label for="h">Height of parachute (h):</label>
|
|
<input type="number" id="h" min="0"/><br>
|
|
<label for="r">Radius of parachute (r):</label>
|
|
<input type="number" id="r" min="0"/><br>
|
|
<label for="rs">Radius of spill hole (r<sub>s</sub>): (leave blank to use 5% of the radius)</label>
|
|
<input type="number" id="rs" /><br>
|
|
<label for="np">Number of panels (n<sub>p</sub>): </label>
|
|
<input type="number" id="np" min="3" ><br>
|
|
<label for="steps">Number of steps: </label>
|
|
<input type="number" id="steps" min="10" /><br>
|
|
<button onclick="generatePanel()">Generate!</button>
|
|
<p id="len"></p>
|
|
<div id="output"></div>
|
|
<script src="index.js" lang="js"></script>
|
|
</body>
|
|
</html>
|