While preparing to test the viability of monthly map updates, including automated generation of the continental images (I didn’t update those during the last update), I started work this afternoon on a script that’ll calculate what regions are in each of Agni’s continents.
It was surprisingly easy to get the script up and running (the whole process completing in under 4 minutes on the local box)- it’s now setup as a cron-job to update on the 2nd of every month (the images being tentatively generated on the 1st).
After having this take a surprisingly little amount of time to complete, I tried thinking of ways to play with the data before I start playing with the automated image generation on Thursday. After an hour or so of coding and debugging, I came up with this: CSS3-enhanced Continental Maps.
I’ve used the CSS3 :target selector, combined with some Javascript DOM geek-fu to highlight the region currently being hovered over in the list on the left. The map is currently a rather plain absolutely-positioned CSS arrangement, though I hope to use the aforementioned images to make things more interesting to look at.
Gecko- (Firefox and the in-world browser) has no problem with the CSS3 + JS setup, though both Presto (Opera) and WebKit (Safari) handle the CSS3 aspect fine, the JS used to assist the CSS3 code (or rather, what happens as a result of the location changing) results in the page appearing to auto-scroll up and down. Trident (Internet Explorer 7) being Trident, can’t handle the CSS3 at all and thus degrades gracefully to a plain list with a dull looking blob next to it. It also has a rather odd tiling effect which is also likely a result of Trident’s inadequacies.
