Flags
Try adding flags to the tables, it makes a tremendous difference.
I don't want to deal with the admin of uploading flags for new entrants. If I do add flags I want it to be able to be changed without any admin access.
A long time ago someone proposed some kind of automatic flag maintenance, much like how the participants list is maintained today. People add their flags in the Country Flags page and the server adapts.
On the note of possibly making this the default server, here is my unfinished flags pack. Now I say unfinished because I am using ISO 3166-1 alpha-3 for the country codes, but I don't have a flag for every country code. I was working on it. I have about 1/5th of them, but I lost interest when people really stopped mentioning the light rumble.
Flags are up!
Looks great!
I did notice one thing, though... Maybe make the blank flag transparent instead of white? It looks odd on the grey rows.
Done. You'll have to do a CTRL-SHIFT-R reload though, to clear the cache.
A feature: you can sort by flag type, which I think is something no rumble has had before!
It would be interesting to have a country leaderboard using aggregated score of bots from each country :)
It was a good idea to change BLANK to NONE. Good job. :)
Currently the rumble uses ISO 3166-1 alpha-3 for the country codes. If anyone wants a flag that doesn't exist, i'll make up the flag. Until then, I suspect the current subset to be sufficient.
Currently supported are ABW, AFG, AGO, AIA, ALA, ALB, AND, ARE, ARG, ARM, ASM, ATA, ATF, ATG, AUS, AUT, AZE, BDI, BES, BRA, CAN, CHE, CZE, DEU, ESP, FIN, FRA, GBR, HUN, IRL, ITA, JPN, KOR, LTU, NLD, NOR, POL, PRT, RUS, SGP, SRB, SWE, THA, USA, VEN, and ZAF. Unless Skilgannon added more.
I actually didn't notice the BLANK until I had a good portion of the code up, then I just decided to stick with what I had :-p I added CHN, NZL and SVK.
I've also set out the RoboRumble/Country_Flags so that it makes it all pretty clear. I have a cronjob which parses the page once every 2 hours.
Oh on that note. The css style:
img {
width: 30px;
height: 18px;
}
Should help prevent any strange image sizing bugs.
I'm pretty hopeless with css, if you could provide that as an entire code snippet with example <img> tag and everything I'd be happy to integrate. Is there any chance of it going wrong if I keep all the images 30x18 though?
Gah, liquid threads ate my response again.
Anyway that is a complete CSS code snippet. It is just saying all images (rather all <img> tags) should be displayed at 30x18. If you just leave this bit of code out, the <img> may display at any browser specific size while loading (before the browser can load the image and see how big it is). I know some of them default to things like 100x100 while loading. Which may make the page look... weird while loading.
This was more of a problem when each package had a separate flag (and thus we had to load more images, which took longer), but it is still a valid problem.
Unless you add more images which are not flags. That css snippet affects all images on the page.