Overhaul scoreboard page

This commit is contained in:
Neale Pickett 2014-01-20 21:36:28 -07:00
parent 3dabd858a1
commit a2541de233
7 changed files with 144 additions and 17 deletions

View File

@ -1,8 +1,7 @@
Title: Home
Woozle.org provides shells, email, and web hosting for no cost,
without advertisements, and with a focus on security. Accounts are
held by folks who know the right person to ask.
Home of the LADD [roller derby tools](/derby/)
and various [user accounts](/people.html).
<!--
ssh fingerprint for woozle.org: 63:ac:b0:e9:ee:9f:a9:4f:55:0a:4a:42:5d:45:47:06

59
scoreboard/index.mdwn Normal file
View File

@ -0,0 +1,59 @@
Title: LADD Roller Derby Scoreboard
![screenshot](screenshot.png)
A free scoreboard for
Linux, Apple Macintosh, Android, iOS (iPhone or iPad), and Windows PCs.
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.
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.
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*.
Adding Your Team's Logo
--------------------
The scoreboard ships with a bunch of
[preinstalled team logos](logos.html),
including a rainbow of generic logos.
I would be happy to add your team's logo, too!
[Email me](mailto:neale@woozle.org) the largest copy you can find,
and I'll put it in.
SVG, WMF, or PNG files are best.
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.
* [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.
Contact Me
---------
If you'd like me to add your team logo, have an idea for improvement,
or just want to say hi, please [send me an email](mailto:neale@woozle.org).
I especially like hearing from people who are using the software: I love knowing I'm able to help people out.

View File

@ -0,0 +1,8 @@
TARGETS += $(DESTDIR)/scoreboard/live/index.html
$(DESTDIR)/scoreboard/live/.git:
cd $(DESTDIR); git clone /home/neale/projects/scoreboard
$(DESTDIR)/scoreboard/live/index.html: $(DESTDIR)/scoreboard/live/.git
$(DESTDIR)/scoreboard/live/index.html: /home/neale/projects/scoreboard
cd $(DESTDIR)/scoreboard/live; git pull

75
scoreboard/logos.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<title>Roller Derby Logos</title>
<link rel="stylesheet" type="text/css" href="/style.css">
<meta charset="utf-8">
<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(../res/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", team[1]);
i.setAttribute("alt", team[0] + " logo");
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);
}
}
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>

View File

@ -1,8 +0,0 @@
TARGETS += $(DESTDIR)/scoreboard/index.html
$(DESTDIR)/scoreboard/.git:
cd $(DESTDIR); git clone /home/neale/projects/scoreboard
$(DESTDIR)/scoreboard/index.html: $(DESTDIR)/scoreboard/.git
$(DESTDIR)/scoreboard/index.html: /home/neale/projects/scoreboard
cd $(DESTDIR)/scoreboard; git pull

BIN
scoreboard/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 KiB

View File

@ -8,12 +8,6 @@
</head>
<body>
<h1 id="title">TITLE</h1>
<nav>
<ul>
<li><a href="/derby/">Roller Derby</a></li>
<li><a href="/people.html">Homepages</a></li>
</ul>
</nav>
divert(1)
</body>
</html>