video looks great and format works well I think.
I wonder if the video should be a bit lower down in the page though as a user should read the prerequisites first?

I get a lot of

~/d/g/g/h/c/e/g/quick-start ❯❯❯ vhs < quickstart.tape                                                                 add-video-to-getting-started ◼
 38 │ Type `echo "theme = 'ananke'" >> config.toml`
           ^ Type expects string

 38 │ Type `echo "theme = 'ananke'" >> config.toml`
           ^ Invalid command: `

 38 │ Type `echo "theme = 'ananke'" >> config.toml`
            ^^^^ Invalid command: echo

Trying to build the tape.

But if if I replace that line with a dummy command and create a GIF using the same settings:

(also, I suspect it's just a matter of months before VHS gets support for SVG/CSS).

What's the size of the GIF when you build it?

Note that I don't mind one or 2 500KB images/videos in there, but I'm curious about the conclusion ...

Backticks as quotes were added a few days ago with 7ffc5f8f.

The GIF is 1.2 MB.

OK, I fail to run the latest VHS version (ttyd 1.7.2 not yet available on Brew). I suggest we wait a little with this one until then.

I'm fine with holding off. This was just an experiment.

One more test, at 640x360.

712K quickstart.gif
360K quickstart.mp4
364K quickstart.webm

The file sizes vary by 2-3% on each run.

At this size, when viewed at 100%, the font is a bit fuzzy. I was trying to find a middle ground so that it would look decent on the desktop, mobile, and in full screen mode (the later being less of a priority).

I'm not sure that a 37% reduction in WebM size is worth the loss in quality.