<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>
- CharmBypass: you're getting transit equity whether you like it
- or not
+ CharmBypass: doing transit equity whether they like it or not
</title>
<style>
<body>
<div id="menu">
<h1>CharmBypass</h1>
- <h2>you're getting transit equity whether you like it or not</h2>
+ <h2>doing transit equity whether they like it or not</h2>
+
+ <p>
+ <em>Hint:</em> If you think the driver or fare inspector will
+ actually check it, the daily security code is the same on a
+ $2.00 BaltimoreLink ticket as it is on a $9.00 MARC Train
+ ticket. It's also the same on your friend's phone, or for
+ anyone else in Maryland that day.
+ </p>
+
<form>
<fieldset>
<legend>BaltimoreLink (Bus, Light Rail, Metro)</legend>
+ <div>
+ <label for="code1">
+ Daily security code (optional):
+ </label>
+ <input id="code1"
+ name="code"
+ type="text"
+ 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" />
</fieldset>
<input type="hidden" name="serviceid" value="R" />
<input type="hidden" name="servicename" value="Commuter Bus" />
+ <div>
+ <label for="code2">
+ Daily security code (optional):
+ </label>
+ <input id="code2"
+ name="code"
+ type="text"
+ minlength="2"
+ maxlength="2"
+ pattern="[a-zA-Z0-9]+" />
+ </div>
+
<h3>Zone</h3>
<div>
<input required type="radio" id="zone1" name="zone" value="Zone 1" />
<fieldset>
<legend>MARC Train</legend>
+ <div>
+ <label for="code3">
+ Daily security code (optional):
+ </label>
+ <input id="code3"
+ name="code"
+ type="text"
+ minlength="2"
+ maxlength="2"
+ pattern="[a-zA-Z0-9]+" />
+ </div>
+
<h3>Origin</h3>
<div>