neale
/
woozle-scoreboard
mirror of https://github.com/nealey/woozle-scoreboard
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add crg-nologo style, Whistler CA teams

This commit is contained in:
Neale Pickett 2013-04-13 00:37:39 -06:00
parent ea96229414
commit d01663f5ee
8 changed files with 62 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -79,7 +79,7 @@
<ul> <ul>
<li><a href="scoreboard.html">Normal layout</a> similar to most <li><a href="scoreboard.html">Normal layout</a> similar to most
other roller derby scoreboards</li> other roller derby scoreboards</li>
<li><a href="crg.html">CRG-style layout</a></li> <li><a href="crg.html">CRG-style layout</a>, or <a href="crg-nologo.html">CRG without logos</a></li>
<li><a href="penalties.html">Penalty tracking</a> layout</li> <li><a href="penalties.html">Penalty tracking</a> layout</li>
<li><a href="highvis.html">High-visibility</a> for <li><a href="highvis.html">High-visibility</a> for
low-power projectors or outdoor bouts</li> low-power projectors or outdoor bouts</li>

BIN
logos/bd-betties.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
logos/blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
logos/green.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

5
logos/logos.js
View File

@ -29,6 +29,8 @@ teams = [
["TKRD", "tulare-kings.png", "Tulare Kings Roller Derby"], ["TKRD", "tulare-kings.png", "Tulare Kings Roller Derby"],
["CHRY", "cherries.png", "Los Alamos Cherry Bombs"], ["CHRY", "cherries.png", "Los Alamos Cherry Bombs"],
["PLG", "plague.png", "Zombie Plague"], ["PLG", "plague.png", "Zombie Plague"],
["BDB", "bd-betties.png", "Black Diamond Betties"],
["SKS", "sirens.png", "Sea to Sky Sirens"],
]; ];
teams.sort(); teams.sort();
@ -37,5 +39,6 @@ teams.splice(0, 0,
["Blk", "black.png", "Black Team"], ["Blk", "black.png", "Black Team"],
["Wht", "white.png", "White Team"], ["Wht", "white.png", "White Team"],
["Grn", "green.png", "Green Team"], ["Grn", "green.png", "Green Team"],
["Rng", "orange.png", "Orange Team"] ["Rng", "orange.png", "Orange Team"],
["Blu", "blue.png", "Blue Team"]
); );

BIN
logos/sirens.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

9
res/scoreboard.css
View File

@ -50,6 +50,10 @@ body {
right: 0; right: 0;
} }
.center {
text-align: center;
}
.logo { .logo {
max-width: 1.8em; max-width: 1.8em;
max-height: 2em; max-height: 2em;
@ -126,6 +130,11 @@ body {
bottom: 1.4em; bottom: 1.4em;
} }
#advert {
margin-top: 1.4em;
max-height: 2em;
max-width: 5em;
}
.score { .score {
position: absolute; position: absolute;

96
scoreboard.html
View File

@ -1,59 +1,59 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- <!--
Roller Derby Scoreboard Copyright © 2011 Neale Pickett Roller Derby Scoreboard Copyright © 2011 Neale Pickett
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or the Free Software Foundation, either version 3 of the License, or
(at your option) any later version. (at your option) any later version.
This program is distributed in the hope that it will be useful, but This program is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
General Public License for more details. General Public License for more details.
You should have received a copy of the GNU General Public License You should have received a copy of the GNU General Public License
along with this program. If not, see along with this program. If not, see
<http://www.gnu.org/licenses/>. <http://www.gnu.org/licenses/>.
--> -->
<html> <html>
<head> <head>
<title>LADD Scoreboard</title> <title>LADD Scoreboard</title>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="res/scoreboard.css"> <link rel="stylesheet" type="text/css" href="res/scoreboard.css">
<script type="text/javascript" src="logos/logos.js"></script> <script type="text/javascript" src="logos/logos.js"></script>
<script type="text/javascript" src="res/scoreboard.js"></script> <script type="text/javascript" src="res/scoreboard.js"></script>
</head> <script type="text/javascript" src="res/adverts.js"></script>
<body> </head>
<!-- <body>
HTML5 says not to use tables for layout. Since this is <!--
a highly-styled page, it looks awful without CSS. Sorry. HTML5 says not to use tables for layout. Since this is
--> a highly-styled page, it looks awful without CSS. Sorry.
<div id="scoreboard"> -->
<p class="left"> <div id="scoreboard">
<img class="logo" id="logo-a" src="" alt="A" onclick="handle(event);"> <p class="left">
<span class="timeouts" id="timeouts-a" onclick="handle(event);">0</span> <img class="logo" id="logo-a" src="" alt="A" onclick="handle(event);">
<span class="jammer" id="jammer-a" onclick="handle(event);">★</span> <span class="timeouts" id="timeouts-a" onclick="handle(event);">0</span>
<span class="score" id="score-a" onclick="handle(event);">-</span> <span class="jammer" id="jammer-a" onclick="handle(event);">★</span>
</p> <span class="score" id="score-a" onclick="handle(event);">-</span>
</p>
<p class="center"> <p class="center">
<span id="period" onclick="handle(event);">--:--</span> <span id="period" onclick="handle(event);">--:--</span>
<span id="periodtext" onclick="handle(event);"></span> <img id="no-advert" src="error.jpg" onerror="adverterror()">
<span id="jam" onclick="handle(event);">-:--.-</span> <span id="jam" onclick="handle(event);">-:--.-</span>
<span id="jamtext" onclick="handle(event);"></span> <span id="jamtext" onclick="handle(event);"></span>
<span id="jamno" onclick="handle(event);">0</span> </p>
</p>
<p class="right"> <p class="right">
<img class="logo" id="logo-b" src="" alt="B" onclick="handle(event);"> <img class="logo" id="logo-b" src="" alt="B" onclick="handle(event);">
<span class="timeouts" id="timeouts-b" onclick="handle(event);">0</span> <span class="timeouts" id="timeouts-b" onclick="handle(event);">0</span>
<span class="jammer" id="jammer-b" onclick="handle(event);">★</span> <span class="jammer" id="jammer-b" onclick="handle(event);">★</span>
<span class="score" id="score-b" onclick="handle(event);">-</span> <span class="score" id="score-b" onclick="handle(event);">-</span>
</p> </p>
</div> </div>
<div id="notice"> <div id="notice">
</div> </div>
</body> </body>
</html> </html>