A lightweight, mobile-first web app that helps Columbia Neighborhood Swim League (CNSL) swimmers, families, and fans quickly find information about pool openings, team practices, meets, and league policies. Includes natural language search and voice input for on-the-go access.
# Install dependencies
npm installThis project uses PostHTML for component-based HTML development. The source files are in the src/views directory and compiled to the /out directory.
# Build HTML files once
npm run build
# Build and watch for changes
npm run watchsrc/views/*.html- Source HTML files with PostHTML syntaxsrc/views/layouts/*.html- Layout templatessrc/views/components/*.html- Reusable componentssrc/css/- Stylesheetssrc/js/- JavaScript filessrc/assets/- Images, data files, and other static assets/out/- Build output directory (generated files for deployment)
This project uses GitHub Actions to automatically build and deploy the website to GitHub Pages when changes are pushed to the main branch. The workflow:
- Checks out the repository
- Sets up Node.js
- Installs dependencies
- Builds the project using PostHTML
- Uploads the built files as an artifact
- Deploys the artifact to GitHub Pages
The workflow configuration is located in .github/workflows/build-deploy.yml.
- Natural language search ("Where do the Barracudas swim today?")
- Mobile-friendly design with large, tappable buttons
- Voice input via Web Speech API
- Team profiles with coaches and practice schedules
- Meet calendar with pool closures
- FAQs and league documents from official CNSL sources
- Installable Progressive Web App (PWA)
- WCAG-compliant accessible layout and color palette
- Hosted via GitHub Pages with custom domain and HTTPS
/CNSL ├── index.html # Copilot homepage with natural language search (generated) ├── pools.html # Pool directory with filters (generated) ├── teams.html # Team cards and practice info (generated) ├── meets.html # Meet schedule with closures (generated) ├── faq.html # CNSL documents and policies (generated) ├── src/ │ ├── views/ # Source HTML files │ │ ├── components/ # Reusable HTML components │ │ └── layouts/ # HTML layout templates │ ├── css/ │ │ └── styles.css # Site-wide responsive and accessible styles │ └── js/ │ ├── copilot.js # Copilot logic │ ├── pool-browser.js # Pool browser functionality │ └── speech.js # Voice input functionality ├── manifest.webmanifest # PWA configuration ├── service-worker.js # Offline asset caching ├── CNAME # Custom domain declaration ├── README.md # Project overview and data sources └── assets/ ├── images/ # Logos and icons └── data/ # JSON for pools, teams, and meets
All content is built on publicly available resources from the Columbia Neighborhood Swim League:
This site is hosted via GitHub Pages:
- Repo: github.com/simonua/cnsl
- Live site: cnsl.longreachmarlins.org
Custom domain configured with GitHub DNS and secured with HTTPS.
Maintained by Simon Kurtz
Community-driven. Not affiliated with Columbia Association or CNSL.