Rework scoreboard section

This commit is contained in:
Neale Pickett 2014-01-21 06:13:41 +00:00
parent a2541de233
commit 94341274a5
5 changed files with 168 additions and 48 deletions

View File

@ -1,35 +1,46 @@
Title: LADD Roller Derby Scoreboard
Title: Woozle Roller Derby Scoreboard
![screenshot](screenshot.png)
A free scoreboard for
Linux, Apple Macintosh, Android, iOS (iPhone or iPad), and Windows PCs.
Windows PCs, Apple Macintosh, Linux, Chromebooks, and more.
Supports WFTDA, USARS, RDCL, MADE, and JRDA scoreboard rules.
Impatient? [Try it right now](live/scoreboard.html)!
It runs in your browser, but you can install it on the hard drive,
so you won't need Internet access.
<div style="text-align: center;">
<h2>Live Demo</h2>
<iframe src="live/scoreboard.html" width="400" height="300">
<a href="live/scoreboard.html"><img src="screenshot.png"></a>
</iframe>
<p>Click on any part of the scoreboard to make it change.</p>
</div>
Features
-------
* Free to use, share, and change (GPLv3).
* Easy to use: simply click on what you want changed.
* Optimized for high visibility when using a projector.
* Runs on almost everything.
* Free: to use, share, and change (GPLv3).
* Easy: just click on what you want to change.
* Pretty: Optimized for high visibility on projectors.
* Portable: Runs on almost everything.
Installation
--------
* [Chrome Web Store listing](https://chrome.google.com/webstore/detail/ladd-roller-derby-scorebo/mgdklbiancdieoaabojfabakhlfhiglb?utm_source=woozle) for Chrome and Chromium users.
* [Download Page](https://woozle.org/neale/g.cgi/scoreboard/refs/) for everybody else. Download the highest-numbered version `.zip` file, and drag its contents into a new folder. This [video tutorial](https://www.youtube.com/watch?v=lH1VZ2kFatY?utm_source=woozle) walks you through it.
* [Source Code](https://woozle.org/neale/g.cgi/scoreboard/) is also available for anyone who happens to be a *huge nerd*.
<dl>
<dt>Chrome / Chromium</dt>
<dd>Visit <a href="https://chrome.google.com/webstore/detail/ladd-roller-derby-scorebo/mgdklbiancdieoaabojfabakhlfhiglb?utm_source=woozle">Woozle Scoreboard</a> in the web store, install button is in the top-right.</dd>
<dt>Everybody Else</dt>
<dd>The <a href="https://woozle.org/neale/g.cgi/scoreboard/refs/">Download Page</a> has all released versions. Download the highest-numbered version `.zip` file, and drag its contents into a new folder. The <a href="https://www.youtube.com/watch?v=lH1VZ2kFatY?utm_source=woozle">video tutorial</a> walks you through installation.</dd>
</dl>
A [video tutorial](https://www.youtube.com/watch?v=MXOzmmnHqXU?t=1m1s&utm_source=woozle) is available.
It's for an older version but is still a good introduction.
[Source Code](https://woozle.org/neale/g.cgi/scoreboard/) is also available for anyone who happens to be a *huge nerd*.
Adding Your Team's Logo
--------------------
Adding Your Logo
--------------
The scoreboard ships with a bunch of
[preinstalled team logos](logos.html),
@ -47,7 +58,7 @@ Please do this at least a week before your bout!
More Woozle.org Derby Stuff
-----------------------
* [Free Derby Scoreboard Software] contains links to everything I've been able to find. If the LADD Scoreboard isn't for you, check here next.
* [Free Derby Scoreboard Software](others.html) contains links to everything I've been able to find. If the Woozle Scoreboard isn't for you, check here next.
* [Woozle.org derby stuff](/derby/) includes software, hardware (5-foot-tall indoor/outdoor LED scoreboard, anyone?), as well as documents and forms to help smaller teams.

View File

@ -6,6 +6,7 @@
<meta charset="utf-8">
<style type="text/css">
#gallery {
background-color: black;
}
#gallery div {
margin:2px;
@ -17,7 +18,7 @@
}
#gallery img
{
background: url(../res/checkerboard.png) #282;
background: url(live/res/checkerboard.png) #282;
display:inline;
float: none;
margin:3px;
@ -25,36 +26,21 @@
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" src="live/logos/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", team[1]);
i.setAttribute("alt", team[0] + " logo");
i.setAttribute("src", "live/logos/" + team[1]);
i.setAttribute("alt", team[2]);
i.setAttribute("title", team[2]);
a.setAttribute("href", team[1]);
a.appendChild(i);
a.appendChild(document.createElement("br"));
a.appendChild(document.createTextNode(team[2] + " (" + team[0] + ")"));
d.appendChild(a);
g.appendChild(d);
g.appendChild(i);
}
}
@ -62,7 +48,7 @@ window.onload = gallery;
</script>
</head>
<body>
<h1>Roller Derby Logo Gallery</h1>
<h1 id="title">Roller Derby Logo Gallery</h1>
<p>
Here are the logos currently shipping with the

116
scoreboard/others.html Normal file
View File

@ -0,0 +1,116 @@
<!DOCTYPE html>
<html>
<head>
<title>Free Derby Scoreboard Software</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/style.css">
<style type="text/css">
table {
border-collapse: collapse;
}
tr {
border: solid silver 2px;
}
</style>
</head>
<body>
<h1 id="title">Free Derby Scoreboard Software</h1>
<p>
This is a list of no-cost roller derby scoreboard software I have
found. Mine is at the top, because I think it's the best. I might
be wrong, though! Try the rest out and see for yourself.
</p>
<table>
<tr>
<th>Name</th>
<th>Source?</th>
<th>Platform</th>
<th>Notes</th>
</tr>
<tr>
<td><a href="http://woozle.org/scoreboard/">Woozle Scoreboard</a></td>
<td>YES</td>
<td>Web Browser</td>
<td>Easy to operate, easy to read, easy to install. Also, I wrote it :)</td>
</tr>
<tr>
<td><a href="http://sourceforge.net/projects/derbyscoreboard/">CRD Scoreboard</a></td>
<td>YES</td>
<td>Java</td>
<td>Packed with features, well-supported, very popular. I'm on good terms with several of the developers.</td>
</tr>
<tr>
<td><a href="http://www.rinxter.com/">Rinxter</a></td>
<td>no</td>
<td>Windows</td>
<td>If Oracle made a scoreboard, this would be it. It's <strong>massive</strong>: generates reports!</td>
</tr>
<tr>
<td><a href="http://rdnation.com/roller-derby-scoreboard">Thor's Hammer</a></td>
<td>no</td>
<td>Windows</td>
<td>I feel like they're trying to make a better CRD. Actively maintained.</td>
</tr>
<tr>
<td><a href="http://poang.gg/">POÄNG</a> (formerly <a href="http://www.david.kleinschmidt.name/qcrg-scoreboard/">QCRG Scoreboard</a>)</td>
<td>YES</td>
<td>Adobe AIR</td>
<td>Nice clean layout, but possibly about to be abandoned.</td>
</tr>
<tr>
<td><a href="http://labs.metro-six.com/derbyscore/">Derby Score</a></td>
<td>YES</td>
<td>Java</td>
<td>Could use some visual polish, but I like the author's attitude.</td>
</tr>
<tr>
<td><a href="http://www.rollerderbyproductions.com/">JamTracker</a></td>
<td>no</td>
<td>Adobe AIR</td>
<td>Busy layout</td>
</tr>
<tr>
<td><a href="http://www.zebrahuddle.com/index.php?action=downloads;sa=view&id=1">DerbyBoard</a></td>
<td>no</td>
<td>Windows</td>
<td>What an incredible waste of screen real estate! I hope you play somewhere very dark.</td>
</tr>
<tr>
<td><a href="http://www.pcscoreboards.com/rollerderbyscoreboardpro/">Scoreboard Pro</a></td>
<td>no</td>
<td>Windows</td>
<td>The author does not appear to have read WFTDA's rules.</td>
</table>
<dl>
<dt>Source?</dt>
<dd>
Whether you can download and modify the source code. Important to
many nerds like myself.
</dd>
<dt>Platform</dt>
<dd>
What you need to buy/install before you can run it.
</dd>
</dl>
<address>
Neale Pickett &lt;<a href="mailto:neale&#64;woozle&#46;org">neale&#64;woozle&#46;org</a>&gt;
</address>
</body>
</html>

View File

@ -1,7 +1,12 @@
PLAIN += scoreboard
COPY += scoreboard/screenshot.png
COPY += scoreboard/logos.html
COPY += scoreboard/others.html
TARGETS += $(DESTDIR)/scoreboard/live/index.html
$(DESTDIR)/scoreboard/live/.git:
cd $(DESTDIR); git clone /home/neale/projects/scoreboard
cd $(DESTDIR)/scoreboard; git clone /home/neale/projects/scoreboard live
$(DESTDIR)/scoreboard/live/index.html: $(DESTDIR)/scoreboard/live/.git
$(DESTDIR)/scoreboard/live/index.html: /home/neale/projects/scoreboard

View File

@ -12,17 +12,11 @@ body {
}
h1#title {
color: #ccc;
font-size: 1.5em;
color: #888;
font-size: 2em;
font-weight: bold;
margin: 0;
}
h1#title:before {
content: "Woozle";
font-size: 3em;
font-weight: normal;
padding-right: 1em;
}
nav {
font-size: 80%;
@ -56,6 +50,9 @@ h2 {
font-size: 115%;
}
img {
max-width: 80%;
}
a img
{
border: 1px #e8b solid;
@ -65,6 +62,11 @@ img.left {
margin-right: 10px;
}
dt {
font-weight: bold;
}
pre {
background-color: #eee;
}