X-Git-Url: https://gitweb.michael.orlitzky.com/?a=blobdiff_plain;f=index.html.in;h=dae2c048c8efae9d68635e20bc3ca9b64bd8bba4;hb=9b9ad860a1d2a3846edab6ace63c8bc1502bca91;hp=62edbde801f1cfba77b96cc44e2e86c552438278;hpb=c9e1beeda3d1a63f21291d5f3b3e6b94c8748085;p=charm-bypass.git

diff --git a/index.html.in b/index.html.in
index 62edbde..dae2c04 100644
--- a/index.html.in
+++ b/index.html.in
@@ -1,19 +1,31 @@
 <!doctype html>
 <html lang="en-US">
   <head>
+    <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" href="favicon.svg" />
+    <link rel="icon"
+          type="image/svg+xml"
+          href="data:image/svg+xml;base64,@FAVICON@" />
 
     <title>
       CharmBypass: it's transit equity y'all
     </title>
 
     <style>
+      fieldset {
+        margin-top: 1em;
+        padding-top: 1em;
+      }
+
       input[type=submit] {
         margin-top: 1em;
         margin-bottom: 1em;
       }
 
+      legend {
+        font-weight: bold;
+      }
+
       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
@@ -225,7 +237,7 @@
 
       <form>
         <fieldset>
-          <legend>BaltimoreLink (Bus, Light Rail, Metro)</legend>
+          <legend>Local Bus, Light Rail, or Metro</legend>
           <div>
             <label for="code1">
               Daily security code (optional):
@@ -233,12 +245,13 @@
             <input id="code1"
                    name="code"
                    type="text"
+                   size="2"
                    minlength="2"
                    maxlength="2"
                    pattern="[a-zA-Z0-9]*" />
           </div>
           <input type="hidden" name="servicename" value="BaltimoreLink" />
-          <input type="submit" name="go" value="Get Ticket" />
+          <input type="submit" name="go" value="Generate Ticket" />
         </fieldset>
       </form>
       <form>
@@ -254,12 +267,13 @@
             <input id="code2"
                    name="code"
                    type="text"
+                   size="2"
                    minlength="2"
                    maxlength="2"
                    pattern="[a-zA-Z0-9]*" />
           </div>
 
-          <h3>Zone</h3>
+          <p>Zone:</p>
           <div>
             <input required type="radio" id="zone1" name="zone" value="Zone 1" />
             <label for="zone1">Zone 1</label>
@@ -281,7 +295,7 @@
             <label for="zone5">Zone 5</label>
           </div>
 
-          <input type="submit" name="go" value="Get Ticket" />
+          <input type="submit" name="go" value="Generate Ticket" />
         </fieldset>
       </form>
       <form>
@@ -295,13 +309,13 @@
             <input id="code3"
                    name="code"
                    type="text"
+                   size="2"
                    minlength="2"
                    maxlength="2"
                    pattern="[a-zA-Z0-9]*" />
           </div>
 
-          <h3>Origin</h3>
-
+          <p>Origin:</p>
           <div>
             <input required type="radio" id="origin1" name="origin" value="BAL" />
             <label for="origin1">Baltimore/Penn (Penn Line)</label>
@@ -335,7 +349,7 @@
             <label for="origin8">West Baltimore (Penn Line)</label>
           </div>
 
-          <h3>Destination</h3>
+          <p>Destination:</p>
           <div>
             <input required type="radio" id="destination1" name="destination" value="BAL" />
             <label for="destination1">Baltimore/Penn (Penn Line)</label>
@@ -371,7 +385,7 @@
 
           <input type="hidden" name="serviceid" value="R" />
           <input type="hidden" name="servicename" value="MARC Train" />
-          <input type="submit" name="go" value="Get Ticket" />
+          <input type="submit" name="go" value="Generate Ticket" />
         </fieldset>
       </form>
     </div>
