X-Git-Url: https://gitweb.michael.orlitzky.com/?a=blobdiff_plain;ds=sidebyside;f=index.html.in;h=62edbde801f1cfba77b96cc44e2e86c552438278;hb=c9e1beeda3d1a63f21291d5f3b3e6b94c8748085;hp=c073221bb9eaec2f02c9826117b587f1b1436f8e;hpb=e185cafb53ebb232141ab9daf463233958b2466f;p=charm-bypass.git diff --git a/index.html.in b/index.html.in index c073221..62edbde 100644 --- a/index.html.in +++ b/index.html.in @@ -2,15 +2,16 @@ + - CharmBypass: transit equity whether you like it or not + CharmBypass: it's transit equity y'all @@ -213,10 +213,30 @@

CharmBypass

transit equity whether you like it or not

it's transit equity y'all

+ +

+ 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): + + +

@@ -227,25 +247,37 @@ +

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

Zone

- + Zone 1

- + Zone 2

- + Zone 3

- + Zone 4

- + Zone 5

@@ -256,72 +288,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)

@@ -377,9 +421,9 @@ /* Otherwise, leave it at "F" */ } - /******************************/ + /************************/ /* Set the service name */ - /******************************/ + /************************/ function set_service_name() { const sid = document.getElementById("servicename"); @@ -392,6 +436,75 @@ /* Otherwise, leave it at "BaltimoreLink" */ } + + /************************/ + /* Set the service zone */ + /************************/ + function set_service_zone(event, 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. The extra + * "event" parameter is there for the event listener, which + * would otherwise stuff an onload event into the zone + * parameter. "Thankfully" javascript lets us call a + * two-argument function with one argument and thereby abuse + * the event handler for this. */ + 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 */ /****************************************/ @@ -402,7 +515,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 */ @@ -525,6 +638,101 @@ } } + + /*******************************************************/ + /* 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(null, zone); + } + } + + + /*****************************************************/ + /* Set the origin and destination for the MARC Train */ + /*****************************************************/ + + function set_marc_origin_destination() { + const params = new URLSearchParams(document.location.search); + if (!params.get("origin") || !params.get("destination")) { + return; + } + + const src = params.get("origin"); + const dest = params.get("destination"); + + /* origindest contains both the origin and destination */ + const origindest = document.getElementById("origindest"); + + const origin = document.getElementById("origin"); + const destination = document.getElementById("destination"); + + origin.textContent = params.get("origin"); + destination.textContent = params.get("destination"); + + origindest.style.display = "block"; /* It's hidden by default */ + } + /******************************************/ /* Display the ticket (and hide the menu) */ /******************************************/ @@ -564,6 +772,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); @@ -574,6 +788,12 @@ /* Set the ticket expiration date/time upon page load */ window.addEventListener("load", set_ticket_expiry); + /* Set the MARC Train origin and destination, if applicable */ + window.addEventListener("load", set_marc_origin_destination); + + /* 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); }