# Team Social Media OBS Widget

This widget matches the supplied now-playing graphic with:

- Transparent OBS background
- Black panel and white outline
- Left-border draw entrance
- Horizontal panel expansion
- Collapse-and-return transition between social accounts
- Automatic platform rotation
- Inline white SVG platform icons, so no image files are required

## Customize the accounts

Open `widget.js` and edit the `SOCIALS` list near the top:

```javascript
const SOCIALS = [
    { platform: "TWITTER / X", handle: "@YourTeam", icon: "x" },
    { platform: "INSTAGRAM", handle: "@YourTeam", icon: "instagram" }
];
```

Supported built-in icon names:

- `x`
- `instagram`
- `tiktok`
- `youtube`
- `discord`

Change `displayTime` to control how long each account remains visible:

```javascript
displayTime: 7000
```

## OBS setup

Add `index.html` as a local Browser Source or host the folder with a local web server.
Recommended source size: `1000 × 300` at 60 FPS.
