Seasonal palette

dabblet.css

/* Seasonal palette*/
body {
	background: linear-gradient(to right, 
		hsl(217, 78%, 58%) 0, 
		hsl(59, 84%, 78%) 22%, /* spring equinox */
		hsl(40, 91%, 61%) 49%, /* summer solstice */
		hsl(18, 66%, 45%) 73%, /* autumn equinox */
		hsl(217, 78%, 58%) 99%); /* winter solstice */
	display:flex; height:100vw;
	margin:0;
	font:100%/2.6 Avenir
}
body a { flex-grow:1; text-align:center; outline:1px solid }

dabblet.html

<a>Jan</a>
<a>Feb</a>
<a>Mar</a>
<a>Apr</a>
<a>May</a>
<a>Jun</a>
<a>Jul</a>
<a>Aug</a>
<a>Sep</a>
<a>Oct</a>
<a>Nov</a>
<a>Dec</a>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}