index.html.in: simplify day/night toggle

Whatever problem was preventing us from swapping day/night colors via
CSS classes is gone. Or at least hiding in a browser that I don't have
in front of me.

TODO: add a prerequisite for the tappable QR code

index.html.in: fix typo "horizonetal"

index.html.in: update snark

One and a half years later, mobile Firefox still doesn't do HTML form
validation.

TODO: replace the rounded corners item

Our corners have been updated, but in the process I noticed that the
tickets have gotten a tiny bit wider.

tableau.svg: less rounding on the code background's corners

Just like the ticket background, the background on the security code
has had its corners un-rounded a bit in the latest version of
CharmPass. Turn ours down from 10 to 5.75 to match.

tableau.svg: delete two trailing CSS semicolons

Inkscape v1.4 wants to do this anyway. Hey, we save two bytes.

tableau.svg: less rounding on ticket background corners

The June 2025 CharmPass has slightly less rounding on the corners of
the tickets, and it actually is noticeable. Update the corners of our
ticket to match.

TODO: add one

People are still using this, so I guess I should keep working on it.

COPYING: add to state the "or later" bit

COPYING: rename to LICENSE

index.html.in: remove links to my personal website

The MTA just sent me a cease and desist for charm-bypass.com, which I
intend to honor. But if somebody else wants to... *shrug* then my name
shouldn't be plastered all over the page.

index.html.in: add New Carrollton MARC info

The code for New Carrollton is NCR (thanks you-know-who), and it's on
the Penn Line, so all we have to do is fill in the zone information
based on the CharmPass prices to each of the other Penn destinations.

index.html.in: add Frederick <-> Washington MARC info

Both Frederick and Washington D.C. are on the Brunswick line, and the
code for Frederick is FRC (thanks you-know-who). The cost of that
ticket is $9 in CharmPass, so that's a Four Zone.

cgi-bin/code.cgi: new CGI script to update the daily code on a web host

This isn't really part of CharmBypass, but it will come in handy on
charm-bypass.com, and where else to put it? It's a CGI script that
allows visitors to update the code. You should probably password
protect it and make it available only to trusted users.

The script is written in POSIX shell script. Why? Because I didn't
really want to venture beyond a single-page, off-line, static HTML
file. But writing a CGI script in POSIX shell was just too dumb to say
no to. It uses sed to parse/edit index.html. Everything about it is
bad.

It can be tested with "python -m http.server --cgi", but the 302
redirect won't work because python doesn't support it.

README: mention that fontforge needs woff2 support

index.html.in: add blank value="" attrs after name="code" on inputs

This will make it easy/safe to use sed every night at 3am to reset
the daily security code (if we typed one in the day before).

index.html.in: link "optional" to daily security code info

.gitignore: ignore "make check" byproducts

index.html.in: add Halethorpe MARC station

index.html.in: name origin/destination <input>s after their values

They were named originX and destinationX (X = 1,2,...), but that makes
it plenty annoying to insert a new one into the list, which I'm about
to do.

index.html.in: add Halethorpe (HAE) zone mapping

index.html.in: move the article links to after the forms

README: start adding substance; in particular, links to my articles

index.html.in: update part 1 URL; add the link to part 2

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.