Mass time calendar function
The main requirement of the Catholic Parish of New Plymouth's website is to have their mass times clearly laid out and accessible on desktop, mobile and tablet devices. When the calendar is viewed on a mobile device, it's layout changes to a more intuitive horizontal slide function (see image below).
Both view types allow the user to click the mass time they're interested in and a pop-up message will show useful information on the type of mass, location, parking information, etc. The colours used on the mass calendar and throughout the website are derived from the beautiful lead light windows at the parish's Fitzroy-based church.