Producer Dashboard

This repo provides HTML/CSS/JS overlays for OBS. Load overlay URLs as Browser Sources.

Active Sources (OBS)

• Scorebug — Browser Source 1920×1080 @ 60fps (Shutdown when not visible: off)
• Lower Third — Browser Source 1920×200 @ 60fps

Tip: Enable Refresh browser when scene becomes active if overlays should reset on scene switch.

Live URLs

GFX Google Sheet / Doc

• Primary data source: <PASTE GOOGLE SHEET/DOC LINK HERE>
• Suggested tabs/fields:
  • globals: event_name, venue, date
  • teams: home_name, away_name, home_score, away_score, period, clock
  • lower_third: line1, line2, color
• Sharing: Anyone with the link – Viewer (or Editor for producers).

Data Flow (planned)

1. Overlay pages poll a published Sheet URL (CSV/JSON) every 1–2s.
2. Client-side JS updates the DOM—no backend needed.

Local Development

bundle exec jekyll serve
# http://127.0.0.1:4000/

Repo Conventions

• scenes/ — each overlay gets index.html + scene.js + scene.css
• assets/ — shared CSS/JS
• data/ — sheet-backed JSON or config