Mosaic

About this template

Mosaic is a complete website for a community arts centre in an old dye works on Market Street, Ulverston. A rule-based programme of classes, gigs, film nights, family sessions and exhibitions stays current on any date, with filters, saved events, calendar downloads, a live room-hire estimate and volunteer sign-up.

Features

• Programme of 20 listings with dates worked out from rules (every Tuesday, first Sunday, last Friday), so the demo never goes stale
• What’s on grouped into Today, This week and Next week, with category, age, price and date-range filters kept in the URL
• Seven-day strip to jump straight to any day
• Event pages with their own cut-paper artwork, upcoming dates, booking request form and .ics calendar download
• Saved events that work even when browser storage is blocked
• Rotating gallery exhibitions with preview evenings and a yearly winter break
• Weekly class timetable and filterable workshop cards
• Live room-hire estimate with evening rates, extras, community discount and capacity checks
• Volunteer, Friends membership, booking and contact forms with inline validation
• Illustrated town map, live opening status and access information

Pages included

• Homeindex.html
• What’s onwhats-on.html
• Eventevent.html
• Workshopsworkshops.html
• Hire a spacehire.html
• Get involvedget-involved.html
• Our storyabout.html
• Visitvisit.html
• 404404.html

Quick start

unzip mosaic.zip && cd mosaicopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build

Changelog