Sandbox What feeds the main site

`experiments.html` (from the vanilla repo) remains the playground for HTML elements the professor wants to see. This Astro page documents those experiments so graders know why they exist and how they shaped the current UI.

Artifacts carried over

  • Template + slot demo for the contact info cards.
  • Audio/video controls tuned for screen readers.
  • Canvas fallback messaging.
  • MathML sample for equation rendering.

Where to find them

Open `experiments.html` in the original repository. All sections reference the same CSS tokens used on this Astro site, so screenshots feel cohesive even though the files live elsewhere.

Mini milestones Test runs that informed the homework

Media APIs

Picture + <video> demo

Responsive imagery, muted autoplay video, and captions inside experiments.html.

Canvas & MathML

Accessibility drills

Canvas fallback text and MathML renderings prove compliance with HW3/HW4 constraints.

Form ergonomics

Label choreography

Test harnesses for stacked labels, error slots, and focus outlines.