Kickoff’s only a week away, so I took the opportunity to make Kickoff Bingo! Track the stream with your very own bingo card:
23 Likes
Mobile layout is a bit lacking but I like the randomization and the concept. Definitely good to view in desktop mode instead.
3 Likes
So how we playing Bingo? 5 in a row? Or complete the full sheet
Hmm I’ll have to figure out why mobile is doing that. Thanks!
1 Like
The free space isn’t always in the center
Excellent job on this, I’ll try to play it while watching the stream since I think this is really funny
1 Like
About that… Free Space also has a chance of failure to appear. See above. (Also, “Game code leaked early” is a “not gonna happen” event. The only time anyone came close, it was in an anagram in an official game hint, zero people got it.)
2 Likes
What is your framework? I havent inspected yet but may i suggest you use bootstrap?
This is nice! Also uh quiet is mispelled.
Nahhh it’s twitch chat goes quite excited. Just forgot a word, so an omission rather than a typo I expect /s
1 Like
This little thing called Vanilla CSS and JS 
5 Likes
Last year they showed it for a single frame 30 minutes early
5 Likes
On your .row, you have flex-wrap: wrap; which is causing it to wrap to next line when the viewport width is smaller.
I’m not exactly sure how you’d want to go, font scaling would likely be the best answer but mobile screens are tiny, and it might be harder to read with 5 blocks across.
“game piece is a part from the Gopher catalog” should be an option.
5 Likes
Idk what “game code” means exactly, but we’ve had the field CAD leaked… recently.
1 Like
I think “Game code” refers to the code to access to game manual. Interesting to hear about the CAD leak…can you tell us more?
This thread has some good content:
1 Like
@grahamsh do you mind making this something backed up to GitHub so I could see the full code and make a fork? Maybe I can make a bootstrap version before kickoff with your data.
Bootstrap responsive Tables would work.
If you try this link on mobile the tables scroll side to side id they are too large to fit normally but on desktop they don’t have scroll bars unless it’s the still too big. So just a 5x5 table but it can keep the right aspect ratio
https://gofundrobots.org/stats.html
Okay I tried to make a demo. It’s … Rough but fits right on screen
You cannot upload html files here it seems so I made a repl to play around in
Feel free to do with it what you will. I was just curious how to make it work myself for future use. Not the easiest thing to do.