BNSS Student Government
Official website for Burnaby North Secondary School's student government — events, elections, and members
Overview
A polished school student government website built with SvelteKit and Sanity CMS. Features an interactive event gallery with expand-on-hover grid, a candidate showcase with modal video players for campaign and interview clips, member directory, suggestion box, and dynamic OG image generation via Satori. All content is managed through a Sanity Studio.
Key Points
- interactive event gallery with expanding grid on hover
- election page with candidate modals and embedded campaign/interview videos
- content managed via Sanity CMS with GROQ queries
- dynamic OG image generation with Satori and resvg
- animated number flows and progressive blur effects
- responsive design with gallery/list view toggle on desktop
- suggestion box via embedded Tally form
Technologies Used
SvelteKitSvelte 5TypeScriptTailwind CSSSanity CMSSatoriVite