word/quiz: answer selection styling (hover)
[sheet.git] / word / quiz.plp
1 <(../common.inc.plp)><:
2
3 Html({
4         raw => <<'EOT',
5 <script src="/word/put.min.js"></script>
6 <script src="/word/quiz.js"></script>
7 <style>
8 img {
9         width: 90vw;
10         max-width: 64em;
11         margin: 2em 0 1ex;
12 }
13 li {
14         font-size: 20pt;
15         padding: .2ex;
16 }
17 li:hover {
18         cursor: pointer;
19         background: #8888;
20 }
21 li.wrong {background: #F008}
22 li.good {background: #0F08}
23 </style>
24 EOT
25 });
26 say '<h1 id=quiz>quiz</h1>';