Fix Wakatime animation delay

[raychanks]

Closes #2223

[vercel]

@raychanks is attempting to deploy a commit to the github readme stats Team on Vercel.

A member of the Team first needs to authorize it.

[raychanks]

One more thing, should we reduce the animation delay for each item? The current value is 150ms per item, but for a long list of items such as this one will take ages to complete the whole animation.

[rickstaa]

@raychanks Thanks for your contribution. 🚀 The index parameter should indeed be passed.

One more thing, should we reduce the animation delay for each item? The current value is 150ms per item, but for a long list of items such as this one will take ages to complete the whole animation.

You are correct it is better to change the animation if we want to support long lists. 🤔 Feel free to suggest an improved animation schema. 👍🏻 You can find an example in the improved language animation (see #2197).

[raychanks]

Tried with a few different speeds: (Original is 150ms)

• 150ms.mov
• 100ms.mov
• 50ms.mov
• 25ms.mov

50ms looks reasonable to me, what do you think?

[rickstaa]

Tried with a few different speeds: (Original is 150ms)

• 150ms.mov
• 100ms.mov
• 50ms.mov
• 25ms.mov

50ms looks reasonable to me, what do you think?

I think for that long list, 50ms is the best. Alternatively, we could also make the item delay dependent on the length of the list. Meaning having a total animation time and dividing this by the number of items?

[raychanks]

That's a great idea! I will update it tomorrow.

[rickstaa]

@raychanks Thanks for the update! I checked your changes, and I think it is a great improvement. 🚀 I think the animation is a bit slow when fewer than 5 languages are shown.

Peek.2022-10-28.21-05.mp4

Maybe we should add a faster animation when fewer than 5 languages are shown? 🤔

Further, I think it would be nice if the compact layout also had an animation. Maybe we can use #2197 as an example?

screen-capture.webm