tableau.svg: overlap the city and its copy by one unit

This fixes a display glitch where there's one pixel of space visible
between the end of the city (or its copy) and the beginning of its
copy (or the original).

README: document the new tidy-html5 test suite requirement

Makefile.am: run the new test suite with "make check"

run-tests.sh: new minimal test suite

index.html.in: speed up the tree-scroll animation some more

They move relatively fast compared to the city skyline.

tableau.svg: strip all stroke-foo properties that follow stroke:none

Inkscape crams all of these properties into the file, I guess so that
information isn't lost if you disable and re-enable the stroke on some
element. And most of them are stripped during minimization, but a
bunch of impotent stroke-widths make it through to the final document.

I've stripped all of it by hand, since removing it all was just as
easy as removing the stroke-width.

tableau.svg: shrink/translate everything down to width=2932

Previously, we had width=2932.6 and a matching viewport. It shouldn't
matter when a viewport is defined, but in the interest of pedantry:
SVG2 punts to CSS2.1 for the width, and CSS2.1 doesn't support user
(SVG internal) coordinates. Instead, width=2932.6 would represent
pixels, and 0.6 pixels doesn't make sense. We avoid the non-issue by
shrinking/translating things a tiny bit.

svgclean.xsl: strip all deprecated xml:space attributes

Makefile.am: prefix svgclean.xsl with $(srcdir) for out-of-source builds

Makefile.am: pass the output file to sfd2woff.ff

This is required as of ce8a3cc46218347579ca35e370d1afb20a5a4f48. We
also prefix the path to sfd2woff.ff with $(srcdir) for out-of-source
builds.

sfd2woff.ff: take the output file as another argument

In out-of-source builds, we can't write the output to the same
directory as the input.

Makefile.am: clean up a bit, and include everything in the dist tarball

.gitignore: ignore the dist tarball

Makefile.am: don't include "doc" and "src" subdirectories

Because they no longer exist.

doc: move into the top-level

We're not doing subdirectories any more, and there are only two files
in here.

doc/LICENSE: rename to doc/COPYING

The name COPYING is supported out-of-the-box by autoconf, and my
preferences just isn't that strong.

index.html.in: speed up the animations

They were running a little bit slower than they should have been.

CharmBypass-Bold.sfd: drop unused glyphs

The only thing we use bold for are the service identifiers, and there
are only two of those: F and R.

index.html.in: replace the hint with a link to my introduction

index.html.in: new slogan and better semantic markup for it

favicon.svg: use an arrow instead of a calligraphic stroke

index.html.in: add missing origin/destination => zone mappings

index.html.in: use a footnote (dagger) to explain the Commuter Bus zone

Because, just kidding, <abbr> doesn't work at all in any mobile
browsers.

index.html.in: use <abbr> to explain the Commuter Bus zone

index.html.in: yet another slogan tweak

index.html.in: work around busted form validation in mobile Firefox

Shit's broke yo:

  https://bugzilla.mozilla.org/show_bug.cgi?id=1510450

So now when the user-agent contains both "firefox" and "mobile", we
display our own errors and disable the submit button.

index.html.in: replace a few tabs with spaces

index.html.in: reword the daily security code hint

index.html.in: set the body font to sans-serif for consistency

All of the SVG fields are sans-serif.

index.html.in: display a special error message if origin == destination

index.html.in: also validate the origin/destination when the page loads

Firefox (at least) retains your origin/destination selections when the
page reloads, so if we don't validate those choices at page load, it's
possible to "skip" validation of an invalid pair by submitting the
form right after a reload.

index.html.in: fix typos in the origin/destination => zone map

index.html.in: validate MARC origin/destination before submission

index.html.in: set default zone, origin, and destination options

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?