More obvious scoreboard download for Chrome

This commit is contained in:
Neale Pickett 2014-01-21 20:16:21 +00:00
parent 89b2189d46
commit 760d8b95fd
6 changed files with 28 additions and 9 deletions

BIN
scoreboard/chrome.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

View File

@ -25,16 +25,30 @@ Features
Installation
--------
<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>
<script type="text/javascript">
window.addEventListener("load", function () {
var dl = document.getElementById("download");
var dc = document.getElementById("download-chrome");
<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>
if (window.chrome) {
dc.style.display = "block";
dl.style.display = "none";
}
})
</script>
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.
<ul id="download">
<li><a href="https://chrome.google.com/webstore/detail/woozle-scoreboard/mgdklbiancdieoaabojfabakhlfhiglb?utm_source=woozle">Chrome Users</a></li>
<li><a href="https://woozle.org/neale/g.cgi/scoreboard/refs/">Everybody Else</a>:
The <a href="https://www.youtube.com/watch?v=lH1VZ2kFatY?utm_source=woozle">installation walkthrough video</a> may help if you don't use Chrome.
</li>
</ul>
<p id="download-chrome" style="display: none; text-align: center;">
<a style="padding: 1em 3em; background: green; color: white; border-radius: 0.2em;" href="https://chrome.google.com/webstore/detail/woozle-scoreboard/mgdklbiancdieoaabojfabakhlfhiglb?utm_source=woozle">⬇ Download</a>
</p>
The [scoreboard operation video](https://www.youtube.com/watch?v=MXOzmmnHqXU&t=1m1s&utm_source=woozle) can help you get started quickly.
[Source Code](https://woozle.org/neale/g.cgi/scoreboard/) is also available for anyone who happens to be a *huge nerd*.

View File

@ -52,7 +52,7 @@ window.onload = gallery;
<p>
Here are the logos currently shipping with the
free <a href="../index.html">LADD Scoreboard</a>. If you'd like
free <a href="/scoreboard/">Woozle 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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

View File

@ -2,6 +2,8 @@ PLAIN += scoreboard
COPY += scoreboard/screenshot.png
COPY += scoreboard/logos.html
COPY += scoreboard/others.html
COPY += scoreboard/other-browsers.png
COPY += scoreboard/chrome.png
TARGETS += $(DESTDIR)/scoreboard/live/index.html

View File

@ -61,6 +61,9 @@ img.left {
float: left;
margin-right: 10px;
}
img.icon {
max-width: 3em;
}
dt {
font-weight: bold;