X-Git-Url: https://gitweb.michael.orlitzky.com/?a=blobdiff_plain;f=index.html.in;h=96dd04a437b2dab5ae75e188045850419311e235;hb=893bee273e48207ef4609e7f20de688007970699;hp=c2e4b026e6b802f24547c330cfb7fcb8c8591f06;hpb=001c586e57cbc38fa28c17acb55880b7e151ab3e;p=charm-bypass.git diff --git a/index.html.in b/index.html.in index c2e4b02..96dd04a 100644 --- a/index.html.in +++ b/index.html.in @@ -4,14 +4,13 @@ - CharmBypass: you're getting transit equity whether you like it - or not + CharmBypass: doing transit equity whether they like it or not @@ -214,10 +212,30 @@

CharmBypass

you're getting transit equity whether you like it or not

doing transit equity whether they like it or not

+ +

+ Hint: 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. +

BaltimoreLink (Bus, Light Rail, Metro) +

+ + Daily security code (optional): + + +

@@ -228,25 +246,37 @@ +

+ + Daily security code (optional): + + +

Zone

- + Zone 1

- + Zone 2

- + Zone 3

- + Zone 4

- + Zone 5

@@ -257,72 +287,84 @@

MARC Train +

+ + Daily security code (optional): + + +

Origin

- + Baltimore/Penn (Penn Line)

- + Baltimore/Camden (Camden Line)

- + Bowie State (Penn Line)

- + BWI Airport (Penn Line)

- + College Park (Camden Line)

- + Seabrook (Penn Line)

- + Washington D.C.

- + West Baltimore (Penn Line)

Destination

- + Baltimore/Penn (Penn Line)

- + Baltimore/Camden (Camden Line)

- + Bowie State (Penn Line)

- + BWI Airport (Penn Line)

- + College Park (Camden Line)

- + Seabrook (Penn Line)

- + Washington D.C.

- + West Baltimore (Penn Line)

@@ -378,9 +420,9 @@ /* Otherwise, leave it at "F" */ } - /******************************/ + /************************/ /* Set the service name */ - /******************************/ + /************************/ function set_service_name() { const sid = document.getElementById("servicename"); @@ -393,6 +435,70 @@ /* Otherwise, leave it at "BaltimoreLink" */ } + + /************************/ + /* Set the service zone */ + /************************/ + function set_service_zone(zone) { + /* We can take the zone as a parameter too; this allows + * us to use this function for the (computed) MARC Train + * zone and not just the querystring Commuter Bus zone */ + const z = document.getElementById("zone"); + const params = new URLSearchParams(document.location.search); + + if (zone) { + z.textContent = zone; + z.style.display = "block"; /* It's hidden by default */ + } + else if (params.get("zone")) { + /* Get the "zone" from the querystring if it's there */ + z.textContent = params.get("zone"); + z.style.display = "block"; /* It's hidden by default */ + } + + /* Otherwise, leave it blank (and hidden) */ + } + + /***********************************************************/ + /* Resize the ticket background based on the service name */ + /***********************************************************/ + + function resize_ticket() { + /* Get the "servicename" from the querystring if it's there */ + const params = new URLSearchParams(document.location.search); + const tbg = document.getElementById("ticketbg"); + const t = document.getElementById("ticket"); + const sn = document.getElementById("servicename"); + + if (params.get("servicename") == "Commuter Bus") { + /* The top of the background is initially at y=246.859, and + * we scale it by a factor of 1.12 to y=276.482 for a change + * of 29.623. So after we scale it, we translate it upwards + * by that amount to put it back where it started. */ + tbg.setAttribute("transform", "translate(0 -29.623) scale(1 1.12)"); + + /* Now translate the entire ticket up by the magic amount, 1/5 + * of the size change we made to the background. This ratio + * was found by measuring pixels in side-by-side screenshots + * of BaltimoreLink and Commuter Bus tickets. */ + t.setAttribute("transform", "translate(0 -9.33)"); + + /* More magic numbers discovered by comparing the two + * tickets overlayed in inkscape */ + sn.setAttribute("transform", "translate(0 64.28)"); + } + else if (params.get("servicename") == "MARC Train") { + /* insane tricks are explained above */ + tbg.setAttribute("transform", + "translate(0 -72.378) scale(1 1.2932)"); + t.setAttribute("transform", "translate(0 -67.17)"); + sn.setAttribute("transform", "translate(0 131.0)"); + } + + /* Otherwise, leave it alone. The SVG was designed with the + * BaltimoreLink ticket in mind */ + } + /****************************************/ /* Set and reposition the security code */ /****************************************/ @@ -403,7 +509,7 @@ /* Get the "code" from the querystring if it's there */ const params = new URLSearchParams(document.location.search); if (params.get("code")) { - ct.textContent = params.get("code"); + ct.textContent = params.get("code").toUpperCase(); } else { /* Otherwise, use a random code */ @@ -526,6 +632,75 @@ } } + + /*******************************************************/ + /* Compute the MARC "zone" from its origin/destination */ + /*******************************************************/ + + /* Sorted on the first component, then the second */ + const zone_map = { + BAL_BWE: 2, + BAL_BWI: 1, + BAL_SEB: 3, + BAL_WAS: 4, + BAL_WBL: 1, + BCA_CPK_: 3, + BCA_WAS_: 4, + BWI_BWE: 1, + BWI_WAS: 3, + BWI_WBL: 1 + }; + + /* Compute the zone (string) for the given origin/destination pair. + * If we don't know it or if you chose in invalid pair (destination + * not on the same line as your origin?) then the empty string is + * returned. */ + function compute_marc_zone(src, dest) { + /* Forward direction key for zone_map */ + const fwd = src + "_" + dest; + + /* Reverse direction key for zone_map. The zone_map only + * has them listed in one direction, so we check both + * directions here. */ + const rev = dest + "_" + src; + + /* The default. Obviously wrong for when we don't + * have the necessary data. */ + let zone = -1; + + if (zone_map[fwd]) { + zone = zone_map[fwd]; + } + else if (zone_map[rev]) { + zone = zone_map[rev]; + } + + /* Convert the number to a string */ + switch (zone) { + case 1: + return "One Zone"; + case 2: + return "Two Zone"; + case 3: + return "Three Zone"; + case 4: + return "Four Zone"; + default: + return ""; + } + } + + function set_marc_zone() { + const params = new URLSearchParams(document.location.search); + if (params.get("origin") && params.get("destination")) { + const src = params.get("origin"); + const dest = params.get("destination"); + const zone = compute_marc_zone(src, dest); + + set_service_zone(zone); + } + } + /******************************************/ /* Display the ticket (and hide the menu) */ /******************************************/ @@ -565,6 +740,12 @@ /* Set the service name when the page has loaded */ window.addEventListener("load", set_service_name); + /* Set the service zone when the page has loaded */ + window.addEventListener("load", set_service_zone); + + /* Resize the ticket background if necessary */ + window.addEventListener("load", resize_ticket); + /* Set the security code text when the page has loaded */ window.addEventListener("load", set_code); @@ -575,6 +756,9 @@ /* Set the ticket expiration date/time upon page load */ window.addEventListener("load", set_ticket_expiry); + /* Set the MARC Train zone, if applicable */ + window.addEventListener("load", set_marc_zone); + /* Swap colors when the screen is tapped */ document.body.addEventListener("click", swap_colors); }