added separate demo page and fixed the JS to dynamically calculate the sizes and locations of the boxes. also inverted the colours so it starts dark (midnight) and gets brigter until midday then starts to get darker again