csharpfritz / Fritz.StreamTools

Handy tools for managing my live stream, built with ASP.NET Core
MIT License
149 stars 73 forks source link

Convert GitHub Contributors scroller to a WebComponent #114

Open csharpfritz opened 6 years ago

csharpfritz commented 6 years ago

/ Suggested by @bravecobra /

bravecobra commented 6 years ago

Since I was the one suggesting this, I've created a little codepen to demonstrate what could be an implementation of the existing marquee as a web-component.

https://codepen.io/bravecobra/pen/odmxYV

You can do some customization from outside the component, like colors, size and speed, which should then come from the configuration page. I kept the example simple enough to allow for easy integration into the current code. At least, it's a start!

bravecobra commented 6 years ago

I've included the cdn version of webcomponentsjs. That makes the codepen work on firefox as well. Let me know if you want this to be included in the current marquee code and whether you prefer the cdn inclusion or a local npm install, which would put that code in the js bundle. There is of course always the option of abandoning this idea all together.