Experimental redesigns of milesallen.site — exploring different design languages, animation approaches, and visual directions. Thirteen experiments so far, newest first: terminals, handhelds, space stations, posters, and paper.
ORBITAL — the portfolio as a fly-through space station. Six content stations line a Z-axis corridor rendered in Three.js: scroll or drag to fly between them, mouse parallax steers, and every project card is raycast-clickable in 3D space. Neon wireframe geometry, star field, grid floor, station HUD with jump dots, idle snap-to-station, keyboard navigation, and a flatland fallback if WebGL is unavailable.
MILES LAND — the portfolio as a playable Game Boy. A full CSS handheld shell (D-pad, A/B, START/SELECT) drives a 160×144 four-shade DMG screen: boot splash, PRESS START title, menu navigation, dialogue-box about with typewriter text, projects as paginated level select, skills as RPG stat bars, and a save-point contact screen that copies the email to your clipboard. Keyboard or on-shell controls.
MILES_OS — the portfolio as an amber-phosphor terminal. BIOS boot sequence, a real working command prompt (help / skills / projects / open 4 / sudo hire-me), neofetch-style system panel with live session uptime, skill meters, clickable project table, CRT scanlines and flicker, WebAudio key blips, and three switchable phosphor themes via `theme green`.
Modern simplistic maximalism — the page fluctuates between Swiss-quiet and neon-loud sections as you scroll, tracked by a live SOFT⇄LOUD volume meter. Anime.js v4 engine, animate.css hover flourishes, and ReactBits-style vanilla components (SplitText, Blur Text, Count Up, Magnet, Glare Hover, Click Spark, Scramble). Master LOUD toggle or press L.
Paper + ink philosophy from index-five, rebuilt as a vertical-scroll page powered by Anime.js. Staggered entrance animations, elastic tagline reveal, scroll-triggered project rows, D-E-V panels with elastic letter bounces, count-up stats, and a scroll progress bar.
Navy editorial built on Inter Tight: a five-layer hero marquee stack, counter loader with progress bar, scroll progress rail, chip tags, and a WebGL-distorted about portrait. Includes a light/dark theme toggle.
Single-page portfolio as a horizontal 2021→2026 timeline: paper + ink with a rainbow year rail, parallax years, sticky cards with live screenshots, drag / wheel / arrow navigation, and a type-driven marquee hero.
The award-quality editorial design of index-four — same loader, inertia scroll, pinned horizontal devlog, GSAP parallax — but rebuilt as full maximalism. Dark bg, neon palette, Archivo Black, hard box shadows, glitch on the hero title, neo-brutalist project rows that fill with yellow/pink/cyan on hover.
Warm parchment palette, Playfair Display serif, smooth wheel inertia, counter loader, custom morphing cursor, pinned horizontal devlog scroll, GSAP parallax on the hero, project rows with ink-fill hover wipe.
Polished Maximus language with orbital hero rings, scroll progress bar, sticky chip nav, 4 marquee bands, GSAP project card choreography, count-up stats, and Konami confetti.
Dark green + beige palette, Anton display type, custom cursor with label, expand/collapse project rows, sticky nav that color-switches between sections, and a full-screen yellow contact footer.
Three switchable themes — dark, light, and MAX — with a live clock, mouse coordinate tracker, SVG signature draw animation, ambient audio toggle, and scroll progress bar.
The original Maximus design language. Dark bg, neon palette, Archivo Black + Press Start 2P, hard box shadows, splash screen, cursor glow, GSAP scroll choreography, project card parallax, and Konami party mode.