Replace Demo image with animated gif

[DenverCoder1]

Possible tools for GIF creation: https://github.com/phw/peek, https://www.cockos.com/licecap/, https://www.screentogif.com/

[SJellen]

Let me know if you like this

or

[DenverCoder1]

Hi @SJellen, that looks great!

I think the second one is more like what I was thinking.

Maybe more of the fonts could be included, though, such as Monospace and one of the Script fonts?

Anyway, it's looking good. Thanks for your help. 👍

[SJellen]

[DenverCoder1]

@SJellen At the start, I think it should have the original text with no modifications and maybe highlight smaller selections? I'd also probably avoid Math Sans since it's almost like normal text and avoid the circle and square fonts and subscript since they can be a bit difficult to read.

The 2nd gif in the first message was pretty much perfect, just it would be nice to have some of the more useful fonts represented.

I like the idea of clicking the eraser at the end, but maybe avoid fonts that can be ambiguous (eg. fonts with no distinction between upper and lowercase) so that the text is the exact same as it started when you click it. It would make a cool loop that way 😄

[SJellen]

heres demo4.
I tried to get in as many as I could. The issue is that the longer the video the lower quality the gif.
**oops, I just saw your note about the subscript **

[DenverCoder1]

@SJellen This is great!

Would you like to make a PR to fix the issue?