index.html.in: don't hide the body overflow on the menu screen

[charm-bypass.git] / index.html.in

diff --git a/index.html.in b/index.html.in
index fb31283fedcb137a0b5bd7c3b3e56595f13b41cf..cd71cbb97c80c334aef519d20a5a84e66e77283f 100644 (file)
--- a/index.html.in
+++ b/index.html.in
@@ -26,13 +26,6 @@
         background: transparent;
       }
 
-      html, body {
-        /* To create our "window" onto the scene, we're going to slide the
-         * SVG off the left-hand side of the screen, and we don't want
-         * scroll bars to appear. */
-        overflow: hidden;
-      }
-
       svg {
         /* Set the height to 100% of the screen, which we'll keep; and the
          *  initial position to (0,0), which we're going to change
@@ -236,7 +229,7 @@
        <fieldset>
          <legend>BaltimoreLink (Bus, Light Rail, Metro)</legend>
          <input type="hidden" name="servicename" value="BaltimoreLink" />
-         <input type="submit" name="go" value="Generate Ticket" />
+         <input type="submit" name="go" value="Get Ticket" />
        </fieldset>
       </form>
       <form>
@@ -265,15 +258,84 @@
            <label for="zone5">Zone 5</label>
          </div>
 
-         <input type="submit" name="go" value="Generate Ticket" />
+         <input type="submit" name="go" value="Get Ticket" />
        </fieldset>
       </form>
       <form>
        <fieldset>
          <legend>MARC Train</legend>
+
+         <h3>Origin</h3>
+         <div>
+           <input type="radio" id="origin1" name="origin" value="BAL" />
+           <label for="origin1">Baltimore/Penn (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="origin2" name="origin" value="BCA" />
+           <label for="origin2">Baltimore/Camden (Camden Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="origin3" name="origin" value="BWE" />
+           <label for="origin3">Bowie State (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="origin4" name="origin" value="BWI" />
+           <label for="origin4">BWI Airport (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="origin5" name="origin" value="CPK" />
+           <label for="origin5">College Park (Camden Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="origin6" name="origin" value="SEB" />
+           <label for="origin6">Seabrook (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="origin7" name="origin" value="WAS" />
+           <label for="origin7">Washington D.C.</label>
+         </div>
+         <div>
+           <input type="radio" id="origin8" name="origin" value="WBL" />
+           <label for="origin8">West Baltimore (Penn Line)</label>
+         </div>
+
+         <h3>Destination</h3>
+         <div>
+           <input type="radio" id="destination1" name="destination" value="BAL" />
+           <label for="destination1">Baltimore/Penn (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="destination2" name="destination" value="BCA" />
+           <label for="destination2">Baltimore/Camden (Camden Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="destination3" name="destination" value="BWE" />
+           <label for="destination3">Bowie State (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="destination4" name="destination" value="BWI" />
+           <label for="destination4">BWI Airport (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="destination5" name="destination" value="CPK" />
+           <label for="destination5">College Park (Camden Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="destination6" name="destination" value="SEB" />
+           <label for="destination6">Seabrook (Penn Line)</label>
+         </div>
+         <div>
+           <input type="radio" id="destination7" name="destination" value="WAS" />
+           <label for="destination7">Washington D.C.</label>
+         </div>
+         <div>
+           <input type="radio" id="destination8" name="destination" value="WBL" />
+           <label for="destination8">West Baltimore (Penn Line)</label>
+         </div>
+
          <input type="hidden" name="serviceid" value="R" />
          <input type="hidden" name="servicename" value="MARC Train" />
-         <input type="submit" name="go" value="Generate Ticket" />
+         <input type="submit" name="go" value="Get Ticket" />
        </fieldset>
       </form>
     </div>
@@ -476,6 +538,11 @@
       /******************************************/
 
       function go() {
+        /* To create our "window" onto the scene, we're going to slide the
+         * SVG off the left-hand side of the screen, and we don't want
+         * scroll bars to appear. */
+       document.body.style.overflow = "hidden";
+
         const svg = document.querySelector("svg");
         const menu = document.getElementById("menu");
         svg.style.display = "initial";