X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/f41031bd19fd54229e1efb846254b5afdbd4331f..d9ec472869a2c33c469cad90a21b221f14f29af3:/word/quiz.plp

diff --git a/word/quiz.plp b/word/quiz.plp
index 00d82d2..dc0e1e0 100644
--- a/word/quiz.plp
+++ b/word/quiz.plp
@@ -1,16 +1,30 @@
 <(../common.inc.plp)><:
 
+our $wordlistbase;
+
 Html({
 	raw => <<'EOT',
 <script src="/word/put.min.js"></script>
 <script src="/word/quiz.js"></script>
 <style>
 img {
-	max-width: 50%;
+	width: 90vw;
+	max-width: 64em;
+	margin: 2em 0 1ex;
+}
+li {
+	font-size: 20pt;
+	padding: .2ex;
 }
-.wrong {background: red}
-.good {background: green}
+li:hover {
+	cursor: pointer;
+	background: #8888;
+}
+li.wrong {background: #F008}
+li.good {background: #0F08}
 </style>
 EOT
 });
-say '<h1>quiz</h1><p id="quiz">test</p>';
+
+say '<h1 id=quiz>quiz</h1>';
+say "<script>new Quiz('/$wordlistbase.json')</script>";