livecoders / website

Website for the Live Coders Twitch Team
https://livecoders.dev
MIT License
53 stars 74 forks source link

How about displaying an online/offline badge against everyones name / in their card on the members list / page details #161

Open cmjchrisjones opened 3 years ago

cmjchrisjones commented 3 years ago

I've implemented the same thing on my personal site, similar to the below, we can use shields.io to accomplish and display something like this, and clicking on the button launches that streamers twitch stream in a new tab.

image image

Quick mockup:

image

If you think its a good/valid idea, I'm happy to take a stab at it

whitep4nth3r commented 3 years ago

I'd love to see this @cmjchrisjones - there's another open issue for displaying live channels on the home page - I wonder if these two tickets could be combined? As I'm assuming it would use the same Twitch API call.

whitep4nth3r commented 3 years ago

I'd be inclined to make the 'live' button colour Twitch purple with a Twitch SVG icon too :)

cmjchrisjones commented 3 years ago

@whitep4nth3r the nice thing about that is there is no direct dependency on the Twitch API, its using https://shields.io to query Twitch and display the status - there are are number of styles to chose from and we could override some of these style too, EG

image image image image image

CopperBeardy commented 3 years ago

These look cool, the purple button does look better

whitep4nth3r commented 3 years ago

@cmjchrisjones would there be any performance implications in querying shields.io c. 200 times on a single page?

cmjchrisjones commented 3 years ago

Just some rudimentary testing, but a valid point I guess

image

image

ThindalTV commented 1 year ago

Working on the code to enable this with in issue #8.