First and foremost, the mime type has to be supported by the web
server. Either you have to add a `.vtt` mimetype, *or* just put it
as a `.txt` file. I chose the latter since it doesn't require a
custom Apache configuration.
Second, even if you make it a `.txt` file, using a CDN does not seem
to work. I suspect that maybe CDNs do really weird things with
mimetypes when they server them, or maybe the <track> element just
really doesn't like it when the URL is 301'd. 🤷
Anyway, with these two changes: using a `.txt` file, and hosting the
file locally, the subtitles now work properly!
Note, if you use the `default` attribute in the <track> tag, it'll
turn them on by default. Leaving it off does allow the user to turn
them on in my tests in both Chromium and Firefox.
It seems NYS doesn't put the hypen between “CHAR” and “500”, even
though we always did on these pages. I'm not changing the names of
the old files in docs/, as it doesn't seem worth it, but I did change
the textual description inside the anchor tags.
The existing jQuery UI-based fundraising progress bar used a float layout,
making it hard to adapt for mobile use. Given that there is not interactivity,
I've dropped all the JS and switched to a flexbox layout. This works well
because the bar will stretch to fit the text rather than always maintaining its scale.
We've had a report that the sidebars are very distracting,
particularly for the blogs, on smaller screens. This change to the
CSS will cause sidebars to disappear on smaller screens.
