Open the HTML file in any text editor (Notepad, VS Code) and find the CONFIG block at the top of the <script> section. Change:
EVENT_NAME — Main title shown in the header
EVENT_SUB — Subtitle / programme text
TOTAL_DAYS — Tournament duration (default: 31)
Option A — Emoji logo (easiest): In the CONFIG block, set LOGO_EMOJI to any emoji, e.g. 🏃
Option B — Image logo: Set LOGO_URL to a direct image URL (e.g. your organization's logo hosted online). Leave LOGO_EMOJI empty.
Upload the photo to Google Drive. Right-click → Share → "Anyone with the link → Viewer".
Copy the sharing link. It looks like:https://drive.google.com/file/d/FILE_ID/view?usp=sharing
In your Google Sheet, add a Column C with header Photo URL. Paste the full sharing link for each person — the dashboard converts it automatically.
Click ⟳ SYNC — photos will appear within a few seconds.
Your sheet must have these columns in this order:
A: No B: Name C: Photo URL D: Day 01 E: Day 02 …
The Photo URL column is optional — omit it or leave cells blank to show initials avatars.
Simply add a new row to the Google Sheet. The dashboard auto-detects new participants on every 60-second refresh and highlights them with a notification banner.
In Google Sheets: File → Share → Publish to web
Select Sheet1 and Comma-separated values (.csv)
Click Publish → Copy the URL and paste it as CSV_URL in the CONFIG block.
Colors are auto-generated using a golden-ratio algorithm — every participant gets a unique, visually distinct color. No manual editing needed. Colors regenerate automatically when new participants are added.