The website for RetroVerse Studios, an indie game studio in Perth, Australia — built as a multi-mode "CSS Zen Garden": one HTML document, four completely different visual realities. Each visit boots into a random mode.
Live at retroverse.studio (GitHub Pages).
| Mode | Hash | Description |
|---|---|---|
| Terminal | #mode-terminal |
Interactive hacker terminal with commands, matrix rain, and a Doom-style HUD |
| BBS | #mode-bbs |
1990s dial-up bulletin board with keyboard menu navigation |
| 8-Bit | #mode-retro |
Side-scrolling platformer-style layout with world/level indicators |
| Forum | #mode-forum |
Early-2000s message board with threads and replies |
A boot sequence picks a mode at random on every load (press any key to skip). Use the URL hash to force a mode, the floating switcher (bottom-right) to change modes, or the reboot button to re-randomise. Touch devices boot into the touch-friendly modes (8-bit or forum).
index.html— single page; all content lives here and is restyled per modeassets/css/base.css— shared variables, boot screen, mode switcher, reduced-motion supportassets/css/{terminal,bbs,retro,forum}.css— one stylesheet per mode, loaded on demandassets/js/app.js— boot sequence, mode engine, terminal commands, BBS menus, side-scroller, forum renderer, easter eggs
Currently disabled — there's no mailing list yet. The signup UI is preserved but hidden. To bring it back: set NEWSLETTER_ENABLED = true in assets/js/app.js, uncomment the newsletter section and nav link in index.html, and point the form at a real endpoint (GitHub Pages can't run server code, so use a service like Buttondown or Formspree, or a Cloudflare Worker — optionally paired with Resend for sending).
- Konami code (works in every mode)
- Terminal commands:
ascii,matrix,sudo,rm -rf,whoami, and more — typehelp - Rare boot glitch messages (1 in 8 boots)
- Persistent visitor counter and XP system
- Font: Press Start 2P (Google Fonts)
MIT — see LICENSE.