What HTML actually is, taught by taking the Showboat Theater's stage apart. Hover a line of markup and watch the matching plank light up.

Attributes are how a tag carries extra information. Hover an attribute on a real link and watch its single job light up — where it goes, what announces it, how it opens.

Why a page uses <header>, <nav>, <main>, <footer> instead of plain boxes. Hover each landmark and watch the matching region of a real page outline itself.

How a form actually works — the <label>, the <input>, the <button> — built on a miniature of our donation desk. Type a figure, watch the same value travel through every line of code.

Alt text and ARIA are the captions a screen reader sees. Toggle the captions on a real image and a real icon button — and hear what the boat sounds like through a reader.

How one CSS variable repaints a whole boat. Swap liveries on a real house card and watch every surface follow a single line of code.

The two lines of CSS behind the theater curtain. Drive the duration and easing yourself and feel how motion gets its personality.

How a click becomes movement. Drive a tiny working theater with its own script — buttons fire recipes, recipes edit state, the boat answers.

One line of code lays out a hundred cards. Add a reel to the playbill, change one, take one away — the .map() runs again and the list rewrites itself.

How the boat decides what to show. Flip a toggle and watch a single ternary choose the curtain, the picture, or the empty stage.

One Card component, many cards. Pass different props and the same little factory builds different posters — the same trick every page on this site uses.

What happens between clicking submit and the server saying thanks. Send a request through the wires of a miniature donate form and watch every leg of the round trip.