This project is intended to serve as a base template that other chapters can customize to suit their needs.
At this stage, the implementation remains chapter-specific to streamline and accelerate initial development. The long-term objective is to build a page generator script capable of automatically producing fully configured chapter landing pages, making it simple for any organizer to deploy their own instance on GitHub Pages with minimal manual setup.
Core Features:
- Dynamically retrieves the chapter’s upcoming events via the RaceSync public API.
- Allows users to open event details directly on multigp.com
- Randomly displays a full-size background image upon each page load.
- Presents the chapter’s sanctioning bodies, social media links, and contact email for quick access.
Preview:
-
Fork this repository
-
Pull your forked repository to your local directory
-
Edit the
chapter.jsonwith your Chapter id and your Chapter API key (see here how to generate an API key) -
Using a terminal of your choice, navigate to the local directory and run a local web server
python3 -m http.server 8000 (if you're on MacOS)
-
Open
http://localhost:8000in the browser of your choice. You should see a list of your chapter's upcoming events. -
Complete your chapter info in
chapter.jsonsuch aschapterName,email,amaId, etc. -
Replace
chapter-logo.pngwith your own chapter logo, keeping it at 1080 x 1080px. -
Replace
background1.jpgwith your own full screen photos. You can add as many as you want, just make sure to include their path inchapter.json -
Refresh
http://localhost:8000and once you are happy with the result, commit and push the changes to your repository on Github. -
On Github, go to
Settings/Pagesand underBranchpickMain, and folder/Docs. Github will then kick off the process of deploying the page and should see a github.io link soon after, to preview the page.
Additionaly, you can add a custom domain name to your new chapter page. It is very simple to do, but it requires patience since it's a slow process.