This article will take about 2 minutes to read.
You can view the final project here. Note that the css transitions are only tested on Chrome at the moment.
This is a possible replacement for the traditional, Gregorian calendar.
I was looking for a project that would allow me to try out alternate web frameworks and css design systems, and settled on creating a calendar. While reading about different calendar systems, such as the fictional Shire calendar and the more historical Irish calendar and French Republican Calendar, I decided to try my hand at creating a calendar myself.
There are a couple things that make this calendar an attractive replacement for the Gregorian one.
The biggest feature is that it does not have many changes from the calendar we are used to. Some of the shortest months, like February, have been given additional days, and there are now fewer months with 31 days. However, since there are 12 months of about 30 days, the Gregorian calendar will always be within 3 days of this one.
The biggest change with this calendar is the addition of an extra weekday, either once or twice a year depending on if it is a leap year. This allows the calendar to stop shifting the day of the week, and makes it so that the first day of the year is always the first day of the week.
There are 8 holidays marked, which correspond to the 4 solstace events, and the midpoints between them. Since the year is evenly divided, there is a holiday on the 1st day of the second month of each quarter, and a holiday on the 20th day of the third month of each quarter.