mirror of https://github.com/nealey/woozle.org.git
Rework scoreboard section
This commit is contained in:
parent
a2541de233
commit
94341274a5
|
@ -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.
|
||||
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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 <<a href="mailto:neale@woozle.org">neale@woozle.org</a>>
|
||||
</address>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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
|
18
style.css
18
style.css
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue