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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
scoreboard/index.mdwn
View File

@ -1,35 +1,46 @@
Title: LADD Roller Derby Scoreboard Title: Woozle Roller Derby Scoreboard
![screenshot](screenshot.png)
A free scoreboard for 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. Supports WFTDA, USARS, RDCL, MADE, and JRDA scoreboard rules.
Impatient? [Try it right now](live/scoreboard.html)! <div style="text-align: center;">
It runs in your browser, but you can install it on the hard drive, <h2>Live Demo</h2>
so you won't need Internet access. <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 Features
------- -------
* Free to use, share, and change (GPLv3). * Free: to use, share, and change (GPLv3).
* Easy to use: simply click on what you want changed. * Easy: just click on what you want to change.
* Optimized for high visibility when using a projector. * Pretty: Optimized for high visibility on projectors.
* Runs on almost everything. * Portable: Runs on almost everything.
Installation Installation
-------- --------
* [Chrome Web Store listing](https://chrome.google.com/webstore/detail/ladd-roller-derby-scorebo/mgdklbiancdieoaabojfabakhlfhiglb?utm_source=woozle) for Chrome and Chromium users. <dl>
* [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. <dt>Chrome / Chromium</dt>
* [Source Code](https://woozle.org/neale/g.cgi/scoreboard/) is also available for anyone who happens to be a *huge nerd*. <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 The scoreboard ships with a bunch of
[preinstalled team logos](logos.html), [preinstalled team logos](logos.html),
@ -47,7 +58,7 @@ Please do this at least a week before your bout!
More Woozle.org Derby Stuff 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. * [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.

30
scoreboard/logos.html
View File

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

7
scoreboard/live/scoreboard.mk → scoreboard/scoreboard.mk
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 TARGETS += $(DESTDIR)/scoreboard/live/index.html
$(DESTDIR)/scoreboard/live/.git: $(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: $(DESTDIR)/scoreboard/live/.git
$(DESTDIR)/scoreboard/live/index.html: /home/neale/projects/scoreboard $(DESTDIR)/scoreboard/live/index.html: /home/neale/projects/scoreboard

18
style.css
View File

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