word/multichoice.plp

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