Cuefold

About this template

An independent theatre website with a bold lilac-and-rust playbill design. Eighteen productions and a six-week programme of thirty-six performances that stays current, a visit planner that keeps saved performances until they’ve happened, access preferences, and ticket and workshop requests that finish like a real box office.

Features

• Eighteen productions with their own stage illustrations, companies, credits and detailed show pages
• Thirty-six performances over six weeks in date order, each rolling forward only once it has happened, with search, genre, date and access filters
• Saved visit plan with timing overlaps, a cost summary, a downloadable copy and a notice when a saved performance has taken place
• Ticket requests with standard and concession quantities, a live estimate, seating choice and a box-office reply with a reference
• Saved step-free, hearing support, quiet room and companion preferences carried into requests
• Three Saturday workshops dated by rule, with their own artwork and a place request
• Arrival-time calculator, practical travel details, room illustrations and accessible visit guidance
• Responsive navigation, keyboard focus, live updates, reduced motion and clear validation

Pages included

• Homeindex.html
• What’s onprogramme.html
• Showshow.html
• My visitplanner.html
• Ticketstickets.html
• Accessaccess.html
• Take partparticipate.html
• Our theatreabout.html
• Find usvisit.html
• Page not found404.html

Quick start

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

Changelog