X-Git-Url: https://gitweb.michael.orlitzky.com/?a=blobdiff_plain;f=index.html.in;h=94bc2a2829e0f37704eb8b1cea2695e1a2e15f46;hb=5df2fac29b21c263f715122fb5dec4cc4241aea7;hp=570ddc85de668cfbb84ded08c0b169d4f4e19974;hpb=cd6750100afa235782bc9cae32b435a4b3bf76a1;p=charm-bypass.git

diff --git a/index.html.in b/index.html.in
index 570ddc8..94bc2a2 100644
--- a/index.html.in
+++ b/index.html.in
@@ -102,7 +102,7 @@
       }
 
       #bus {
-        animation: busroll 23s linear infinite;
+        animation: busroll 15s linear infinite;
       }
 
 
@@ -113,7 +113,7 @@
       }
 
       #tram {
-        animation: tramroll 17s linear infinite;
+        animation: tramroll 15s linear infinite;
       }
 
 
@@ -124,7 +124,7 @@
       }
 
       #train {
-        animation: trainroll 11s linear infinite;
+        animation: trainroll 10s linear infinite;
       }
 
 
@@ -135,7 +135,7 @@
       }
 
       #clouds {
-        animation: cloudsfloat 40s linear infinite;
+        animation: cloudsfloat 25s linear infinite;
       }
 
       @keyframes cloudscopyfloat {
@@ -144,7 +144,7 @@
       }
 
       #cloudscopy {
-        animation: cloudscopyfloat 40s linear infinite;
+        animation: cloudscopyfloat 25s linear infinite;
       }
 
 
@@ -156,7 +156,7 @@
 
       #trees {
         /* The trees move a little faster than the clouds */
-        animation: treespass 30s linear infinite;
+        animation: treespass 16s linear infinite;
       }
 
       @keyframes treescopypass {
@@ -166,7 +166,7 @@
 
       #treescopy {
         /* The trees move a little faster than the clouds */
-        animation: treescopypass 30s linear infinite;
+        animation: treescopypass 16s linear infinite;
       }
 
 
@@ -179,7 +179,7 @@
       #city {
         /* The city moves faster than the clouds but slower
          * than the trees */
-        animation: cityscroll 35s linear infinite;
+        animation: cityscroll 20s linear infinite;
       }
 
       @keyframes citycopyscroll {
@@ -190,7 +190,7 @@
       #citycopy {
         /* The city moves faster than the clouds but slower
          * than the trees */
-        animation: citycopyscroll 35s linear infinite;
+        animation: citycopyscroll 20s linear infinite;
       }
     </style>
   </head>
@@ -200,21 +200,15 @@
       <h1>CharmBypass</h1>
       <p><strong>got that <em>transit equity</em></strong></p>
 
-      <p>
-        <em>Hint:</em> If they start checking it, the daily security
-        code stays the same all day and is the same on a $2 bus ticket
-        as it is on a $9 MARC ticket. It's also the same on every phone.
-      </p>
-
       <form>
         <fieldset>
           <legend>Local Bus, Light Rail, or Metro</legend>
           <div>
             <label for="code1">
-              Daily security code (optional):
+              Daily security code (<a href="https://michael.orlitzky.com/articles/charmbypass_pt._1%3A_introduction.xhtml#daily-security-code">optional</a>):
             </label>
             <input id="code1"
-                   name="code"
+                   name="code" value=""
                    type="text"
                    size="2"
                    minlength="2"
@@ -233,10 +227,10 @@
 
           <div>
             <label for="code2">
-              Daily security code (optional):
+              Daily security code (<a href="https://michael.orlitzky.com/articles/charmbypass_pt._1%3A_introduction.xhtml#daily-security-code">optional</a>):
             </label>
             <input id="code2"
-                   name="code"
+                   name="code" value=""
                    type="text"
                    size="2"
                    minlength="2"
@@ -297,10 +291,10 @@
 
           <div>
             <label for="code3">
-              Daily security code (optional):
+              Daily security code (<a href="https://michael.orlitzky.com/articles/charmbypass_pt._1%3A_introduction.xhtml#daily-security-code">optional</a>):
             </label>
             <input id="code3"
-                   name="code"
+                   name="code" value=""
                    type="text"
                    size="2"
                    minlength="2"
@@ -312,116 +306,130 @@
           <div>
             <input type="radio" required checked
                    name="origin"
-                   id="origin1"
+                   id="origin_BAL"
                    value="BAL" />
-            <label for="origin1">Baltimore/Penn (Penn Line)</label>
+            <label for="origin_BAL">Baltimore/Penn (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="origin"
-                   id="origin2"
+                   id="origin_BCA"
                    value="BCA" />
-            <label for="origin2">Baltimore/Camden (Camden Line)</label>
+            <label for="origin_BCA">Baltimore/Camden (Camden Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="origin"
-                   id="origin3"
+                   id="origin_BWE"
                    value="BWE" />
-            <label for="origin3">Bowie State (Penn Line)</label>
+            <label for="origin_BWE">Bowie State (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="origin"
-                   id="origin4"
+                   id="origin_BWI"
                    value="BWI" />
-            <label for="origin4">BWI Airport (Penn Line)</label>
+            <label for="origin_BWI">BWI Airport (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="origin"
-                   id="origin5"
+                   id="origin_CPK"
                    value="CPK" />
-            <label for="origin5">College Park (Camden Line)</label>
+            <label for="origin_CPK">College Park (Camden Line)</label>
+          </div>
+          <div>
+            <input type="radio" required
+                   name="origin"
+                   id="origin_HAE"
+                   value="HAE" />
+            <label for="origin_HAE">Halethorpe (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="origin"
-                   id="origin6"
+                   id="origin_SEB"
                    value="SEB" />
-            <label for="origin6">Seabrook (Penn Line)</label>
+            <label for="origin_SEB">Seabrook (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="origin"
-                   id="origin7"
+                   id="origin_WAS"
                    value="WAS" />
-            <label for="origin7">Washington D.C.</label>
+            <label for="origin_WAS">Washington D.C.</label>
           </div>
           <div>
             <input type="radio" required
                    name="origin"
-                   id="origin8"
+                   id="origin_WBL"
                    value="WBL" />
-            <label for="origin8">West Baltimore (Penn Line)</label>
+            <label for="origin_WBL">West Baltimore (Penn Line)</label>
           </div>
 
           <p>Destination:</p>
           <div>
             <input type="radio" required
                    name="destination"
-                   id="destination1"
+                   id="destination_BAL"
                    value="BAL" />
-            <label for="destination1">Baltimore/Penn (Penn Line)</label>
+            <label for="destination_BAL">Baltimore/Penn (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="destination"
-                   id="destination2"
+                   id="destination_BCA"
                    value="BCA" />
-            <label for="destination2">Baltimore/Camden (Camden Line)</label>
+            <label for="destination_BCA">Baltimore/Camden (Camden Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="destination"
-                   id="destination3"
+                   id="destination_BWE"
                    value="BWE" />
-            <label for="destination3">Bowie State (Penn Line)</label>
+            <label for="destination_BWE">Bowie State (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="destination"
-                   id="destination4"
+                   id="destination_BWI"
                    value="BWI" />
-            <label for="destination4">BWI Airport (Penn Line)</label>
+            <label for="destination_BWI">BWI Airport (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="destination"
-                   id="destination5"
+                   id="destination_CPK"
                    value="CPK" />
-            <label for="destination5">College Park (Camden Line)</label>
+            <label for="destination_CPK">College Park (Camden Line)</label>
           </div>
           <div>
             <input type="radio" required
                    name="destination"
-                   id="destination6"
+                   id="destination_HAE"
+                   value="HAE" />
+            <label for="destination_HAE">Halethorpe (Penn Line)</label>
+          </div>
+          <div>
+            <input type="radio" required
+                   name="destination"
+                   id="destination_SEB"
                    value="SEB" />
-            <label for="destination6">Seabrook (Penn Line)</label>
+            <label for="destination_SEB">Seabrook (Penn Line)</label>
           </div>
           <div>
             <input type="radio" required checked
                    name="destination"
-                   id="destination7"
+                   id="destination_WAS"
                    value="WAS" />
-            <label for="destination7">Washington D.C.</label>
+            <label for="destination_WAS">Washington D.C.</label>
           </div>
           <div>
             <input type="radio" required
                    name="destination"
-                   id="destination8"
+                   id="destination_WBL"
                    value="WBL" />
-            <label for="destination8">West Baltimore (Penn Line)</label>
+            <label for="destination_WBL">West Baltimore (Penn Line)</label>
           </div>
 
           <p id="marc-form-errors">OK</p>
@@ -434,6 +442,22 @@
                  value="Generate Ticket" />
         </fieldset>
       </form>
+
+      <p>
+        About CharmBypass:
+      </p>
+      <ol>
+        <li>
+          <a href="https://michael.orlitzky.com/articles/charmbypass_pt._1%3A_introduction.xhtml">
+            Introduction
+          </a>
+        </li>
+        <li>
+          <a href="https://michael.orlitzky.com/articles/charmbypass_pt._2%3A_analysis.xhtml">
+            Analysis
+          </a>
+        </li>
+      </ol>
     </div>
 
     @SVGDATA@
@@ -721,18 +745,24 @@
         const zone_map = {
           BAL_BWE: 2,
           BAL_BWI: 1,
+          BAL_HAE: 1,
           BAL_SEB: 3,
           BAL_WAS: 4,
           BAL_WBL: 1,
           BCA_CPK: 3,
           BCA_WAS: 4,
           BWE_BWI: 1,
+          BWE_HAE: 1,
           BWE_SEB: 1,
           BWE_WAS: 2,
           BWE_WBL: 2,
+          BWI_HAE: 1,
           BWI_SEB: 2,
           BWI_WAS: 3,
           BWI_WBL: 1,
+          HAE_SEB: 2,
+          HAE_WAS: 3,
+          HAE_WBL: 1,
           SEB_WAS: 1,
           SEB_WBL: 3,
           WAS_WBL: 4