rython-task-bot-v2/widgets/horizontal

Widget - Rython Task Bot v2

Instructions

Websocket Server

Websocket server running is required for browser source to work.

1. Streamer.Bot -> Servers/Clients -> Websocket Server
2. Auto Start: ON; Click on Start Server
3. If port number already taken, change port number
4. Ensure that config.js's websocket settings are in-sync with Streamer.Bot's

OBS

1. Add a new browser source in your scene
2. Tick on "Local"
3. Navigate to the index.html file
4. Optionally customise the width and height
5. Click on "Ok"

Style Customisation

Note: styles/structure.css is meant to be the bare structure to allow the task widget to be functional.

Customise the styles in styles/style.css, whether it's through the CSS variables (in :root), or the CSS below it.

Fonts

You can import Google fonts into your style.css:

1. Open Google Fonts
2. Select your desired fonts
3. Click on View selected families
4. Click on Get Embed Code
5. Select @import under Web
6. Copy the import @import url('...');
7. You can use it in your CSS already!

... {
	font-family: "Fredoka";
    /* ... */
}

---