?

index.html

@@ -7,15 +7,25 @@
         <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 0.05r)</label>
+        <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>