feat: add 'VS Code' page

[sockmaster27]

Fixes #103

[sockmaster27]

It looks kind of empty. I'll have to confess that I'm not great at copy writing.

[magnus-madsen]

• Lets try the webp format and see how the file sizes are.
• Let's fix a specific resolution (so all videos are the same size and fonts appear the same size).
• In the examples, lets try to avoid showing "hanging" { or other code that is not relevant. For example, the ToString derivation shows a lot of code, but most of it is not relevant.
• Dont worry about copy-editing, if you just write some initial text, I can help improve it.

Let focus on getting these three videos ready and then we can work on the next.

[magnus-madsen]

• Experiment with light theme?

[magnus-madsen]

https://www.screentogif.com/

[sockmaster27]

Webp is locked to a very low framerate so it's hard to compare, but the one I did was about 60KB vs the mp4's (60fps) 100~200KB, so I wouldn't say it's an important difference.

[magnus-madsen]

Here is a 30FPS webp file: https://flix.dev/test01.webp which requires only 27KB.

This is 10x less than the mp4 file, so I am definitely convinced we should go with that.

Just drop OBS and use ScreenToGif with ffmpeg.

[sockmaster27]

Here is a 30FPS webp file: https://flix.dev/test01.webp which requires only 27KB

I thought the cap was lower, and to be fair that one is also less than a quarter of the resolution of the others, but I agree.

[sockmaster27]

Here's how it looks now:

[sockmaster27]

It's pretty busy-looking with everything moving at once.
Maybe they should only play on hover?

[sockmaster27]

[magnus-madsen]

What do you think about using a light theme?

[magnus-madsen]

It's pretty busy-looking with everything moving at once. Maybe they should only play on hover?

People might not know to hover, but I understand the issue.

[sockmaster27]

What do you think about using a light theme?

I can definitely try it out, but I'd think the dark is more recognizable as VS Code.

[sockmaster27]

It's pretty busy-looking with everything moving at once. Maybe they should only play on hover?

People might not know to hover, but I understand the issue.

Perhaps show an overlayed play button?

[magnus-madsen]

Perhaps show an overlayed play button?

Lets keep the outplay for now

[magnus-madsen]

What do you think about using a light theme?

Instead, what if we make this page black instead of white (by black I mean the same background as VSCode).

[magnus-madsen]

The text would have to be white.

[sockmaster27]

Could work, I'll try it

[magnus-madsen]

I think some more vertical space would also be useful.

[sockmaster27]

Instead, what if we make this page black instead of white (by black I mean the same background as VSCode).

Unfortunately, this doesn't really appear to be possible within the current framework, since all pages share the same background.

[sockmaster27]

With added spacing:

[magnus-madsen]

Hmm. I still think it looks jarring. But if you insist, surely we can have some black box around that part of the page?

[magnus-madsen]

Like, just put everything below the horizontal ruler in black box.

[magnus-madsen]

What's the status on this?

[sockmaster27]

What's the status on this?

Annoying 😞 procrastinating

[sockmaster27]

I think I'll try light mode though

[magnus-madsen]

Fixed in master.