Changed web clock animation to better match product animation

I changed around the loops and the way opacity percentages were calculated to make the webclock fill animation better match the product's fill animation. Basically, the animation flows from the three LEDs at the 12 o'clock arm on at lowest brightness at 12:00:00 to all LEDs full at 11:59:59. The previous animation had all LEDs off at 12:00 and all LEDs on, but without the end ones at full brightness at 11:59:59.

Basically, the difference is that at, for example, 5:35:50, the last LED on in all three rings will be at the 5 o'clock position, the 7 o'clock position, and the 10 o'clock position respectively, rather than 4, 6, and 9.

Also added a catch when we get the hours to change a 0 to a 12.

Anyway, thoughts? I also want to see about running it faster (the clockblock currently ticks at 32 Hz) and adding a way to change the webclock display mode.