Memberthon Setup!

1. Go to NodeJS.org and download the LTS.
2. Download the .rar in releases, or download the source code.
3. Open start.bat/start.sh and the program will start, and open you to the setup page.

This app should work on Linux & MacOS! (although untested)

What is all of dis shtuff mean?

Setup Page

"Livestream URL" = the URL for the alerts to attach themselves to
"Superchat Addition Time" = Time to add for each superchat
"Membership Addition Time" = Time to add for each membership
"End Date & Time" = date for the timer to end (will increase overtime with memberships and superchats, as a subathon would)
"Start Memberthon Server" = Starts the Memberthon

Status & Control Page

"Time Page" = Click this button, and copy the link, and use it as a browser source in OBS for the timer.
"Alerts Page" = Click this button, and copy the link, and use it as a browser source in OBS for alerts.
"Config Saving?" = will show "true" if the config is being saved.
"Paused?" = Will show "true" if the timer increases are paused
"Livestream" = the URL for the selected livestream
"Current Member Addition" = Time to add for each membership
"Current Superchat Addition" = Time to add for each superchat
"Ending At" = string date the overlay will end at

LIVE Control

"Membership Addition Time (mins)" = Change this value to change the Current Member Addition
"Superchat Addition Time (mins)" = Change this value to change the Current Superchat Addition
"End Date & Time" = Change this to change the end date manually
"Save config" = Press this to save the countdowns details
"Pause/Resume" = Press this to stop all time increases
"New Live Video" = Input a new livestream to attach the alerts too (requires .bat restart)
"Restart" = Fully restarts Memberthon

Restart Memberthon

1. close the .bat file.
2. re-open the .bat file.

OR
1. Use the "Restart" button on control centre webpage

Make a new Memberthon

1. Delete the save.json file in the Memberthon directory.
2. Restart Memberthon

Styling

To style your overlays, you must use CSS!

To understand the basics of CSS go HERE!

For custom fonts, i suggest using Google Fonts, and you need to use the @import method, shown below:

Copy the text from that box, put it at the top of the css where the other @imports are.
To use the font, copy the snippet below the other:

Then, replace the following, with the code you copied:


To change colors is easy, anything that says "color" in it, can be changed!
use these sites below for easy color picking,
https://cssgradient.io
https://rgbacolorpicker.com

Visit HERE to get started with the basics of CSS.