word/quiz: automatic subpage setup including specific css

[sheet.git] / word / wijzer.plp

diff --git a/word/wijzer.plp b/word/wijzer.plp
deleted file mode 100644 (file)
index 614ab73..0000000
--- a/word/wijzer.plp
+++ /dev/null
@@ -1,56 +0,0 @@
-<(../common.inc.plp)><:
-
-our $wordlistbase;
-
-Html({
-       raw => <<'EOT',
-<script src="/word/put.min.js"></script>
-<script src="/word/quiz.js"></script>
-<script src="/word/wijzer.js"></script>
-<style>
-#quiz {
-       display: grid;
-       grid: auto / 2fr 1fr;
-       margin: 2em 0 1ex;
-       align-items: center;
-       grid-gap: 0 1ex;
-}
-figure {
-       grid-column: 1;
-       grid-row-start: 1;
-       grid-row-end: span 9;
-}
-ul {
-       display: contents;
-}
-li {
-       grid-column: 2;
-       font-size: 20pt;
-       padding: 1ex .2ex;
-       transition: all .5s ease-in;
-}
-li.chosen {background: #FF08}
-.done li.wrong {background: #F008}
-.done li.good {background: #0F08}
-li[onclick]:hover {
-       cursor: pointer;
-       background: #8888;
-}
-
-@media (orientation: portrait) {
-       #quiz {
-               grid: auto / 1fr 1fr;
-       }
-       figure {
-               grid-column: span 2;
-       }
-       li {
-               grid-column: auto;
-       }
-}
-</style>
-EOT
-});
-
-say '<h1>per seconde wijzer</h1><div id=quiz></div>';
-say "<script>new WordWijzer('/$wordlistbase.json')</script>";