Decorate with auto-typing code snippets

[rashil2000]

From @JanPokorny in #10:

A text field/widget that has the text > scoop install something where "something" is animated -- periodically deleted and retyped as if user was typing, showing an assorted selection of tools one might want to install through scoop -- this draws attention and quickly shows what scoop does. (I've seen some corporate websites use this kind of animation, seems pretty suited here) -- similar to the result of this snippet https://stackoverflow.com/a/32496921/6099426

This website can be used as reference: https://www.localsolver.com/

From @gpailler in #10:

I found react-code-auto-typing that could probably do the job

[sitiom]

This can also be done with an embedded asciinema recording (Sharing & embedding). You can make the player autoplay, loop, and hide the control bar (if you want) with this CSS:

.control-bar {
    display: none;
}

[gpailler]

Thanks for the idea. asciinema looks very promising ! There is a highly customizable player that we can integrate and a Powershell recorder powersession-rs (available on scoop 😄 )

[sitiom]

There is a highly customizable player that we can integrate and a Powershell recorder powersession-rs (available on scoop 😄 )

"Powershell" recorder might be a misnomer since it doesn't just work only in Powershell 😅

[gpailler]

"Powershell" recorder might be a misnomer since it doesn't just work only in Powershell 😅

Yes very true, I meant a Windows recorder 😅

[gpailler]

I have integrated asciinema-player, available on https://scoop.sh/scoopinstaller-dev.github.io/ for the installation examples.

What are your thoughts, should we use asciinema-player in other places, like the scoop search section ?

[sitiom]

Looks great! I suggest using it in the other sections for consistency.

[JanPokorny]

This solution seems to solve a different problem than I originally meant (I wanted to quickly explain to the user what an "app" means in this context, by showing examples next to the search field), but I must say that the animations look pretty

[gpailler]

I have a quick survey for you @sitiom @JanPokorny @rashil2000

Could you check https://scoop.sh/scoopinstaller-dev.github.io/ once again and tell me what do you prefer between the following options:

• Node.js => No loop, controls not displayed
• NeoVim => Loop, controls not displayed
• VS Code => No loop, controls displayed
• Cascadia-Code => Loop, controls displayed

I would choose loop with controls or no loop without controls but I'm interested in your feedback.

Thanks!

[JanPokorny]

IMO no loop no controls is best, it looks cool and it lets you read the whole output in peace at the end

[sitiom]

I'm going for loop and controls. One can pause at any point the user wants to. Maybe we can host a poll for this:

[rashil2000]

I've voted for the no loop, no controls option, but I'm not a big fan of the embed being dark themed when the background is light. Technically it should be possible to toggle the asciinema-player theme along with site theme, no?

[sitiom]

I've voted for the no loop, no controls option, but I'm not a big fan of the embed being dark themed when the background is light. Technically it should be possible to toggle the asciinema-player theme along with site theme, no?

It would just require a theme change.