2017-11-12 17:33:18 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Scoreboard</title>
|
|
|
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
|
|
|
|
<style>
|
|
|
|
|
#info {
|
|
|
|
|
max-width: 20em;
|
|
|
|
|
position: absolute;
|
|
|
|
|
opacity: 0.8;
|
|
|
|
|
bottom: 1em;
|
|
|
|
|
right: 10em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script src="d3.js" async></script>
|
2018-09-09 09:34:48 -06:00
|
|
|
<script src="scoreboard.js" async></script>
|
2017-11-12 17:33:18 -07:00
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var type = "original";
|
|
|
|
|
var interval = 60000;
|
|
|
|
|
|
|
|
|
|
function preinit()
|
|
|
|
|
{
|
|
|
|
|
type = "time";
|
|
|
|
|
interval = 60000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function updateType(newType)
|
|
|
|
|
{
|
|
|
|
|
type = newType;
|
|
|
|
|
init();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function init() {
|
|
|
|
|
var sb = document.getElementById("scoreboard");
|
|
|
|
|
scoreboard(sb, true, type, interval);
|
2017-11-14 22:26:27 -07:00
|
|
|
window.addEventListener("resize", reScoreboardCaller);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var resizeCallback;
|
|
|
|
|
|
|
|
|
|
function reScoreboardCaller()
|
|
|
|
|
{
|
|
|
|
|
if(resizeCallback)
|
|
|
|
|
{
|
|
|
|
|
clearInterval(resizeCallback);
|
|
|
|
|
}
|
|
|
|
|
resizeCallback = setInterval(reScoreboard, 400);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function reScoreboard()
|
|
|
|
|
{
|
|
|
|
|
clearInterval(resizeCallback);
|
|
|
|
|
console.log("resizing");
|
|
|
|
|
var sb = document.getElementById("scoreboard");
|
|
|
|
|
scoreboard(sb, true, type, interval);
|
2017-11-12 17:33:18 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
window.addEventListener("load", preinit);
|
|
|
|
|
window.addEventListener("load", init);
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2017-12-22 12:25:51 -07:00
|
|
|
<h1 id="title">Scoreboard</h1>
|
2017-11-12 17:33:18 -07:00
|
|
|
<div id="scoreboard"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
