CarmiCoven/subathon-timer
2
0
Fork 0
forked from HoloTech/twitch-subathon-timer
Code Pull Requests Activity

Completed v3

Browse Source 
- layout change, reorganized elements and duplicated graphic to avoid using z-index which did not function in OBS browser sources - DO NOT REMOVE DUPLICATE HEART GRAPHIC -

- animation!!! + more wrappers to split up static vs dynamic effects

- temp legacy versions for easier comparisons (no-bold and uniform-font html+css)

- js content tweaks to maintain parity with layout template
This commit is contained in:
RolimirKal
2025-10-31 18:50:34 -04:00
parent 1f49e82035
commit 960c037362
7 changed files with 750 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
timer.js
View File

@@ -111,16 +111,16 @@ class TimerRenderer {
*/
reset() {
this.timer.textContent = "00:00";
this.goal_label.textContent = "Current Goal:";
this.goal_label.textContent = "Next Goal:";
this.goal_name.textContent = "Be awesome";
this.goal_progress.textContent = "00/00 Points";
this.goal_progress.textContent = "00/00";
this.topusers_label.textContent = "Top 3 Gifters";
this.topusers_user1_num.textContent = "1.";
this.topusers_label.textContent = "Leaderboard:";
this.topusers_user1_num.textContent = "1";
this.topusers_user1_name.textContent = "Anonymous";
this.topusers_user2_num.textContent = "2.";
this.topusers_user2_num.textContent = "2";
this.topusers_user2_name.textContent = "Anonymous";
this.topusers_user3_num.textContent = "3.";
this.topusers_user3_num.textContent = "3";
this.topusers_user3_name.textContent = "Anonymous";
}
@@ -167,7 +167,7 @@ class TimerRenderer {
this.goal_name.textContent = name;
// Bitwise OR done to convert floats to integers if needed
this.goal_progress.textContent = String(current | 0) + '/' + String(required | 0) + ' Points'
this.goal_progress.textContent = String(current | 0) + '/' + String(required | 0)
}
/**
@@ -189,7 +189,7 @@ class TimerRenderer {
render_users(users) {
if (users.length >= 1) {
this.topusers_user1_num.textContent = "1.";
this.topusers_user1_num.textContent = "1";
this.topusers_user1_name.textContent = users[0].user_name;
} else {
this.topusers_user1_num.textContent = "";
@@ -197,7 +197,7 @@ class TimerRenderer {
}
if (users.length >= 2) {
this.topusers_user2_num.textContent = "2.";
this.topusers_user2_num.textContent = "2";
this.topusers_user2_name.textContent = users[1].user_name;
} else {
this.topusers_user2_num.textContent = "";
@@ -205,7 +205,7 @@ class TimerRenderer {
}
if (users.length >= 3) {
this.topusers_user3_num.textContent = "3.";
this.topusers_user3_num.textContent = "3";
this.topusers_user3_name.textContent = users[2].user_name;
} else {
this.topusers_user3_num.textContent = "";