2026-02-12

Exploring Terminal Nav on Web

I thought it would be fun experiment to build a terminal inside my own website and use it as a navigation UI. And this site is now the result of this after a few hours of trial and error.

liquidx-net-2026.gif

The main principle here is that it should be functional as a website and also (quasi-)functional as a command line but primarily for operating this website. This is based on an earlier Terminal prototype I vibe-coded a few months ago, but then subsequently extracted, and more or less rewrote by hand to fix a bunch of layout behaviors which was really hard to get Claude Code or Gemini/Antigravity or Codex to get right.

The code knows the structure of the website, and converts that into a virtual filesystem that exists in JS. The main commands that were necessary was cd and ls. Each page is a directory (no files), and if a cd command was detected, is does a proper page navigation using SvelteKit's goto(). As a bonus, the output of ls is slightly marked up and instrumented so clicking on the links will emulate typing the command in and navigating.