34 lines
1.4 KiB
HTML
34 lines
1.4 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 id="generate">Generate!</button>
|
|
<p id="len"></p>
|
|
<div id="output" style="display: none;"></div>
|
|
<iframe id="pdf" style="width:100%;height:1000px"></iframe>
|
|
<script src="src/main.js" lang="js" type="module"></script>
|
|
</body>
|
|
</html>
|