Teoria Interval Ear Training

Source snapshot

The local route vendors the official Teoria interval ear-training exercise rather than reimplementing it. The captured source included the exercise page plus the official help material for the exercise family so the local parity notes could be anchored to the original workflow and UI expectations.

• Live original verified against https://www.teoria.com/en/exercises/ie.php on 2026-03-21.
• The exercise-specific help pages were reviewed during capture to confirm the published keyboard, note, and interval answer modes.
• This route intentionally ships one exercise experience, not the wider Teoria navigation shell.

Asset handoff

• teoria-interval-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-interval-ear-training/vendor/jquery.min.js replaces the upstream CDN dependency with a route-local copy.
• teoria-interval-ear-training/res/js/min_24/ preserves the published Teoria exercise runtime, localized to route-relative asset paths.
• teoria-interval-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 visual keyboard response after runtime edits.
• Run node interactive-explanation/tools/check-public-surface.mjs, node interactive-explanation/tools/smoke-bundle.mjs --group teoria, and the full smoke bundle after changes.