diff options
| author | dax <me@dax.ist> | 2026-08-04 10:38:09 +0000 |
|---|---|---|
| committer | dax <me@dax.ist> | 2026-08-04 10:38:09 +0000 |
| commit | 43ec71f91b70fd65e180a4e2f6a4df80dad04b27 (patch) | |
| tree | c2650afbce8a6343fae53cb0ad3f1a347daf94a2 /public/index.html | |
| parent | 56b3a602c8e992a2bc197844e1ab3de8743b8012 (diff) | |
Touch interaction model for coarse pointers, desktop unchanged
Gated on matchMedia("(hover: none)") so mouse/trackpad behavior is
untouched:
- Nav zones + edge markers only on the current tile; tapping any other
tile selects it first. No more accidental traverses on touch.
- Edges always visible on touch (the hover glow becomes the tap
affordance), glow while pressed via :active. Bands modestly shrunk so
tile centers stay grab-to-pan.
- No hover ghost preview and no dropzones on touch (they were invisible
tap traps without hover).
- Two-finger pinch to zoom (pointer-count based, works everywhere).
- Double-tap on empty space resets zoom, mirroring desktop dblclick.
- Kill iOS tap-highlight and long-press callout.
Adds /tmp/touchtest.mjs (15 checks) covering select/traverse/pinch/
double-tap/pan; domtest 52/52, exhaust 9/9, splash 6/6, fuzz clean.
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/public/index.html b/public/index.html index 4c13a5a..0beff50 100644 --- a/public/index.html +++ b/public/index.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="color-scheme" content="dark"> <title>pathways</title> - <link rel="stylesheet" href="/app.css?v=20"> + <link rel="stylesheet" href="/app.css?v=21"> </head> <body> <main id="stage"> @@ -16,6 +16,6 @@ <p>four paths, one per direction. walk them.</p> <button id="start">start</button> </div> - <script src="/app.js?v=20"></script> + <script src="/app.js?v=21"></script> </body> </html> |