Teoria Random Key and Note Ear Training

Source snapshot

The local route vendors the official Teoria random key and note ear training exercise rather than reimplementing it. The capture included the live exercise plus the relevant help material so the local parity notes could be anchored to the published workflow and UI expectations.

• Live original verified against https://www.teoria.com/en/exercises/kner.php on 2026-03-21.
• The official help page for random key and note ear training was reviewed during capture to confirm the randomized key-context workflow.
• This route intentionally ships one exercise experience, not the wider Teoria navigation shell.

Asset handoff

• teoria-random-key-and-note-ear-training/index.html owns the local metadata shell, bootstrap handoff, and shared footer wiring.
• shared/engineering-sandbox.css and shared/engineering-sandbox.js provide the local practice-shell typography, onboarding hero, and first-control framing layered around the original exercise mounts.
• teoria-random-key-and-note-ear-training/vendor/jquery.min.js replaces the upstream CDN dependency with a route-local copy.
• teoria-random-key-and-note-ear-training/res/js/min_24/ preserves the published Teoria exercise runtime, localized to route-relative asset paths.
• teoria-random-key-and-note-ear-training/res/musika_2024/ contains the staff graphics, clef art, and piano audio bank required by the exercise.

Known deviations

• The Teoria navbar, cookie notice, PayPal block, search link, sign-in link, write-to-us link, and creator footer are removed from the public route.
• Public provenance is limited to the shared footer with a local canonical and og:url.
• Member-only save prompts are rewritten so the local route does not advertise upstream sign-in flows while still preserving the published score-panel structure.
• The public page now uses the Engineering Sandbox practice variant, adding a compact onboarding hero, quick-start checklist, hint strip, and framed first exercise surface without changing the drill runtime.

Validation guidance

• Keep the published runtime structure intact; future fixes should prefer path or shell patches over reauthoring the exercise.
• Verify the practice hero loads before the first exercise surface and that the framed control region stays unobscured on desktop and mobile widths after shell edits.
• Verify the audio preload, exercise start flow, one answer-state update, and one visible randomized key-context note answer surfaces and reference playback controls path after runtime edits.
• Run node interactive-explanation/tools/check-public-surface.mjs, node interactive-explanation/tools/smoke-bundle.mjs --group teoria, node interactive-explanation/tools/smoke-bundle.mjs --group music, and the full smoke bundle after changes.