Initial code for a mobile friendly scoreboard.

[nickygerritsen]

Missing:

• ❤️.
• Probably some logic based on whether things are enabled (like problems). Affiliation display logic should be mostly there.
• Extensive testing for non-finals settings.
• Maybe some cleanup of the code/logic.
• Maybe not do this on non public scoreboards?

But we want to use this for the public scoreboard in Luxor, so hence this initial PR.

[meisterT]

Maybe not do this on non public scoreboards?

Agreed.

What is strange: I looked now on my phone (and not with chrome devtools) and it is way too wide... but only until the first refresh, then it's fine. Do we fix the width too late?

[nickygerritsen]

Might be that I broke something when moving this to the js file. Will check

[meisterT]

I quickly looked into the hearts. It is non-trivial to re-use the same code, so we might have to duplicate it.

[nickygerritsen]

Might be that I broke something when moving this to the js file. Will check

Should be fixed now, it indeed executed the javascript before the page was loaded, which broke when I moved the code to the .js file.

It now also only shows the mobile scoreboard on the public page.