.gitignore: ignore favicon build products

[charm-bypass.git] / index.html.in
diff --git a/index.html.in b/index.html.in

index 62edbde801f1cfba77b96cc44e2e86c552438278..dae2c048c8efae9d68635e20bc3ca9b64bd8bba4 100644 (file)
--- 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>