reworked logo selection

This commit is contained in:
Neale Pickett 2011-11-23 21:43:09 -07:00
parent c2fd8dc96c
commit f4c6764f37
18 changed files with 428 additions and 66 deletions

BIN
checkerboard.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 187 B

160
hellokitty.svg Normal file
View File

@ -0,0 +1,160 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) by Marsupilami -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="1024"
height="729"
viewBox="-187.819908 -187.819908 9320.639816 6636.303416"
id="svg10326"
inkscape:version="0.48.1 r9760"
sodipodi:docname="hellokitty.svg"
inkscape:export-filename="/home/neale/tmp/scoreboard/logos/black.png"
inkscape:export-xdpi="18.299999"
inkscape:export-ydpi="18.299999">
<metadata
id="metadata18">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="697"
inkscape:window-height="1005"
id="namedview16"
showgrid="false"
inkscape:object-paths="true"
inkscape:zoom="0.84499314"
inkscape:cx="509.38"
inkscape:cy="346.15303"
inkscape:window-x="0"
inkscape:window-y="15"
inkscape:window-maximized="0"
inkscape:current-layer="svg10326" />
<defs
id="defs10328" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:22;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
d="m 124.26136,401.18669 c -17.1599,297.63555 336.09741,293.4935 384.61851,292.31006 48.5211,-1.18344 415.97971,0.59172 386.98539,-299.41071 C 852.66964,147.33848 667.08313,156.66702 518.3474,156.21428 363.67452,155.74347 146.15503,188.75893 124.26136,401.18669 z"
id="path3836"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="czcac" />
<path
sodipodi:nodetypes="cccccccczcc"
inkscape:connector-curvature="0"
style="fill:#000000;fill-opacity:1;stroke:none"
id="path2995"
d="m 2371.3064,4114.3702 c 0,0 37,241 193,290 0,0 73,22 147,-7 0,0 72,-28 119,-93 0,0 45,-63 54,-158 0,0 7,-66 -3,-173 0,0 -15,-74 -54,-134 0,0 -44,-68 -106,-96 0,0 -469.1426,-162.9385 -512.9158,-114.6523 -43.7732,48.2862 299.5961,136.972 251.5961,161.972 0,0 -114.6803,86.6803 -88.6803,323.6803" />
<path
d="M 4783.9999,4890.7568 C 4783.9999,4890.7568 4664.9999,4970.7568 4497.9999,4964.7568 C 4497.9999,4964.7568 4348.9999,4959.7568 4209.9999,4891.7568 C 4209.9999,4891.7568 4137.9999,4855.7568 4104.9999,4782.7568 C 4104.9999,4782.7568 4072.9998,4712.7568 4083.9998,4625.7568 C 4083.9998,4625.7568 4092.9998,4559.7568 4125.9999,4505.7568 C 4125.9999,4505.7568 4163.9999,4446.7568 4221.9999,4417.7568 C 4221.9999,4417.7568 4333.9999,4343.7568 4491.9999,4346.7568 C 4491.9999,4346.7568 4645.9999,4349.7568 4764.9999,4420.7568 C 4764.9999,4420.7568 4820.9999,4446.7568 4858.9999,4501.7568 C 4858.9999,4501.7568 4895.9999,4555.7568 4903.9999,4619.7568 C 4903.9999,4619.7568 4913.9999,4702.7568 4881.9999,4773.7568 C 4881.9999,4773.7568 4850.9999,4844.7568 4783.9999,4890.7568"
id="path9508"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" />
<path
d="M 4523.9999,4514.7568 C 4523.9999,4514.7568 4626.9999,4522.7568 4681.9999,4587.7568 C 4681.9999,4587.7568 4701.9999,4602.7568 4709.9999,4629.7568 L 4719.9999,4679.7568 C 4719.9999,4679.7568 4718.9999,4709.7568 4696.9999,4735.7568 C 4696.9999,4735.7568 4676.9999,4759.7568 4647.9999,4772.7568 C 4647.9999,4772.7568 4570.9999,4811.7568 4472.9999,4806.7568 C 4472.9999,4806.7568 4371.9999,4802.7568 4303.9999,4752.7568 C 4303.9999,4752.7568 4244.9999,4696.7568 4265.9999,4642.7568 C 4265.9999,4642.7568 4272.9999,4613.7568 4295.9999,4584.7568 C 4295.9999,4584.7568 4317.9999,4556.7568 4344.9999,4541.7568 C 4344.9999,4541.7568 4434.9999,4506.7568 4523.9999,4514.7568"
id="path9510"
style="fill:#d35f5f;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" />
<path
d="m 6503.9998,4119.7568 c 0,0 -37,241 -193,290 0,0 -73,22 -147,-7 0,0 -72,-28 -119,-93 0,0 -45,-63 -54,-158 0,0 -7,-66 3,-173 0,0 15,-74 54,-134 0,0 44,-68 106,-96 0,0 469.1426,-162.9385 512.9158,-114.6523 43.7732,48.2862 -299.5961,136.972 -251.5961,161.972 0,0 114.6803,86.6803 88.6803,323.6803"
id="path9512"
style="fill:#000000;fill-opacity:1;stroke:none"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccczcc" />
<path
style="fill:#2e2e2c;stroke:none;stroke-width:22;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
d="m 179.88312,276.92532 0,137.27923 -82.840912,0 C 139.6461,-80.47402 873.37987,-85.207794 938.46915,396.45292 l -87.57467,0 -2.36688,-111.2435 c -81.65747,34.31981 -519.53084,31.95291 -668.64448,-8.2841 z"
id="path3062"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="ccccccc" />
<path
style="fill:none;stroke:#000000;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 853.26136,488.76136 c 26.03572,1.18345 92.30844,11.83442 113.61039,17.75163"
id="path3838"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 818.94156,564.50162 c 24.85227,1.18344 92.30844,30.76949 121.89448,47.33767"
id="path3840"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 840.24351,421.30519 c 34.31981,-10.65097 132.54545,-14.20129 153.8474,-10.65097"
id="path3842"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 228.40422,569.23539 c -27.21916,5.91721 -88.75812,37.87013 -121.89448,67.45617"
id="path3844"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 188.16721,508.87987 c -30.76948,2.36688 -86.39124,10.65097 -111.243509,22.48539"
id="path3846"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="M 183.43344,435.50649 C 142.01299,423.67207 54.438312,429.58929 33.136364,439.05682"
id="path3848"
inkscape:connector-curvature="0"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
sodipodi:nodetypes="cc" />
<path
style="fill:#b7b7b7;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 3767.3612,2599.9585 c 0,-355.5162 212.3876,-2250.13849 330.8931,-2411.73679 l 1217.2588,55.99849 c -107.7322,301.65015 -311.2826,1811.3539 -257.4165,2382.3345 z"
id="path3852"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" />
<path
sodipodi:nodetypes="ccccccc"
transform="matrix(9.1032969,0,0,9.1032969,-188.388,-187.81991)"
inkscape:connector-curvature="0"
id="path3856"
d="m 179.88312,276.92532 0,137.27923 -82.840912,0 C 139.6461,-80.47402 873.37987,-85.207794 938.46915,396.45292 l -87.57467,0 -2.36688,-111.2435 c -81.65747,34.31981 -519.53084,31.95291 -668.64448,-8.2841 z"
style="fill:none;stroke:#000000;stroke-width:22;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:200.27253723;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="M 5838.2978,769.94261 C 6376.116,872.83289 7139.0243,1331.5903 7465.1249,1681.5177 7504.7714,1222.6917 7479.8737,647.62134 7219.823,301.61753 6825.4554,244.38036 6182.3921,581.63217 5838.2978,769.94261 z"
id="path9502"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" />
<path
sodipodi:nodetypes="cccc"
inkscape:connector-curvature="0"
id="path3850"
d="M 3397.0185,739.47134 C 2859.2003,842.36162 2096.292,1301.119 1770.1914,1651.0464 1730.5449,1192.2204 1755.4426,617.15007 2015.4933,271.14626 2409.8609,213.90909 3052.9242,551.1609 3397.0185,739.47134 z"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:200.27253723;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
</svg>
<!-- version: 20090314, original size: 8945 6260.6636, border: 3% -->

After

Width:  |  Height:  |  Size: 9.8 KiB

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Presentation Timer 2011 Neale Pickett --> <!-- Presentation Timer 2011 Neale Pickett -->
<!-- Placed in the public domain. --> <!-- Placed in the public domain. -->
<!-- Time-stamp: "2011-11-21 23:32:30 neale" --> <!-- Time-stamp: "2011-11-23 15:50:46 neale" -->
<html> <html>
<head> <head>
<title>LADD Roller Derby Scoreboard</title> <title>LADD Roller Derby Scoreboard</title>
@ -21,23 +21,36 @@
<h1>Features</h1> <h1>Features</h1>
<ul> <ul>
<li>Looks <em>good</em></li> <li>
<li>Colors tuned for high-visibility with projectors</li> Easy mouse-driven (with hotkeys) setup and operation
<li>Appearance can be customized in HTML and CSS</li> </li>
<li>Easy setup and operation</li> <li>
<li>Runs in any modern web browser—even smartphones and tablets</li> Looks <em>good</em>, with colors tuned for high-visibility
with projectors
</li>
<li>
Appearance can be customized in HTML and CSS
</li>
<li>
Runs in any modern web browser—even smartphones and
tablets
</li>
<li>
Ships with <a href="logos.html">an ever-expanding set of
team logos</a>
</li>
<li>Uses WFTDA timing</li> <li>Uses WFTDA timing</li>
</ul> </ul>
<h1>Try it!</h1> <h1>Try it!</h1>
<script type="text/javascript" src="logos.js"></script>
<script type="text/javascript" src="scoreboard.js"></script> <script type="text/javascript" src="scoreboard.js"></script>
<table id="scoreboard"> <table id="scoreboard">
<tr> <tr>
<td width="20%" class="team"> <td width="20%" class="team">
<span id="name-a" onclick="handle(event);">-</span> <span id="name-a" onclick="handle(event);">-</span>
<br> <br>
<img src="" alt="A" id="logo-a" onclick="handle(event);" <img src="" alt="☻" id="logo-a" onclick="handle(event);">
onerror="imgfail('a');">
</td> </td>
<td width="60%" rowspan="2"> <td width="60%" rowspan="2">
<p> <p>
@ -54,8 +67,7 @@
<td width="20%" class="team"> <td width="20%" class="team">
<span id="name-b" onclick="handle(event);">-</span> <span id="name-b" onclick="handle(event);">-</span>
<br> <br>
<img src="" alt="B" id="logo-b" onclick="handle(event);" <img src="" alt="☻" id="logo-b" onclick="handle(event);">
onerror="imgfail('b');">
</td> </td>
</tr> </tr>
@ -78,7 +90,7 @@
The scoreboard is implemented in pure HTML5 and JavaScript. The The scoreboard is implemented in pure HTML5 and JavaScript. The
box above is a <em>running scoreboard</em>. If the box works, you box above is a <em>running scoreboard</em>. If the box works, you
can run this scoreboard without installing anything else. Try can run this scoreboard without installing anything else. Try
clicking on the Jam Timer to get things started. clicking on team names, then the Jam Timer, to get things started.
</p> </p>
<h1>Documentation</h1> <h1>Documentation</h1>

113
jammer.svg Normal file
View File

@ -0,0 +1,113 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="468.20706"
height="468.20715"
id="svg2"
version="1.1"
inkscape:version="0.48.2 r9819"
sodipodi:docname="New document 1">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.81454783"
inkscape:cx="205.75501"
inkscape:cy="242.92901"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1020"
inkscape:window-height="580"
inkscape:window-x="0"
inkscape:window-y="16"
inkscape:window-maximized="0" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-134.45868,-281.6472)">
<path
style="opacity:0.98000004;fill:#000000;stroke:none"
d="m 198.33729,676.44742 c 38.55086,40.86267 91.83933,68.05601 152.26403,72.70557 128.90603,9.91904 241.444,-86.53535 251.36305,-215.44137 9.91905,-128.90603 -86.53534,-241.444 -215.44137,-251.36305 -128.90602,-9.91905 -241.44399,86.53534 -251.36304,215.44137 -5.26949,68.48132 19.48636,132.34647 63.17733,178.65748 z m 52.41635,-46.3541 C 209.24917,587.26233 192.62677,523.23845 213.14638,462.89224 242.32981,377.06652 335.57224,331.173 421.39796,360.35643 507.22368,389.53986 553.13995,482.76086 523.95651,568.58658 494.77308,654.41229 401.55208,700.32856 315.72637,671.14513 290.24686,662.4813 268.27775,648.17751 250.75364,630.09332 z"
id="path2985"
inkscape:connector-curvature="0" />
<path
transform="matrix(-0.29350396,-0.42066416,0.42066416,-0.29350396,235.52851,817.65157)"
d="m 654.28571,549.50507 c 0,176.73112 -143.26888,320 -320,320 -176.73112,0 -320.000004,-143.26888 -320.000004,-320 0,-176.73112 143.268884,-320 320.000004,-320 176.73112,0 320,143.26888 320,320 z"
sodipodi:ry="320"
sodipodi:rx="320"
sodipodi:cy="549.50507"
sodipodi:cx="334.28571"
id="path2987"
style="opacity:0.98000004;fill:#ffffff;stroke:none"
sodipodi:type="arc" />
<text
xml:space="preserve"
style="font-size:88px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:8.36999989px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Nimbus Sans L;-inkscape-font-specification:Nimbus Sans L Bold"
id="text2993"
sodipodi:linespacing="125%"
transform="translate(0,-6.1383753)"><textPath
xlink:href="#path2985"
id="textPath3026"><tspan
id="tspan2995"
style="font-size:88px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;letter-spacing:8.36999989px;fill:#ffffff;font-family:Nimbus Sans L;-inkscape-font-specification:Nimbus Sans L Bold">Jammer</tspan></textPath></text>
<path
sodipodi:type="star"
style="opacity:0.98000004;fill:#000000;fill-opacity:1;stroke:none"
id="path3011"
sodipodi:sides="5"
sodipodi:cx="-179.80714"
sodipodi:cy="454.35187"
sodipodi:r1="272.92819"
sodipodi:r2="119.20371"
sodipodi:arg1="-1.5707963"
sodipodi:arg2="-0.94247777"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m -179.80714,181.42368 70.06618,176.49036 189.503954,12.09839 -146.200672,121.17541 47.053694,183.96758 -160.423166,-101.59984 -160.42317,101.59983 47.05371,-183.96757 -146.20067,-121.17543 189.50395,-12.09837 z"
inkscape:transform-center-y="-15.722121"
transform="matrix(0.60325098,0,0,0.60325098,479.02668,242.76538)" />
<text
xml:space="preserve"
style="font-size:88px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Nimbus Sans L;-inkscape-font-specification:Nimbus Sans L Bold"
id="text3030"
sodipodi:linespacing="125%"
transform="translate(0,-3.6830247)"><textPath
xlink:href="#path2987"
id="textPath3034"><tspan
id="tspan3032"
style="font-size:88px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;font-family:Nimbus Sans L;-inkscape-font-specification:Nimbus Sans L Bold">Lead</tspan></textPath></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

74
logos.html Normal file
View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<title>Roller Derby Logos</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
#gallery {
}
#gallery div {
margin:2px;
height:auto;
width:auto;
display: inline-block;
text-align:center;
max-width: 12em;
}
#gallery img
{
background: url(checkerboard.png) #282;
display:inline;
float: none;
margin:3px;
border:3px solid black;
max-width: 10em;
max-height: 10em;
}
#gallery a:hover img
{
border-color: yellow;
}
a {
color: yellow;
}
</style>
<script type="text/javascript" src="logos.js"></script>
<script type="text/javascript">
function gallery() {
var g = document.getElementById("gallery");
for (tn in teams) {
var team = teams[tn];
var d = document.createElement("div");
var a = document.createElement("a");
var i = document.createElement("img");
i.setAttribute("src", "logos/" + team[1]);
i.setAttribute("alt", team[0] + " logo");
a.setAttribute("href", "logos/" + team[1]);
a.appendChild(i);
a.appendChild(document.createElement("br"));
a.appendChild(document.createTextNode(team[2] + " (" + team[0] + ")"));
d.appendChild(a);
g.appendChild(d);
}
}
window.onload = gallery;
</script>
</head>
<body>
<h1>Roller Derby Logo Gallery</h1>
<p>
Here are the logos currently shipping with the
free <a href="index.html">LADD Scoreboard</a>. If you'd like
yours added, email your team name, preferred short name, and logo
to <a href="mailto:neale&#64;woozle.org">neale&#64;woozle.org</a>.
</p>
<div id="gallery"></div>
</body>
</html>

23
logos.js Normal file
View File

@ -0,0 +1,23 @@
teams = [
["Bombs", "bombs.png", "Los Alamos M'Atom Bombs"],
["Animas", "animas.png", "Animas Valley Roller Girls"],
["Taos", "taos.png", "Taos Whiplashes"],
["RIP", "rip.png", "Rollergirls In Pagosa"],
["4CRG", "4crg.png", "4 Corners Roller Girls"],
["DRG", "durango.png", "Durango Roller Girls"],
["S.Fe", "brawlers.png", "Disco Brawlers"],
["Aurora", "aurora.png", "High City Derby Divas"],
["Moab", "moab.png", "Moab Roller Derby"],
["Hobots", "hobots.png", "Albuquerque Ho-Bots"],
["HNR", "hustlen.png", "HCDD Hustle N' Rollers"],
["DD", "doubledown.png", "HCDD Double Down"],
["DCD", "dcd.png", "Duke City Derby"],
["RMRG", "rmrg.png", "Rocky Mountain Roller Girls"],
];
teams.sort();
// Add special teams at the beginning
teams.splice(0, 0,
["Black", "black.png", "Black Team"],
["White", "white.png", "White Team"]
);

BIN
logos/black.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
logos/dcd.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

BIN
logos/doubledown.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
logos/hobots.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

BIN
logos/hustlen.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
logos/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
logos/rmrg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
logos/wftda.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
logos/white.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Presentation Timer 2011 Neale Pickett --> <!-- Presentation Timer 2011 Neale Pickett -->
<!-- Placed in the public domain. --> <!-- Placed in the public domain. -->
<!-- Time-stamp: "2011-11-22 19:26:31 neale" --> <!-- Time-stamp: "2011-11-23 15:41:24 neale" -->
<html> <html>
<head> <head>
<title>LADD Scoreboard</title> <title>LADD Scoreboard</title>
@ -23,6 +23,7 @@
} }
</style> </style>
<link rel="stylesheet" type="text/css" href="scoreboard.css"> <link rel="stylesheet" type="text/css" href="scoreboard.css">
<script type="text/javascript" src="logos.js"></script>
<script type="text/javascript" src="scoreboard.js"></script> <script type="text/javascript" src="scoreboard.js"></script>
<script type="text/javascript"> <script type="text/javascript">
window.onkeypress = key; window.onkeypress = key;
@ -34,8 +35,7 @@
<td width="20%" class="team"> <td width="20%" class="team">
<span id="name-a" onclick="handle(event);">-</span> <span id="name-a" onclick="handle(event);">-</span>
<br> <br>
<img src="" alt="" id="logo-a" onclick="handle(event);" <img src="" alt="☻" id="logo-a" onclick="handle(event);">
onerror="imgfail('a');">
</td> </td>
<td width="60%" rowspan="2"> <td width="60%" rowspan="2">
<p> <p>
@ -52,8 +52,7 @@
<td width="20%" class="team"> <td width="20%" class="team">
<span id="name-b" onclick="handle(event);">-</span> <span id="name-b" onclick="handle(event);">-</span>
<br> <br>
<img src="" alt="" id="logo-b" onclick="handle(event);" <img src="" alt="☻" id="logo-b" onclick="handle(event);">
onerror="imgfail('b');">
</td> </td>
</tr> </tr>

View File

@ -1,7 +1,7 @@
/* /*
* LADD Roller Derby Scoreboard * LADD Roller Derby Scoreboard
* Copyright © 2011 Neale Pickett <neale@woozle.org> * Copyright © 2011 Neale Pickett <neale@woozle.org>
* Time-stamp: <2011-11-22 23:22:32 neale> * Time-stamp: <2011-11-23 20:01:35 neale>
* *
* 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
@ -22,23 +22,6 @@
* must be unique within a page. * must be unique within a page.
*/ */
// Preset list of teams
teams = [
// [Long team name, shortname, logo.png]
["Home Team", "Home"],
["Visitor Team", "Visitor"],
["Los Alamos M'Atom Bombs", "Bombs"],
["Animas Valley Roller Girls", "Animas"],
["Taos Whiplashes", "Taos"],
["Rollergirls In Pagosa", "RIP"],
["4 Corners Roller Girls", "4CRG"],
["Durango Roller Girls", "DRG", "durango.png"],
["Santa Fe Disco Brawlers", "S.Fe", "brawlers.png"],
["Aurora High City Derby Divas", "Aurora"],
["Moab Roller Derby", "Moab"],
["Black Team", "Black"],
["White Team", "White"]
];
/* State names */ /* State names */
var STARTUP = 0; var STARTUP = 0;
@ -49,8 +32,6 @@ var BREAK = 4;
var state = STARTUP; var state = STARTUP;
var preset = {a:0, b:1};
// Create a timer on [element]. // Create a timer on [element].
// If [tenths] is true, show tenths of a second. // If [tenths] is true, show tenths of a second.
// If [callback] is defined, call it when time runs out. // If [callback] is defined, call it when time runs out.
@ -200,13 +181,15 @@ function score(team, points) {
te.innerHTML = ts; te.innerHTML = ts;
} }
function teamname(t, v) { var preset = {a:-1, b:-1};
if (! v) return; function logo_rotate(team, dir) {
var t;
var name = e("name-" + t); preset[team] = (teams.length + preset[team] + dir) % teams.length;
var logo = e("logo-" + t); t = teams[preset[team]];
e("name-" + t).innerHTML = v; e("name-" + team).innerHTML = t[0];
e("logo-" + team).src = "logos/" + t[1];
} }
function handle(event) { function handle(event) {
@ -218,30 +201,27 @@ function handle(event) {
case "name-a": case "name-a":
case "name-b": case "name-b":
if (state == STARTUP) { if (state == STARTUP) {
teamname(team, prompt("Enter team " + team + " name", e.innerHTML)); if (event.ctrlKey) {
var tn = prompt("Enter team " + team + " name", e.innerHTML);
if (tn) {
e.innerHTML = tn;
}
} else {
logo_rotate(team, event.shiftKey?-1:1);
}
} }
break; break;
case "logo-a": case "logo-a":
case "logo-b": case "logo-b":
if (state == STARTUP) { if (state == STARTUP) {
if (event.altKey) { if (event.ctrlKey) {
var u = prompt("Enter URL to team " + team + " logo"); var u = prompt("Enter URL to team " + team + " logo");
if (! u) return; if (u) {
e.src = u; e.src = u;
} else {
var logo;
var t;
preset[team] = (preset[team] + 1) % teams.length;
t = teams[preset[team]];
teamname(team, t[1]);
logo = t[2];
if (! logo) {
logo = (t[1] || "skate").toLowerCase() + ".png";
} }
e.src = "logos/" + logo; } else {
logo_rotate(team, event.shiftKey?-1:1);
} }
} }
break; break;
@ -281,7 +261,12 @@ function handle(event) {
break; break;
case "score-a": case "score-a":
case "score-b": case "score-b":
if (event.shiftKey == 1) { if (event.ctrlKey) {
var s = prompt("Enter score for team " + team, e.innerHTML);
if (s) {
e.innerHTML = s;
}
} else if (event.shiftKey) {
score(team, -1); score(team, -1);
} else { } else {
score(team, 1); score(team, 1);
@ -291,11 +276,6 @@ function handle(event) {
transition(newstate); transition(newstate);
} }
function imgfail(team) {
var logo = e("logo-" + team);
logo.src = "skate.png";
}
function key(e) { function key(e) {
var newstate; var newstate;
@ -342,8 +322,8 @@ function start() {
var p = document.getElementById("period"); var p = document.getElementById("period");
var j = document.getElementById("jam"); var j = document.getElementById("jam");
teamname("a", localStorage.rdsb_name_a || "Home"); e("name-a").innerHTML = localStorage.rdsb_name_a || "Home";
teamname("b", localStorage.rdsb_name_b || "Visitor"); e("name-b").innerHTML = localStorage.rdsb_name_b || "Visitor";
e("logo-a").src = localStorage.rdsb_logo_a || "skate.png"; e("logo-a").src = localStorage.rdsb_logo_a || "skate.png";
e("logo-b").src = localStorage.rdsb_logo_b || "skate.png"; e("logo-b").src = localStorage.rdsb_logo_b || "skate.png";
e("score-a").innerHTML = localStorage.rdsb_score_a || 0; e("score-a").innerHTML = localStorage.rdsb_score_a || 0;

View File

@ -27,7 +27,8 @@ img {
float: none; float: none;
} }
#scoreboard { #scoreboard {
font-size: 2em; font-size: 3em;
font-family: Most Wazted, fantasy; font-family: Most Wazted, fantasy;
border: solid black 4px; border: solid black 4px;
width: 100%;
} }