More obvious scoreboard download for Chrome

scoreboard/index.mdwn

@@ -25,16 +25,30 @@ Features
 Installation
 --------
 
-<dl>
+<script type="text/javascript">
-<dt>Chrome / Chromium</dt>
+window.addEventListener("load", function () {
-<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>
+	var dl = document.getElementById("download");
+	var dc = document.getElementById("download-chrome");
 
-<dt>Everybody Else</dt>
+	if (window.chrome) {
-<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>
+		dc.style.display = "block";
-</dl>
+		dl.style.display = "none";
+	}
+})
+</script>
 
-A [video tutorial](https://www.youtube.com/watch?v=MXOzmmnHqXU?t=1m1s&utm_source=woozle) is available.
+<ul id="download">
-It's for an older version but is still a good introduction. 
+	<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*.
 

scoreboard/logos.html

@@ -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>

scoreboard/scoreboard.mk

@@ -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
 

style.css

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