reworked logo selection
After Width: | Height: | Size: 187 B |
|
@ -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 |
34
index.html
|
@ -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>
|
||||||
|
|
|
@ -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 |
|
@ -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@woozle.org">neale@woozle.org</a>.
|
||||||
|
</p>
|
||||||
|
<div id="gallery"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -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"]
|
||||||
|
);
|
After Width: | Height: | Size: 9.6 KiB |
After Width: | Height: | Size: 56 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 57 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 10 KiB |
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|