This is the seasonal calendar, rendered in HTML and CSS, for funsies.
The borders don't quite work as well as the SVG version, because you
can't put a border around a CSS clip-path. Of course, I
could've defined the clip-path and the border both as an SVG path, but at
that point, why not just use SVG in the first place, since it's easier
and more precise?
The extra lines radiating out from the center are various other
special dates. Starting from Winter and moving counterclockwise, they
are:
This is the seasonal calendar, rendered in HTML and CSS, for funsies. The borders don't quite work as well as the SVG version, because you can't put a border around a CSS
clip-path. Of course, I could've defined the clip-path and the border both as an SVG path, but at that point, why not just use SVG in the first place, since it's easier and more precise?The extra lines radiating out from the center are various other special dates. Starting from Winter and moving counterclockwise, they are: