Happy Friday! We just launched a new Theatre Schedule page that I thought I’d share.
Theatre Schedule · Angelo State University.
We used Stories for each production. The stories are dated with the day the show starts and are scheduled to be archived the day after the show ends. This keeps them in the correct order on the page and automatically moves them to the Past Productions section when they are done.
Each Story has an event widget in it that will list any events matching the story’s title once those events have been entered into LiveWhale. The events contain more information and links to buy tickets.
I’m particularly pleased with the way the background colors of the shows adapt automatically to the poster image. I used some JS to determine the average color of each image and used the hue value from that in a CSS variable to set the background color.