index.html.in: add a few more (origin,destination) => zone mappings

index.html.in: use strict equality checks everywhere

index.html.in: big Javascript and comment cleanup

index.html.in: whitespace cleanup

index.html.in: use less vertical (white)space for keyframes

Makefile.am: comment the new favicon target

.gitignore: ignore favicon build products

Makefile.am: base64-encode and substitute the favicon into index.html

index.html.in: replace the favicon link with a @PLACEHOLDER@

This is in preparation for (base64) inlining the favicon data just
like we do with the fonts. The whole thing should be self-contained.

Makefile.am: factor our the "scour" command into a macro

index.html.in: add meta-charset element

Without this, the unicode right-arrow doesn't show up on android. (If
we try to outsmart it with an XML entity reference, our minimization
pipeline deletes the entity reference and puts the arrow back. Thanks
for that.)

index.html.in: do-over of the legend/form spacing

The legend margin doesn't work the same way in Chrome as it does in
Firefox, so here's another attempt to "evenly" space things
vertically.

index.html.in: rename "Get Ticket" -> "Generate Ticket"

Sounds a bit more like what actually happens? I don't know.

tableau.svg: simplify arrow spacing a tiny bit

index.html.in: use <p> instead of <h3> for radio group labels

This is more semantically correct, and (more to the point) looks
better.

index.html.in: boldface and improved margins for <legend>

I said I wanted to leave the menu controls alone, but this just looks
so much better.

index.html.in: set size="2" on daily code inputs

There's no need for all that box.

index.html.in: change the slogan again

index.html.in: link to the new favicon

favicon.svg: new favicon

index.html.in: fix zone handling for non-MARC services

index.html.in: set the MARC origin/destination when applicable

Makefile.am: preserve origin/destination ids during minimization

svgclean.xsl: fix text node processing

We have to use node() instead of "*" to match (child) text nodes.

tableau.svg: add the MARC Train origin/destination

This (finally?) had to be hacked into the XML by hand because inkscape
isn't smart enough to handle multiple <tspan>s within a single <text>
element. We want to keep the origin, arrow, and destination all as
separate tspans (with ids) so that we can change the origin and
destination easily from a script.

Since I was already hacking it by hand, I cleaned up the XML a bit.
Hopefully it can survive a round trip through inkscape in the future.

CharmBypass-Regular.sfd: add unicode arrowright

This is what CharmPass uses for the -> between the MARC Train origin
and destination.

svgclean.xsl: update a comment

Explain how we're going to group tspans to avoid clobbering them.

index.html.in: handle the MARC Train ticket size and zone setting

index.html.in: use the right font for the zone

index.html.in: set the service zone when the page loads

index.html.in: fix comment header alignment

Makefile.am: preserve the "zone" id during minimization

tableau.svg: don't set "inline-size: 0" on the hidden zone

It already has "display: none;" you're overdoing it.

tableau.svg: add (hidden) service zone to the ticket

index.html.in: begin writing a function to resize the ticket

The BaltimoreLink, Commuter Bus, and MARC Train tickets are all
different sizes and have their service/zone names laid out a little
bit differently.

This commit adds a function, resize_ticket(), that will eventually
handle that.

Makefile.am: preserve the "ticketbg" id when minimizing the tableau

index.html.in: don't double-bold the service identifier

It's too bold.

index.html.in: use "*" instead of "+" for input pattern validation

The two are equivalent given the minlength restriction; I just like
this better.

index.html.in: tweak the slogan and add a security code hint

index.html.in: add the daily security code to the menu

index.html.in: uppercase the security code automatically

There's no reason to do this, except the only reason to do this:
people are dumb and this will help their dumb asses when we make
it possible to change the code via the menu.

index.html.in: make radio buttons on the menu required fields

index.html.in: return the empty string for unknown MARC zones

index.html.in: add a few more MARC Train zone mappings

index.html.in: sketch the MARC zone-setting logic

index.html.in: tweak the slogan

index.html.in: improved menu styling

In particular we no longer reset all of the html/body styles; we leave
them up to the user agent. Only when showing the ticket do we zero out
the margin and padding explicitly.

index.html.in: don't hide the body overflow on the menu screen

index.html.in: add MARC Train origin/destination fields

index.html.in: clean up var/let/const usage

index.html.in: ten-minute expiry for commuter bus tickets

index.html.in: begin the menu process

The page should begin as a form that lets you select a ticket. Only
when that form is submitted should we display the ticket. This commit
starts the transition.

fixup set_service_name

index.html.in: support changing the service name via querystring

index.html.in: support changing the service id via querystring

index.html.in: rename serviceletter -> serviceid

Makefile.am,tableau.svg: rename serviceletter -> serviceid

index.html.in: finally get the code-centering right

There's a conversion between SVG and client coordinates that needs to
happen. With that done, it goes to the center in one try.

index.html.in: don't re-center the security code on window resize

It just doesn't seem to be necessary.

index.html.in: center the security code even harder

Doing it five times works better than two (obviously).

doc/TODO: remove; the code-centering issue is solved enough

index.html.in: add workaround for the code-centering issue

index.html.in: whitespace/comment cleanup

doc/TODO: all (well, almost) transform attributes are gone

The few remaining are horizontal flips that make the front of the tram
out of its back. Inkscape doesn't seem to want to forget those after
an un/regrouping.

tableau.svg: start the bus all the way at the right end

Now that the bus moves right-to-left, it makes sense to align it
with the right-hand edge of the scene.

index.html.in: the bus moves right-to-left

This probably should have become clear when I was drawing the front of
the bus?

doc/TODO: remove the tram/train display glitch item

Now that I've eliminated all of the "transform" attributes, the tram
and train don't actually overlap. The display glitch is no longer
relevant.

tableau.svg: eliminate a bunch of "transform" attributes

index.html.in: make the service letter bold with CSS

index.html.in: remove references to tspans within text elements

The new XSL processing step removes them.

doc/TODO: mention that code centering is weird in multiple browsers

doc/TODO: eliminate "transform" attributes

.gitignore: ignore the new optimized output file tableau.min.min.svg

Makefile.am: add another SVG pre-optimization step using svgclean.xsl

Makefile.am: update sfd2woff -> sfd2woff.ff

sfd2woff: rename to sfd2woff.ff

The ".ff" extension lets FontForge guess which scripting language (the
legacy one) the script uses. Without it, FontForge with python support
will guess wrong and throw errors.

configure.ac: fix all AC_PATH_PROG checks

The third argument to AC_PATH_PROG is a value to set, not an action to
perform, when the test fails. So all of the existing checks were wrong
and failed to fail when the program is missing. I do this for a
living.

doc/README: document the new "xsltproc" build requirement

configure.ac: check for the "xsltproc" program

We'll need this to process our new svgclean.xsl stylesheet that cleans
up the tableau.

svgclean.xsl: new XSL stylesheet to help clean up our inkscape mess

There are a few more cleanup/minimization opportunities left in our
SVG, even after it has been scoured. For example, inkscape wraps all
of its text in redundant <tspan> elements, even when the parent <text>
has the same style as the sole <tspan>. We'd like to remove those, to
simplify the code and save space.

XSLT can do this. This new stylesheet can do this. We add it now, in
preparation for yet another SVG processing phase.

index.html.in: use name "hdelta" consistently for delta-x

index.html.in: fix a mis-indented javascript comment

index.html.in: move a comment up two lines

doc/TODO: new list to keep track of bugs

index.html.in: fall back to sans-serif if webfonts don't work

The serifs are OBVIOUSLY wrong.

index.html.in: use the right font for the security code

index.html.in: javascript cleanup

Encapsulate everything into functions and kick them off with event
listeners. This _mostly_ fixes the centering of the security code.

There is however a slight centering glitch visible upon page load when
the code is (for example) "WW". Resizing the page correctly re-centers
it; leaving only the mystery of why it was not centered to begin with;
we supposedly center it once when the page loads.

index.html.in: center the security code in its container

This is mostly working and just needs some code cleanup. And to be
called when the window resizes. I found an easy solution completely
by accident, so that's nice.

Makefile.am: preserve the "codebg" id

We'll need it to center the security code within its red box.

index.html.in: support random and user-specified security codes

The security code will now be set at page-load to a random two digit
string with characters taken from the set [0-9A-Z]. I've never
actually seen two consecutive digits (zero through nine) in the
official app; but it's good enough for now.

What's better is that you can pass ?code=YO via URL paramaters to set
the code to "YO". Since the code only changes once every day, a
one-way ticket revealing the code now essentially gets you a day pass.

Note: The resulting codes are not usually centered properly (yet).

Makefile.am: don't strip the "codetext" id

We'll need it to change the security code.

index.html.in: do javascript tricks in order of importance

For example, centering the ticket is probably most important. Being
able to tap the screen to switch it to night mode the least.

tableau.svg: rename the "hash" to "securitycode" and group it

That's what Moovel calls it and how I'll reference it.

tableau.svg: unhide the tram

Whoops.

configure.ac: update day.svg -> tableau.svg

.gitignore: update day.svg -> tableau.svg

Makefile.am: update day.svg -> tableau.svg

day.svg: rename to tableau.svg because it's important to be fancy

index.html.in: don't blink the expiration date/time after 10 minutes

I'm pretty sure this is when CharmPass stops blinking.

index.html.in: set ticket expiration to 90 minutes

This is what CharmPass does for one-way tickets, and the expiration
date/time only blinks for about ten minutes after you use a ticket in
the official app. This is a tiny detail (and we could always ditch the
blinking to make the display accurate with an expiration of 1h) but
it's easy enough to get completely right, so why not?