diff --git a/res/scoreboard.css b/res/scoreboard.css index db46b9a..ab0beca 100644 --- a/res/scoreboard.css +++ b/res/scoreboard.css @@ -61,6 +61,10 @@ input[readonly] { text-align: center; } +.name { + display: none; +} + .logo { text-align: center; } diff --git a/res/scoreboard.html b/res/scoreboard.html index 0fe68a1..394b811 100644 --- a/res/scoreboard.html +++ b/res/scoreboard.html @@ -27,27 +27,29 @@
+ ★ + - 3 - ★ - + 3
+ ★ + - 3 - ★ - + 3
diff --git a/res/scoreboard.js b/res/scoreboard.js index 120a072..2ff56c9 100644 --- a/res/scoreboard.js +++ b/res/scoreboard.js @@ -602,8 +602,8 @@ function start() { ei("close"); ei("preset"); - e("color-a").addEventListener("change", function() {rekitty("a")}, false); - e("color-b").addEventListener("change", function() {rekitty("b")}, false); + e("color-a").addEventListener("change", function() {recolor("a")}, false); + e("color-b").addEventListener("change", function() {recolor("b")}, false); ei("periodtext").innerHTML = periodtext[period]; ei("jamtext").innerHTML = jamtext[3]; @@ -622,13 +622,15 @@ function start() { } -function rekitty(team) { +function recolor(team) { var i = e("img-" + team) var k = e("kitty-" + team) + var n = e("name-" + team) var color = e("color-" + team).value i.style.display = "none" k.style.display = "inline" + n.style.backgroundColor = color kitty(k.getContext("2d"), color) } @@ -649,8 +651,8 @@ function resize() { k.width = kw k.height = kh } - rekitty("a") - rekitty("b") + recolor("a") + recolor("b") } window.onload = start;