Make the generated album mobile friendly

Pure CSS/HTML, no JavaScript:

- Add a <meta name="viewport"> tag to the two display heads (header.tmpl
  and splash.tmpl) so phones stop rendering at a zoomed-out desktop
  width.
- Make the overview grid responsive: minmax(min(THUMBHEIGHT, 100%), 1fr)
  so a column never overflows a narrow screen, plus a max-width:700px
  media query that shows exactly two square columns on phones (2x2
  feature tiles become full-width heroes). aspect-ratio keeps cells
  square at every width.
- Add overflow-x:hidden to body so the slam/glitch entry animations
  (translateX +/-80vw) cannot make a phone scroll sideways.
- Make the menus touch friendly on phones: the navigator/footer/splash
  links become large rounded buttons (~44px tap targets) and the "|"
  separators (now wrapped in <span class="nav-sep">) are hidden on
  mobile while still showing on desktop.
- Fix a pre-existing W3C error: the stats filter view-page image was
  missing an alt attribute (and carried an obsolete border attribute).

Verified with headless screenshots at phone width and the W3C Nu HTML
checker + CSS validator (zero errors).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

1 files changed, 3 insertions, 2 deletions

diff --git a/tests/cli.sh b/tests/cli.sh
index 6dfac0a..2c784bc 100755
--- a/tests/cli.sh
+++ b/tests/cli.sh
@@ -515,8 +515,9 @@ test_generate_cli_overrides_config_values() {
     test::assert_path_absent "$TEST_TMPDIR/config-dist"
     test::assert_find_count 0 "$TEST_TMPDIR/cli-dist" '*.tar'
     test::assert_contains '<title>CLI title</title>' "$page_html"
-    # THUMBHEIGHT is the grid's minimum cell width (columns grow to fill).
-    test::assert_contains 'minmax(45px, 1fr)' "$page_html"
+    # THUMBHEIGHT is the grid's minimum cell width (columns grow to fill); it is
+    # wrapped in min(...,100%) so a column never overflows a narrow phone.
+    test::assert_contains 'minmax(min(45px, 100%), 1fr)' "$page_html"
     test::assert_contains 'max-height: 456px;' "$view_html"
     test::assert_contains 'Next 1 pictures' "$page_html"
     test::assert_contains 'href="page-2.html" class="arrow">&rArr;</a>' \