User Guide & Architecture
Codex Futura Help System
Everything you need to know about navigating the compendium, exploring visual galleries, interacting with physics simulations, and utilizing keyboard controls.
Infographic & Visual Gallery Modes
Each concept includes high-resolution visual breakdown plates in 4 specialized mediums:
- Technical Infographics: Comprehensive plates featuring metric equations, component diagrams, and worked examples.
- CAD Blueprint Schematics: Precise edge-to-edge 16:9 engineering schematics with cutaways and exploded sub-assemblies on blue paper.
- Cinematic Renders: Ultra-high-definition orbital and deep-space visualizations.
- Fine Art Painting Renditions: Specially styled traditional media paintings (including 1970s airbrushed acrylic, cold-press watercolor, impasto oil on linen, and 1960s gouache).
BBC Documentary Mode & Audio Engine
Experience concepts through narrated documentary audio featuring lead theoretical presenter Prof. Alistair Finch (British Academic Accent):
- Mode Switcher: Toggle between
Standard Reader,Visual Gallery, andBBC Documentary Modevia the top presentation bar. - Interactive Audio Controls: Start, pause, or stop the narrated audio stream. Features live equalizer frequency bars and state indicators.
- Live Sentence-Synchronized Transcript: Follow along with highlighted sentences and human speech pauses. Click any sentence in the transcript to jump audio directly to that point.
- Automatic Visual Sync: Switching to Documentary Mode automatically triggers the Artwork Carousel to auto-advance and sync artwork slides with narration progress.
- ElevenLabs & Web Speech Integration: Plays pre-rendered high-definition ElevenLabs MP3s, supports live ElevenLabs API key streaming, and includes browser Web Speech synthesis as a zero-latency fallback.
Artwork Carousel & Variation Slider
Explore the full artwork suite for every concept using two interactive view modes:
- Single View Tabs & Variation Slider: Select top-level tabs (Technical, Blueprint, Cinematic, Artistic) and use the
Variant Sliderto cycle through multiple image iterations per medium (e.g.1 of 3). - Quantum Dock View: Consolidate all artwork plates into a unified full-bleed stage with zero page jumpiness.
- Side-by-Side Comparison: Click
Split Viewto compare Technical and Blueprint schematics side-by-side. - Fullscreen Lightbox: Click any slide or press
Fto open the high-resolution lightbox overlay. PressEscto exit.
Interactive Physics Calculators
Select concepts feature custom interactive simulations embedded in their Physics Analysis deep-dive:
- Concept 02 (Warp Field Dynamics): Interactive warp velocity ($v/c$) and exotic energy stress-tensor generator.
- Concept 03 (Gravitational Wave Engineering): Quantum state superposition & strain amplitude simulator.
- Concept 04 (Wormhole Topology): Traversable Throat & Exotic Matter Calculator — adjust throat radius $b_0$, speed $v/c$, and redshift gradient $|\Phi'|$ to compute exotic mass requirements in Jupiter ($M_J$) and Earth ($M_\oplus$) mass equivalents, proper transit times, and peak tidal forces ($g$'s).
Mathematics Engine & MathML
Mathematical formulas are rendered via two complementary high-performance systems:
- KaTeX HTML: Powers the main signature equation hero at the top of each concept.
- Native Browser MathML: Powers deep-dive equations inside Physics Analysis components, providing native browser vector rendering without relying on external web fonts.
Keyboard Shortcuts Cheat Sheet
Quickly navigate using the following shortcuts:
| Shortcut | Action |
|---|---|
/ or S | Focus Concept Search Filter on index page |
1 - 4 | Switch visual gallery categories (Cinematic, Technical, Blueprint, Artistic) |
F | Fullscreen Image Lightbox |
Esc | Close Image Lightbox / Exit Fullscreen |
← / → | Navigate previous / next concept or lightbox slides |