How the Universal Footer Works
Everything lives in the dock: movement, wallet, audio, and the counter. This lab page is the reference blueprint
we’ll copy-paste into every room, then just change the links + states.
The navigation pill in the footer is a compass and elevator combined: Up/Down for floors, N/S/E/W for wings, and a dedicated Teleport button for random or special destinations.
- Per-page wiring: each arrow can point to a different URL or be turned off.
- State-based behavior: disabled, locked, riddle-locked, or secret doors can shake and show tooltips.
- Wallet chip: always present in the dock, displaying your current AUP and opening the full wallet room.
- Counter: the glowing micro counter is still anchored in the dock for continuity across rooms.
Below is the reference preview of the pill. The actual live version is in the footer — this inline one is just for visual comparison in the design room.
Preview • Navigation Pill States
Design Room • Navigation Lab
This page: /aupcastle/navigation.html
AUP:
000
Arrow States & Door Types
Use these states on any arrow in the footer pill. On this page they’re just a demo,
but the classes and behavior are ready to drop across the empire.
- States (class / data-state)
- active disabled locked riddle secret
- Active
- Arrow is live. Click = hard navigation to another room (href in the JS model or data-href).
- Disabled
- Greyed out. No destination linked yet. Clicks show a soft tooltip like “No room connected here yet.”
- Locked
- Door exists, but is blocked. Click triggers a quick “fear shake” and a message (boss locked, story gated, etc.).
- Riddle
- Door is locked behind a puzzle. Click can hint that you must solve something elsewhere first to unlock this direction.
- Secret
- Hidden / event-based door. Can appear locked until conditions are met, or only appear for certain AUP thresholds.
On real pages, you’ll just set the NAV_MODEL in the script (or inline data attributes) for that room: which arrows are live, which are blocked, and where Teleport is allowed to throw people.
