Donations
OwnchatBot can integrate with Ko-fi and GiveButter, awarding viewers points for donations and monthly subscriptions.
For anonymous donations, no identifying information is logged or sent in chat announcements.
To-Do List
{% if items %}
{% for item in items %}
{% if item.crossed == 'no' %}
-
{{ item.name }}
[Cross Off] [Remove]
{% else %}
-
{{ item.name }}
[Un-Cross] [Remove]
{% endif %}
{% endfor %}
{% endif %}
Stream Overlay
To place the to-do list overlay in your stream, create a browser source in your streaming software
using the following URL: {{ settings_info[8] }}/todo
Recommended width: 420
Recommended height: 500
In OBS, check "Refresh browser source when scene becomes active"
You can spruce up your list with fonts and colors by inserting custom CSS into the browser source.
Example CSS:
h4 {
font-size: 32px;
text-decoration: underline;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
}
ul {
margin-top: 0;
padding-top: 0;
}
li {
font-size: 30px;
}
If you want to use a custom font, place the font file in your "instance/assets/" folder, and reference the following location in your CSS:
/assets/yourfont.ttf
Customize Your Alerts
Stream Overlays
To use these alerts, create a browser source in your streaming software, using the URLs specified above.
Recommended width: 200
Recommended height: 200
In OBS, check "Refresh browser source when scene becomes active"
Each alert will display the name of the viewer that triggered the alert. You can customize the position of the name, as well as fonts and colors by inserting custom CSS into the browser source.
Example CSS:
#nameBox {
top: 50%; /* Vertical position */
left: 50%; /* Horizontal position */
font-size: 20px; /* Adjust as needed */
font-weight: bold; /* Adjust as needed */
}
If you want to use a custom font, place the font file in your "instance/assets/" folder, and reference the following location in your CSS:
/assets/yourfont.ttf