MidgardPlus alert for Streamlabs: Raid
=================================================

Three files, three tabs. alert.html goes in the HTML tab, alert.css in the CSS
tab, alert.js in the JS tab.

Where to paste it
1. Log in at streamlabs.com and open your Alert Box widget (All Widgets, then
   Alert Box).
2. Pick the Raid alert type.
3. Scroll down and turn on Enable Custom HTML/CSS.
4. Click the HTML tab, delete everything in it, and paste all of alert.html.
5. Click the CSS tab, delete everything, and paste all of alert.css.
6. Click the JS tab, delete everything, and paste all of alert.js.
7. Set Alert Duration to 8 seconds. Our alert leaves by itself after 7, so the
   exit plays before Streamlabs hides the box.
8. If there's a show or hide animation setting, pick a plain fade or none, so
   it doesn't fight ours.
9. Save, then hit Test Raid to see it.

Streamlabs moves its menus around now and then, so the names above can be a
little different on your screen. The HTML, CSS and JS tabs are what matter.

Size in OBS
The alert is 860 wide and about 220 tall. Make your Alert Box browser source at
least 1000 x 320 so nothing gets cut off.

Tweaks (all in alert.html, on the first line)
data-hold="7"      seconds on screen before it leaves
data-useimage="0"  set to 1 to show your Streamlabs alert image inside the rune
                   circle instead of the rune

Streamlabs variables this one reads
{name}, {count}, {messageTemplate}, {img}, {image}
Anything Streamlabs doesn't fill in is ignored and the alert still reads fine.
Everything a viewer typed is put on screen as plain text, never as HTML.

Sound
No audio is included, pick your own in the Alert Box sound setting. Something
like longship war drums that build for two or three seconds fits. Look for CC0 or royalty free sounds, keep it under three
seconds, and not louder than your voice.

Want alerts without pasting anything? The MidgardPlus alerts overlay can read
Streamlabs straight from OBS:
https://midgardplus.odinthered.dev/streamer-kit/
