OBS EVENT INTRO PLUGIN - INSTALLATION GUIDE
=============================================

System Requirements:
- OBS Studio (Latest Version Recommended)
- Windows

-----------------------------------------------------------
STEP 1: SETUP FILES
-----------------------------------------------------------
1. Create a folder on your computer (e.g., Documents\OBS_Plugins\EventIntro).
2. Copy the following TWO files into that folder:
   - event_intro_dock.html   (The Control Panel)
   - event_intro_source.html (The Display Source)

-----------------------------------------------------------
STEP 2: ADD THE DOCK (CONTROL PANEL)
-----------------------------------------------------------
1. Open OBS Studio.
2. In the top menu, go to: View -> Docks -> Custom Browser Docks...
3. In "Dock Name", type: Event Controls
4. In "URL", you need the local path to the 'event_intro_dock.html' file.
   
   *** IMPORTANT - GETTING THE URL ***
   1. Open 'event_intro_dock.html' in Google Chrome (or Edge).
   2. Copy the entire address from the address bar (it starts with file:///...).
   3. Paste this address into the "URL" field in OBS.
   
5. Click "Apply".
6. The dock will appear. Drag and snap it anywhere in your OBS interface.

-----------------------------------------------------------
STEP 3: ADD THE SOURCE (DISPLAY)
-----------------------------------------------------------
1. In your Scene, click the (+) plus button under "Sources".
2. Select "Browser".
3. Name it "Event Intro Display".
4. METHOD A (Standard):
   - Check "Local File".
   - Click "Browse" and select 'event_intro_source.html'.

   METHOD B (Alternative - Recommended if A fails):
   - Uncheck "Local File".
   - Open 'event_intro_source.html' in Chrome.
   - Copy the address from the bar (file:///...).
   - Paste it into the "URL" field.

5. Set Width: 1920
6. Set Height: 1080
7. Check "Shutdown source when not visible" (Recommended).
8. Click OK.

-----------------------------------------------------------
STEP 4: USAGE
-----------------------------------------------------------
- Use the Dock to change settings (Text, Colors, Countdown).
- Click "APPLY / UPDATE DISPLAY" to push changes to the screen.
- The "Countdown" tab is your main controller. 
- Use "Clear All Text" if you want to upload a full-screen flyer background.

ENJOY YOUR STREAM!
