define a modal to capture test metadata before running a test

diff --git a/ui/index.html b/ui/index.html
index ca5405337353fc655850539d5471587f6f30a0bb..3ae9722e84396b668f2588bbc106b8e58ebd99bf 100644 (file)
--- a/ui/index.html
+++ b/ui/index.html
@@ -79,9 +79,46 @@
       </div>
     </section>
 
+    <!-- TEST -->
+    <section class="test">
+      <div class="w3-container w3-center">
+        <button onclick="document.getElementById('start-metadata').style.display='block'" 
+               class="w3-button w3-round-large w3-black w3-hover-orange w3-large w3-opacity">Prepare to Test</button>
+      </div>
+    </section>
+
     <!-- FOOTER -->
     <footer class="w3-deep-purple w3-padding-xlarge w3-center">
       <p>QuantiMotor User Interface &copy; 2025 Bdale Garbee, GPLv3</p>
     </footer>
+
+    <!-- MODAL -->
+    <div id="start-metadata" class="w3-modal">
+      <div class="w3-modal-content">
+        <header class="w3-container w3-orange">
+          <span onclick="document.getElementById('start-metadata').style.display='none'" class="w3-closebtn">&times;</span>
+          <h2>Test Metadata</h2>
+        </header>
+
+        <div class="w3-container">
+          <form>
+            <div class="w3-section">
+              <label>Motor Maker</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Motor Maker">
+              <label>Propellant Formula</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Propellant Formula">
+              <label>Description</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Description">
+              <label>Notes</label>
+              <input class="w3-input w3-border w3-margin-bottom" type="text" placeholder="Notes">
+              <button class="w3-black w3-btn-block w3-section w3-padding">Submit</button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+
+
+
   </body>
 </html>