@@ -292,10 +297,11 @@
const stream_bg = document.getElementById('stream_bg');
const rank_template = document.getElementById('rank');
const player_template = document.getElementById('player');
+ const timer = document.querySelector('.timer');
const leaderboard = document.querySelector('.leaderboard');
const leaderboard_values = document.querySelector('.leaderboard .value');
- const rankYOffsets = [190, 292, 394, 496, 598, 700, 802, 904];
+ const rankYOffsets = [20, 122, 224, 326, 428, 530, 632, 734];
if (QueryString.get('avatar') === '0') {
leaderboard.classList.remove('avatar');
@@ -532,7 +538,7 @@
let next_death_rank;
function reset() {
- leaderboard.querySelector('.header').textContent = '-';
+ timer.textContent = '-';
leaderboard.classList.remove('warn', 'panic');
toId = clearTimeout(toId);
@@ -569,17 +575,17 @@
let content = remainder.toFixed(2);
if (remainder < cycle_settings.panic) {
- leaderboard.classList.remove('warn');
- leaderboard.classList.add('panic');
+ timer.classList.remove('warn');
+ timer.classList.add('panic');
content = `!${content}!`;
} else if (remainder < cycle_settings.warn) {
- leaderboard.classList.add('warn');
+ timer.classList.add('warn');
// content = `! ${content} !`;
} else {
- leaderboard.classList.remove('warn', 'panic');
+ timer.classList.remove('warn', 'panic');
}
- leaderboard.querySelector('.header').textContent = content;
+ timer.textContent = content;
rafId = window.requestAnimationFrame(checkTime);
}
@@ -885,8 +891,7 @@
this.__startCountDown(seconds);
countDownTimeoutId = setTimeout(startRound, seconds * 1000);
- leaderboard.querySelector('.header').textContent =
- cycle_settings.initial_round.toFixed(2);
+ timer.textContent = cycle_settings.initial_round.toFixed(2);
},
});