summaryrefslogtreecommitdiff
path: root/Master/texmf-dist/doc/latex/webquiz
diff options
context:
space:
mode:
authorKarl Berry <karl@freefriends.org>2019-03-16 22:43:33 +0000
committerKarl Berry <karl@freefriends.org>2019-03-16 22:43:33 +0000
commit7e80fa208736f4ab99b1d57dd1571da41f1e3744 (patch)
tree606bd82a5737d587ef239fd58a5a58c256666178 /Master/texmf-dist/doc/latex/webquiz
parent9de7d0ea371387f647487812b48b51030c739bdf (diff)
webquiz
git-svn-id: svn://tug.org/texlive/trunk@50419 c570f23f-e606-0410-a88d-b1316a301751
Diffstat (limited to 'Master/texmf-dist/doc/latex/webquiz')
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/README-doc24
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/README.rst169
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/README-examples2
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.pngbin0 -> 99557 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.tex12
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.pngbin0 -> 62058 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.tex10
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.pngbin0 -> 110351 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.tex16
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-number.pngbin0 -> 95333 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-number.tex16
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-star.pngbin0 -> 123364 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-star.tex16
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-string.pngbin0 -> 68023 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/answer-string.tex11
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.pngbin0 -> 37678 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.tex5
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.pngbin0 -> 76590 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.tex20
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/choice-single.pngbin0 -> 65989 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/choice-single.tex13
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.jpgbin0 -> 35512 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.pngbin0 -> 103994 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.tex16
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.pngbin0 -> 34269 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.tex11
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.pngbin0 -> 84118 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.tex12
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/discussion.pngbin0 -> 157520 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/discussion.tex11
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.pngbin0 -> 92928 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.tex16
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/french.pngbin0 -> 90407 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/french.tex19
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/index-cz.pngbin0 -> 60597 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/index-cz.tex15
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/index-en.pngbin0 -> 63504 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/index-en.tex11
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/montypython.pngbin0 -> 45495 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/montypython.tex12
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/nounits.pngbin0 -> 13972 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/nounits.tex4
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/onepage.pngbin0 -> 153578 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/onepage.tex15
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.pngbin0 -> 152800 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.tex22
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.pngbin0 -> 119053 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.tex27
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.pngbin0 -> 151626 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.tex251
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/quizindex-dropdown.pngbin0 -> 37678 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/random.pngbin0 -> 74129 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/random.tex8
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/simple-html.pngbin0 -> 98108 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/simple-pdf.pngbin0 -> 12342 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/simple.tex22
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.pngbin0 -> 142758 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.pngbin0 -> 147537 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.pngbin0 -> 145332 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-default.pngbin0 -> 145410 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-default.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.pngbin0 -> 148481 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.pngbin0 -> 144392 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-light.pngbin0 -> 143177 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-light.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.pngbin0 -> 136481 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.pngbin0 -> 142632 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.pngbin0 -> 141155 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.pngbin0 -> 137510 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.pngbin0 -> 145965 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.tex90
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.pngbin0 -> 68561 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.tex19
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.pdfbin0 -> 149401 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.tex624
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz.languages3
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz.pdfbin0 -> 3594920 bytes
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz.settings21
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz.tex2306
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz.themes2
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/webquiz.usage23
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-blue.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkblue.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkred.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-default.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-earthy.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-fresh.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-light.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-lively.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-muted.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-sleek.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-spring.css1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-vibrant.css1
l---------Master/texmf-dist/doc/latex/webquiz/www/doc/examples1
l---------Master/texmf-dist/doc/latex/webquiz/www/doc/webquiz-online-manual.tex1
-rw-r--r--Master/texmf-dist/doc/latex/webquiz/www/js/webquiz.js1
105 files changed, 4879 insertions, 0 deletions
diff --git a/Master/texmf-dist/doc/latex/webquiz/README-doc b/Master/texmf-dist/doc/latex/webquiz/README-doc
new file mode 100644
index 00000000000..4c27dd387ea
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/README-doc
@@ -0,0 +1,24 @@
+The WebQuiz doc directory contains the follow files:
+ - webquiz.tex The LaTeX source for the WebQuiz manual
+ - webquiz.pdf A PDF version of the WebQuiz manual
+ - webquiz-online-manual.pdf A PDF version of the online manual
+ - webquiz.1 A unix manual page (converted from the ctan README file)
+
+The following files are included by the WebQuiz manual:
+ - webquiz.languages List of languages of the themes supported by WebQuiz.
+ - webquiz.settings List of settings supported by WebQuiz.
+ - webquiz.themes List of themes supported by WebQuiz.
+ - webquiz.usage The command-line options supported by WebQuiz.
+ - examples/ This directory contains the images that are
+ included by the WebQuiz manual. Once WebQuiz
+ has been initialised, the source files for
+ these images can be found in the WebQuiz web
+ directory
+
+The www subdirectory contains the files that are copied onto the local web
+server when WebQuiz is initialised, In particular, www itself contains a doc
+subdirectory that contains the source for the online manual:
+ - webquiz-online-manual.tex The LaTeX source for online WebQuiz manual
+ This file can be compiled with webquiz. It
+ uses pstricks and so must be compiled latex,
+ not pdflatex, to produce a PDF version
diff --git a/Master/texmf-dist/doc/latex/webquiz/README.rst b/Master/texmf-dist/doc/latex/webquiz/README.rst
new file mode 100644
index 00000000000..60d0f52181f
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/README.rst
@@ -0,0 +1,169 @@
+====================================================
+WebQuiz: a LaTeX_ package for writing online quizzes
+====================================================
+
+WebQuiz_ makes it possible to use LaTeX_ to write interactive online quizzes.
+The quizzes are first written in LaTeX_ and then converted into HTML using
+WebQuiz_, which is written in python. The conversion from LaTeX_ to HTML is
+done behind the scenes using TeX4ht_. The idea is that you should be able to
+produce nice online quizzes using WebQuiz_ and basic knowledge of LaTeX_.
+
+WebQuiz_ is designed to be used from the command-line. For example, if
+`quiz1.tex` is a LaTeX file for a quiz then:
+
+:`latex quiz1`:
+ produces a "readable" DVI file for the quiz
+:`pdflatex quiz1`:
+ produces a "readable" PDF file for the quiz
+:`webquiz quiz1`:
+ creates the web page `quiz1.html`
+
+If you prefer to use LaTeX_ from a GUI for LaTeX_ then it should be possible to
+configure it to use WebQuiz_ directly. As an example, the manual provides some
+details about how to do this for TeXShop.
+
+Usage
+-----
+
+usage: webquiz [-h] [-q] [-d] [-s] [--latex | -l | -x] [-r RCFILE]
+ [-i | -e | --settings [SETTINGS]]
+ [quiz_file [quiz_file ...]]
+
+A LaTeX package for writing online quizzes
+
+positional arguments:
+ quiz_file latex quiz files
+
+optional arguments:
+ -h, --help show this help message and exit
+ -q, --quiet Suppress tex4ht messages (also -qq etc)
+ -d, --draft Use make4ht draft mode
+ -s, --shell-escape Shell escape for tex4ht/make4ht
+ --latex Use latex to compile document with make4ht (default)
+ -l, --lua Use lualatex to compile the quiz
+ -x, --xelatex Use xelatex to compile the quiz
+ -r RCFILE, --rcfile RCFILE
+ Specify location of the webquiz rc-file
+ -i, --initialise Install web components of webquiz
+ -e, --edit-settings Edit default settings for webquiz
+ --settings <SETTINGS>
+ List default settings for webquiz
+
+Installation
+------------
+To use WebQuiz_ you need to have a standard LaTeX_ distribution installed, such as TeXLive_, that includes TeX4ht_. In addition, you need to have Python3_ installed. As WebQuiz_ uses scalable vector graphics (SVG) you should check that all of the dependencies of dvisvgm_ are installed on your system, especially if you plan on using graphics or images.
+
+Once the TeX components of WebQuiz_ package have been installed you can install the web components of WebQuiz_ using the following command, which needs to be run from the command line:
+
+> webquiz --initialise
+
+If you want to install the web components of WebQuiz_ into a system directory then you need to run this command from an administrators account, so using `sudo` on a unix-like system. For more details about the installation and configuration of WebQuiz_ please see Section 3.2 of the WebQuiz_ manual.
+
+Please see the manual for more details about initialising and using WebQuiz_.
+
+Installation from ctan
+----------------------
+If you are installing WebQuiz using the zip file from ctan, as opposed to
+installing the package from TeX distribution like TeXLive, then the following
+steps are recommended:
+
+- Create a symbolic link, or equivalent, to the main WebQuiz executable, which
+ is the file webquiz.py in the scripts directory
+- Copy the latex directory to somewhere in TeX search path, or set your
+ TEXINPUTS environment variable appropriately, and then run `mktexlsr` or
+ equivalent so that LaTeX and WebQuiz can find these files.
+- Ideally the doc subdirectory should be copied into the doc/layetx subdirecory
+ of the main TeX distribution.
+
+If you are using a unix system, or macosx, there is an (undocumented)
+command-line option `--tex-install` that installs the three different
+components of WebQuiz_ into the standard locations in the TeXLive
+tree:
+
+- $TEXMFMAIN/tex/latex/webquiz all LaTeX files
+- $TEXMFMAIN/scripts/webquiz the python programs
+- $TEXMFMAIN/doc/latex/webquiz the documentation and web components
+- A symbolic link is made from the TeX bin directory to the main
+ WebQuiz executable $TEXMFMAIN/scripts/webquiz/webquiz.py
+
+To install these files in TEXMFMAIN you will almost certainly need
+adminsistrator or root privledges, so on a unix-like system you will
+need to use:
+
+> sudo webquiz/scripts/webquiz --tex-install
+
+In principle, this command may also work on a windows computer,
+provided that the command `kpsewhich` is available, but this is
+untested.
+
+Once the files above are in place initialise WebQuiz by following the
+installation instructions above.
+
+Mainly for development purposes, there is another undocumented
+command-line option for removing these files from TEXMFMAIN:
+
+> sudo webquiz/scripts/webquiz --tex-uninstall
+
+System requirements
+-------------------
+
+In order to work WebQuiz needs the following programs to be installed on your
+system:
+
+* An up-to-date LaTeX_ distribution, such as that provided by TeXLive_. In
+ particular, you need to have TeX4ht_ and make4ht_ installed.
+ Unfortunately, since TeXLive 2018 was released there have been a significat
+ bunber of updates to a number of packahges that WebQuiz_ uses, including
+ updates to TeX4ht_, make4ht_, tikz_ and pstricks_. For this reason, *it is
+ strongly recommended that you all packages from ctan_ before using WebQuiz_*.
+
+* python3_ As of writing python 3.7.2 is available.
+
+* Javascript_
+
+* If you plan to use pstricks_ with WebQuiz_, or if you want to
+ compile the online manual for WebQuiz, then you need to ensure that
+ ghostscript_ and dvisvgm_ are installed and properly configured on your
+ system. See the WebQuiz_ manual and the dvisvgm_ documentation for more
+ details
+
+* A web server. To view online quizzes you of course need a web server. As
+ described in the **Installation** section you will also need to copy of the
+ WebQuiz_ components onto your web server using the command:
+
+ > webquiz --initialise
+
+Authors
+-------
+The LaTeX component of WebQuiz_ was written by Andrew Mathas and the python, css and javascript code was written by Andrew Mathas (and Don Taylor), based on an initial protype of Don Taylor's from 2001. Since 2004 the program has been maintained and developed by Andrew Mathas. Although the program has changed substantially since 2004 Don's idea of using TeX 4ht, and some of his code, is still very much in use.
+
+Copyright (C) 2004-2019
+
+License
+-------
+GNU General Public License, Version 3, 29 June 2007
+
+This program is free software: you can redistribute it and/or modify it
+under the terms of the GNU\_General Public License
+(GPL_) as published by
+the Free Software Foundation, either version 3 of the License, or (at
+your option) any later version.
+
+This program is distributed in the hope that it will be useful, but
+WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
+Public License for more details.
+
+.. _GPL: https://www.gnu.org/licenses/gpl-3.0.en.html
+.. _LaTeX: https://www.latex-project.org/
+.. _Python3: https://www.python.org
+.. _TeX4ht: http://www.tug.org/tex4ht/
+.. _TeXLive: https://www.tug.org/texlive/
+.. _WebQuiz: https://github.com/AndrewAtLarge/WebQuiz/
+.. _ctan: https://ctan.org/
+.. _dvisvgm: https://ctan.org/pkg/dvisvgm
+.. _ghostscript: https://www.ghostscript.com
+.. _javascript: https://www.javascript.com
+.. _make4ht: https://ctan.org/pkg/make4ht
+.. _pstricks: https://ctan.org/pkg/pstricks
+.. _tikz: https://ctan.org/pkg/tikz
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/README-examples b/Master/texmf-dist/doc/latex/webquiz/examples/README-examples
new file mode 100644
index 00000000000..42a73d3bf05
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/README-examples
@@ -0,0 +1,2 @@
+The tex and png files in this directory are used to build the WebQuiz manual.
+Each tex file can be compiled using (pdf)latex and webquiz.
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.png b/Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.png
new file mode 100644
index 00000000000..12ae5938a08
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.tex b/Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.tex
new file mode 100644
index 00000000000..603e666c07c
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-complex.tex
@@ -0,0 +1,12 @@
+\documentclass[onepage]{webquiz}
+\title{An answer with comparison=complex}
+\begin{document}
+ \begin{question} % a quiz question
+ If $a=3-i$ and $b=2+i$ then what is $ab$?
+ \answer[complex]{7+i} (Correct answer $7+i$)
+ \end{question}
+ \begin{question} % a quiz question
+ If $a=3-i$ and $b=2+i$ then what is $ab$?
+ \answer[complex]{7+i} (Correct answer $7+i$)
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.png b/Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.png
new file mode 100644
index 00000000000..d3da5be8e31
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.tex b/Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.tex
new file mode 100644
index 00000000000..76b922be157
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-integer.tex
@@ -0,0 +1,10 @@
+\documentclass[hidesidemenu]{webquiz}
+\title{An answer with comparison=integer}
+\begin{document}
+ \begin{question} % a quiz question
+ How long is a piece of string?
+ \answer[integer]{18} mm (Correct answer $18$)
+ \whenRight Yes, $18$mm pieces of string are $18$mm long!
+ \whenWrong Incorrect! Is your ruler working?
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.png b/Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.png
new file mode 100644
index 00000000000..71a39e4cc42
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.tex b/Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.tex
new file mode 100644
index 00000000000..c0c8665794b
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-lowercase.tex
@@ -0,0 +1,16 @@
+\documentclass[onepage]{webquiz}
+\title{An answer with comparison=lowercase}
+\begin{document}
+ \begin{question} % a quiz question
+ How long is a piece of string?
+ \answer[lowercase]{Long} (Correct answer ``Long'')
+ \whenRight Correct! Obviously your ruler is working!
+ \whenWrong Incorrect! Is your ruler working?
+ \end{question}
+ \begin{question} % a quiz question
+ How long is a piece of string?
+ \answer[lowercase]{lonG} (Correct answer ``Long'')
+ \whenRight Correct! Obviously your ruler is working!
+ \whenWrong Incorrect! Is your ruler working?
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-number.png b/Master/texmf-dist/doc/latex/webquiz/examples/answer-number.png
new file mode 100644
index 00000000000..8dcbfd40988
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-number.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-number.tex b/Master/texmf-dist/doc/latex/webquiz/examples/answer-number.tex
new file mode 100644
index 00000000000..1584b448a7e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-number.tex
@@ -0,0 +1,16 @@
+\documentclass[onepage]{webquiz}
+\title{An answer with comparison=number}
+\begin{document}
+ \begin{question} % a quiz question
+ What is $\frac12+\frac14$?
+ \answer[number]{3/4} (Correct answer $3/4$)
+ \whenRight Correct!
+ \whenWrong Incorrect! Is your ruler working?
+ \end{question}
+ \begin{question} % a quiz question
+ What is $\frac12+\frac14$?
+ \answer[number]{3/4} (Correct answer $3/4$)
+ \whenRight Correct!
+ \whenWrong Incorrect! Is your ruler working?
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-star.png b/Master/texmf-dist/doc/latex/webquiz/examples/answer-star.png
new file mode 100644
index 00000000000..af5936d3f7e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-star.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-star.tex b/Master/texmf-dist/doc/latex/webquiz/examples/answer-star.tex
new file mode 100644
index 00000000000..bb708cd203b
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-star.tex
@@ -0,0 +1,16 @@
+\documentclass[onepage]{webquiz}
+\title{An answer$*$ (and comparison=string)}
+\begin{document}
+ \begin{question} % a quiz question
+ What is the capital of Australia?
+ \answer*{Canberra} (Correct answer ``Canberra'')
+ \whenRight Yes, Sydney is the capital of NSW.
+ \whenWrong Remember to correctly capitalise your answer!
+ \end{question}
+ \begin{question} % a quiz question
+ What is the capital of Australia?
+ \answer{Canberra} (Correct answer ``Canberra'')
+ \whenRight Yes, Sydney is the capital of NSW.
+ \whenWrong Remember to correctly capitalise your answer!
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-string.png b/Master/texmf-dist/doc/latex/webquiz/examples/answer-string.png
new file mode 100644
index 00000000000..a88fa003072
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-string.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/answer-string.tex b/Master/texmf-dist/doc/latex/webquiz/examples/answer-string.tex
new file mode 100644
index 00000000000..d8884058a59
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/answer-string.tex
@@ -0,0 +1,11 @@
+\documentclass[hidesidemenu]{webquiz}
+\title{An answer with comparison=string}
+\begin{document}
+ \begin{question} % a quiz question
+ What is the capital of Australia?
+ \answer[string]{Canberra} (Correct answer ``Canberra'')
+ \whenRight Yes, Sydney is the capital of NSW and Melbourne is the
+ capital of Victoria
+ \whenWrong Remember to correctly capitalise your answer!
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.png b/Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.png
new file mode 100644
index 00000000000..7ebf52b0d35
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.tex b/Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.tex
new file mode 100644
index 00000000000..2de97a94e5c
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/breadcrumbs.tex
@@ -0,0 +1,5 @@
+\documentclass[hidesidemenu]{webquiz}
+\BreadCrumbs{ Mathematics / | Math101 /u/math101 | quizindex | title }
+\title{Quiz 1: Loafing around}
+\begin{document}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.png b/Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.png
new file mode 100644
index 00000000000..8f5cd6ca5f9
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.tex b/Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.tex
new file mode 100644
index 00000000000..d52e78f981c
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/choice-multiple.tex
@@ -0,0 +1,20 @@
+\documentclass[theme=vibrant]{webquiz}
+\title{A multiple choice example with zero or more correct answers}
+\renewcommand\thechoice{\roman{choice})}
+\begin{document}
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in three columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$
+ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $1$ \feedback One is not a prime number because it
+ is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$
+ and $97$
+ \end{choice}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/choice-single.png b/Master/texmf-dist/doc/latex/webquiz/examples/choice-single.png
new file mode 100644
index 00000000000..e6828effa48
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/choice-single.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/choice-single.tex b/Master/texmf-dist/doc/latex/webquiz/examples/choice-single.tex
new file mode 100644
index 00000000000..76537144f00
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/choice-single.tex
@@ -0,0 +1,13 @@
+\documentclass{webquiz}
+\title{A multiple choice question with a unique answer}
+\begin{document}
+ \begin{question} % a quiz question
+ What is the cube root of $64$?
+ \begin{choice}[columns=4]% unique answer rendered in four columns
+ \incorrect 1 \feedback No, $1^3=1$
+ \incorrect 2 \feedback No, $2^3=8$
+ \incorrect 3 \feedback No, $3^3=27$
+ \correct 4 \feedback Yes, $4^3=64$
+ \end{choice}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.jpg b/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.jpg
new file mode 100644
index 00000000000..9eac32a0305
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.jpg
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.png b/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.png
new file mode 100644
index 00000000000..ab58f5e534d
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.tex b/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.tex
new file mode 100644
index 00000000000..1382487ccb0
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/ctanLion.tex
@@ -0,0 +1,16 @@
+\documentclass{webquiz}
+\usepackage[dvipdfmx]{graphicx}
+\DeclareGraphicsExtensions{.jpg}
+\title{I am not Lion to you}
+\begin{document}
+ \begin{question}
+ Do you recognise this Lion?
+ \begin{center}
+ \includegraphics[height=30mm]{ctanLion.jpg}
+ \end{center}
+ \begin{choice}
+ \correct Yes! \feedback This is the \TeX{} lion!
+ \incorrect No! \feedback You are legally required to admire this lion!
+ \end{choice}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.png b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.png
new file mode 100644
index 00000000000..cd20eb79d2c
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.tex b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.tex
new file mode 100644
index 00000000000..5a541543323
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-Qref.tex
@@ -0,0 +1,11 @@
+\documentclass[hidesidemenu]{webquiz}
+\title{A Qref example}
+\begin{document}
+ \begin{discussion}[First bit]\label{d:one}
+ Some interesting discussion related to question \Qref{1} or \Qref*{1}
+ or \Qref[Start Quiz]{1} or \Qref*[Start Quiz]{1}
+ \end{discussion}
+ \begin{question}\label{q:one}
+ An interesting question relating to discussion \dref{d:one}\answer{1}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.png b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.png
new file mode 100644
index 00000000000..d5b12cdc49f
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.tex b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.tex
new file mode 100644
index 00000000000..b51c9037044
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/discussion-ref.tex
@@ -0,0 +1,12 @@
+\documentclass[onepage]{webquiz}
+\title{A dref and qref example}
+\begin{document}
+ \begin{discussion}[First bit][First discussion item]\label{d:one}
+ Some cross-references to question 1: \qref{q:one}, \qref*{q:one},
+ \qref[some text]{q:one}, and \qref*[some text]{q:one}.
+ \end{discussion}
+ \begin{question}\label{q:one}
+ Cross-references to discussion: \answer{1} \dref{d:one}, \dref*{d:one},
+ \dref[some text]{d:one} and \dref*[some text]{d:one}.
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/discussion.png b/Master/texmf-dist/doc/latex/webquiz/examples/discussion.png
new file mode 100644
index 00000000000..3e8bcd79f89
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/discussion.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/discussion.tex b/Master/texmf-dist/doc/latex/webquiz/examples/discussion.tex
new file mode 100644
index 00000000000..80154d10ecd
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/discussion.tex
@@ -0,0 +1,11 @@
+\documentclass[theme=muted]{webquiz}
+\usepackage{lipsum}% for some random text
+\title{A discussion environment example}
+\begin{document}
+ \begin{discussion}[First bit]
+ \lipsum[1]
+ \end{discussion}
+ \begin{discussion}[Two][Second bit]
+ \lipsum[2]
+ \end{discussion}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.png b/Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.png
new file mode 100644
index 00000000000..062a0f4edfa
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.tex b/Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.tex
new file mode 100644
index 00000000000..e82fe2e9d6c
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/display-as-image.tex
@@ -0,0 +1,16 @@
+\documentclass{webquiz}
+\usepackage[version=4]{mhchem}
+\Department{Chemistry}
+\UnitCode{Chem101}\UnitURL{/chem101}
+\title{Display as image example}
+\begin{document}
+ \DisplayAsImage[style="vertical-align: middle;"]{ce}
+ \begin{question}
+ What is \ce{(NH4)2S}?
+ \begin{choice}[columns=1]
+ \correct Ammonium sulfide
+ \incorrect Ammonium hydrosulfide
+ \feedback This is \ce{(NH4)HS}
+ \end{choice}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/french.png b/Master/texmf-dist/doc/latex/webquiz/examples/french.png
new file mode 100644
index 00000000000..0d038e7fbc1
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/french.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/french.tex b/Master/texmf-dist/doc/latex/webquiz/examples/french.tex
new file mode 100644
index 00000000000..928a4db1266
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/french.tex
@@ -0,0 +1,19 @@
+\documentclass[language=french]{webquiz}
+\usepackage[french]{babel}
+\usepackage[T1]{fontenc}
+\title{Quiz Français}
+\begin{document}
+ \begin{question}
+ Sous forme d’inéquation, $x\in[1,2]$ s’écrit aussi
+ \begin{choice}[columns=2]
+ \correct $1\le x\le 2$
+ \incorrect $1\ge x\ge 2$
+ \feedback L’ordre croissant est-il respecté?
+ \incorrect $1<x<2$
+ \feedback L’intervalle est-il ouvert ou fermé?
+ \incorrect $1<x\le 2$
+ \feedback Les bornes sont-elles incluses ou exclues?
+ \end{choice}
+ \end{question}
+\end{document}
+
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/index-cz.png b/Master/texmf-dist/doc/latex/webquiz/examples/index-cz.png
new file mode 100644
index 00000000000..874b857a9b0
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/index-cz.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/index-cz.tex b/Master/texmf-dist/doc/latex/webquiz/examples/index-cz.tex
new file mode 100644
index 00000000000..0fe06847858
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/index-cz.tex
@@ -0,0 +1,15 @@
+\documentclass[hidesidemenu,language=czech]{webquiz}
+\usepackage[czech]{babel}
+\usepackage[T1]{fontenc}
+\Department{Matematika}\DepartmentURL{/}
+\BreadCrumbs{ department | Mat101 /mat101 | breadcrumb }
+\BreadCrumb{ Index kvízů }
+\title{Elementární počet}
+\begin{document}
+ \begin{quizindex}
+ \quiz{Čísla a množiny}
+ \quiz{Polární forma a kořeny složitých čísel}
+ \quiz{Polar exponenciální forma a funkce}
+ \quiz*{Optimalizace funkcí dvou proměnných}
+ \end{quizindex}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/index-en.png b/Master/texmf-dist/doc/latex/webquiz/examples/index-en.png
new file mode 100644
index 00000000000..d3cc14ed55b
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/index-en.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/index-en.tex b/Master/texmf-dist/doc/latex/webquiz/examples/index-en.tex
new file mode 100644
index 00000000000..317f24f8bb4
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/index-en.tex
@@ -0,0 +1,11 @@
+\documentclass[hidesidemenu]{webquiz}
+\BreadCrumbs{ Mathematics / | Math101 /math101 | Index of quizzes }
+\title{Elementary calculus}
+\begin{document}
+ \begin{quizindex}
+ \quiz{Numbers and sets}
+ \quiz{Polar form and roots of complex numbers}
+ \quiz{Polar exponential form and functions}
+ \quiz*{Optimizing functions of two variables}
+ \end{quizindex}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/montypython.png b/Master/texmf-dist/doc/latex/webquiz/examples/montypython.png
new file mode 100644
index 00000000000..3352fb8c70a
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/montypython.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/montypython.tex b/Master/texmf-dist/doc/latex/webquiz/examples/montypython.tex
new file mode 100644
index 00000000000..738424f8790
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/montypython.tex
@@ -0,0 +1,12 @@
+\documentclass[hidesidemenu]{webquiz}
+\BreadCrumbs{ Monty Python http://www.montypython.com/
+ | Our work http://www.montypython.com/ourwork
+ | The Meaning of life http://www.montypython.com/film_Monty\%20Python's\%20The\%20Meaning\%20of\%20Life\%20(1983)/17
+}
+\title{I didn't even eat the mousse...}
+\begin{document}
+ \begin{question}
+ What is the meaning of life?
+ \answer{42}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/nounits.png b/Master/texmf-dist/doc/latex/webquiz/examples/nounits.png
new file mode 100644
index 00000000000..505e0fd6cd0
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/nounits.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/nounits.tex b/Master/texmf-dist/doc/latex/webquiz/examples/nounits.tex
new file mode 100644
index 00000000000..593c6c75d7e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/nounits.tex
@@ -0,0 +1,4 @@
+\documentclass[hidesidemenu]{webquiz}
+\BreadCrumb{Wholemeal bread}
+\BreadCrumbs{unitcode|quizindex|breadcrumb}
+\begin{document}\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/onepage.png b/Master/texmf-dist/doc/latex/webquiz/examples/onepage.png
new file mode 100644
index 00000000000..3609a37023d
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/onepage.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/onepage.tex b/Master/texmf-dist/doc/latex/webquiz/examples/onepage.tex
new file mode 100644
index 00000000000..6c47025a886
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/onepage.tex
@@ -0,0 +1,15 @@
+\documentclass[onepage]{webquiz}
+\title{A one page quiz}
+\begin{document}
+ \begin{discussion}[One short][The full heading for discussion one]
+ This is discussion $1$ (one). It is very interesting.
+ \end{discussion}
+ \begin{discussion}[Two short][The full heading for discussion two]
+ This is discussion $2$ (two). It is very interesting.
+ \end{discussion}
+ \begin{question} Is this question $1$ (one)? \answer{1}\end{question}
+ \begin{question} Is a good question?
+ \begin{choice}\correct Yes \incorrect no\end{choice}
+ \end{question}
+ \begin{question} Is this question $3$ (three)? \answer{3}\end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.png b/Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.png
new file mode 100644
index 00000000000..c678150ba18
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.tex b/Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.tex
new file mode 100644
index 00000000000..a6755167b64
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/pst2pdf.tex
@@ -0,0 +1,22 @@
+\documentclass[pst2pdf]{webquiz}
+\usepackage{pst-all,pst-3dplot}
+\title{A pst2pdf example}
+\begin{document}
+ \begin{question} % a quiz question
+ Which of the equations below could describe the following surface?
+
+ \begin{pspicture*}(-4,-4)(4,4)
+ \psplotThreeD[linecolor=blue, plotstyle=curve, drawStyle=yLines,
+ yPlotpoints=30, xPlotpoints=30, linewidth=1pt](-4,1)(-4,1){
+ x dup mul y dup mul add 1.01 exp}
+ \pstThreeDCoor[linewidth=1pt, xMin=-4,xMax=4,yMin=-4,yMax=4,zMin=-2,zMax=6]
+ \end{pspicture*}
+
+ \begin{choice}
+ \incorrect \( z=\log(x^2+y^2) \)
+ \correct \( z=e^{x^2+y^2} \)
+ \incorrect \( z=1-e^{x^2+y^2} \)
+ \incorrect \( z=\dfrac1{x^2+y^2}\)
+ \end{choice}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.png b/Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.png
new file mode 100644
index 00000000000..5f2709dc3be
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.tex b/Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.tex
new file mode 100644
index 00000000000..ff6b961d45e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/pstricks-ex.tex
@@ -0,0 +1,27 @@
+\documentclass[svgnames]{webquiz}
+\usepackage{pst-all}
+\newcommand\C{\mathbb{C}}
+\title{A pstricks example}
+\begin{document}
+ \begin{question}
+ The shaded region in the graph
+ \begin{center}
+ \begin{pspicture}[unit=0.6cm](-3,-1.5)(3,4)
+ \pscircle[linewidth=1pt,linestyle=dashed,
+ fillcolor=SkyBlue,fillstyle=solid](1,1){2}
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]
+ {->}(0,0)(-1.5,-1.5)(3.5,3.5)
+ \rput(3.75,0){$x$} \rput(0,3.85){$iy$}
+ \rput(3,-0.4){3} \rput(-0.4,3){3$i$}
+ \psdots(1,1)
+ \end{pspicture}
+ \end{center}
+ is equal to which of the following sets of complex numbers?
+ \begin{choice}[columns=2]
+ \incorrect $\{z \in \C : (z-1)^{2}+(z-(i+1))^{2}<2\}$
+ \incorrect $\{z \in \C : z+(i+1)<2\}$
+ \correct $\{z \in \C : |z-(i+1)|<2\}$
+ \incorrect None of the above.
+ \end{choice}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.png b/Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.png
new file mode 100644
index 00000000000..3bba2b8e6d6
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.tex b/Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.tex
new file mode 100644
index 00000000000..d4436fc5fa4
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/quiz-page.tex
@@ -0,0 +1,251 @@
+\documentclass[]{webquiz}
+\usepackage[MATH1001]{sms-uos}
+\BreadCrumbs{department | unitcode | quizindex | title}
+\DeclareMathOperator{\cis}{cis}
+\newcommand{\R}{\mathbb R}
+\newcommand{\C}{\mathbb C}
+\usepackage{pst-all}
+
+\title{Quiz 1: Numbers and sets}
+
+\begin{document}
+
+ \begin{question}
+ Which of the following are correct ways of writing the set
+ \[ A=\{x \in \mathbb{R} \mid -3 < x \leq -1 \text{ or } x\geq 0\} ?\]
+ \begin{choice}[columns=2]
+ \incorrect $(-3,\infty)$
+ \feedback The interval $(-3,\infty)$ includes the real numbers
+ between $-1$ and $0$, which do not belong to $A$.
+
+ \incorrect $[-3,\infty)$
+ \feedback The interval $[-3,\infty)$ includes $-3$, and
+ the real numbers between $-1$ and $0$, which do not belong to $A$.
+
+ \incorrect $[-3,-1]\cap[0,\infty)$
+ \feedback The interval $[-3,-1]\cap[0,\infty)$ is the empty set
+ $\emptyset$. As $A$ is not empty (for example, $A$ includes
+ $-1$), this option cannot be correct.
+
+ \incorrect $(-3,-1)\cup[0,\infty)$
+ \feedback The interval $-1$ is not in $(-3,-1)\cup[0,\infty)$,
+ but $-1$ is in $A$.
+
+ \correct $(-3,-1]\cup[0,\infty)$
+
+ \end{choice}
+ \end{question}
+
+%%%% 2
+\begin{question}
+What is another way of writing the set
+\[B= \{x \in {\mathbb R}\ |\ |x-3|<2 \}\ \rm{?}\]
+\begin{choice}[columns=2]
+\incorrect $(2,3]$
+\feedback For example, $4$ belongs to $B$ but is not in $(2,3]$.
+
+\incorrect $[2,4]$
+\feedback For example, $1.5$ belongs to $B$ but is not in $[2,4]$.
+
+\correct $(1,5)$
+
+\feedback $B$ is the set of all points whose distance from 3 on the
+number line is less than 2. \\
+The solution to $|x-3|<2$ is $1<x<5$.
+
+\incorrect $[1,5]$
+\feedback Neither $1$ nor $5$ belong to $B$, but both $1$ and $5$ belong to $[1,5]$.
+
+\incorrect $[2,3)$
+\feedback For example, $4$ belongs to $B$ but is not in $[2,3)$.
+
+\end{choice}
+\end{question}
+
+
+%%%%%%%%%% 3
+\begin{question}
+If $A=\{7,8,9,10\}$ and $B=\{5,6,7,8\}$ then $(A\backslash
+B)\cup(B\backslash A)$ is
+\begin{choice}[columns=2]
+\incorrect $\{5,6,7,8,9,10\}$
+
+\correct $\{5,6,9,10\}$
+
+\feedback $A\backslash B=\{9,10\}$ and $B\backslash A=\{5,6\}$ so
+$(A\backslash B)\cup(B\backslash A)=\{5,6,9,10\}$.
+
+\incorrect $\emptyset$, the empty set.
+
+\incorrect $\{7,8\}$
+
+\incorrect None of the above.
+
+\end{choice}
+\end{question}
+
+%%%%%%%%%%%%%% 4
+\begin{question}
+The set \(\{0,1,\pm\sqrt{-1},\pi,12\}\) is a subset of
+\begin{choice}[columns=2]
+\incorrect $\mathbb N$
+\feedback The number \(\pi\) is not a natural number.
+
+\incorrect $\mathbb Z$
+\feedback The number \(\pi\) is not an integer.
+
+\incorrect $\mathbb Q$
+\feedback The number \(\pi\) is not a rational number.
+
+\incorrect $\mathbb R$
+\feedback \(\sqrt{-1}\) is not real.
+
+\correct $\mathbb C$
+\feedback Since \(\pm\sqrt{-1}\) denotes the two imaginary numbers $i$ and $-i$, the given set cannot be
+in any of the sets $\mathbb{N,Z,Q}\ \rm{or}\ \mathbb{R}$. \\
+Hence the
+right answer must be ${\mathbb C}$ which contains all imaginary
+numbers.
+
+\end{choice}
+\end{question}
+
+%%%%%%%%%% 5
+\begin{question}
+Which of the following alternatives is the best feedback to `Solve
+$x^{2}-3x+4=0$ over $\mathbb{C}$'.
+\begin{choice}[columns=2]
+\incorrect There are no real solutions.
+\feedback As the question asks us to solve the equation over $\mathbb C$ (that is, to find all solutions belonging to the set of complex numbers), this is not the best feedback.
+
+\incorrect $x=1,4$
+
+\incorrect \(x=\dfrac{3\pm\sqrt{7}}{2}\)
+
+\correct \(x=\dfrac{3\pm i\sqrt{7}}{2}\)
+
+\feedback Using the quadratic formula,
+\(x =\dfrac{3\pm\sqrt{9-16}}{2} = \dfrac{3\pm\sqrt{-7}}{2}\).
+
+
+\incorrect None of the above is correct.
+\end{choice}
+\end{question}
+
+%%%%%%% 6
+\begin{question}
+If $z=9+3i$ and $w=2-i$ then $z+w$ equals
+\begin{choice}[columns=2]
+\incorrect $9-i$
+
+\correct $11+2i$
+\feedback $z+w=(9+3i)+(2-i)=(9+2)+(3-1)i=11+2i$.
+
+\incorrect $6+3i$
+
+\incorrect $8$
+
+\incorrect None of the above
+
+\end{choice}
+\end{question}
+
+%%%%%%% 7
+
+\begin{question}
+If $w=2-i$ then $\overline{w}$ equals
+\begin{choice}[columns=2]
+\incorrect $2-i$
+
+\incorrect $2$
+
+\correct $2+i$
+
+\feedback
+$\overline{w}=\overline{2-i}=2+i$.
+
+\incorrect $-2+i$
+
+\incorrect None of the above
+\end{choice}
+\end{question}
+
+%%%%%%%%% 8
+\begin{question}
+If $p=9+3i$ and $q=2-i$ then $p\overline{q}$ equals
+\begin{choice}[columns=2]
+
+\correct $15+15i$
+
+\feedback
+$p\overline{q}=(9+3i)\overline{(2-i)}$ \\
+$=(9+3i)(2+i)= (18-3)+(6+9)i$\\
+$=15+15i$.
+
+\incorrect $21+15i$
+
+\incorrect $18+3i$
+
+\incorrect $1-i$
+
+\incorrect None of the above
+
+\end{choice}
+\end{question}
+
+
+%%%%%%%%% 9
+\begin{question}
+If $z=9+3i$ and $w=2-i$ then $\dfrac{z}{w}$ equals
+\begin{choice}[columns=2]
+\incorrect $15+15i$
+
+\incorrect $6+3i$
+
+\incorrect $12+15i$
+
+\incorrect $3-3i$
+
+\correct None of the above
+
+\feedback
+\(\dfrac{z}{w}=\dfrac{9+3i}{2-i}
+ =\dfrac{9+3i}{2-i}\times \dfrac{2+i}{2+i}
+ =\dfrac{15+15i}{5}=3+3i\).
+\end{choice}
+\end{question}
+
+%%%%%%%%%% 10
+\begin{question}
+The shaded region in the graph
+\begin{center}\begin{pspicture}(-3,-1.5)(3,4)
+\pscircle[linewidth=2pt,linestyle=dashed,fillcolor=blue,fillstyle=solid](1,1){2}
+\psaxes[linecolor=red,linewidth=1pt,labels=none]{->}(0,0)(-1.5,-1.5)(3.5,3.5)
+\rput(3.75,0){$x$}
+\rput(0,3.85){$iy$}
+\rput(3,-0.4){3}
+\rput(-0.4,3){3$i$}
+\psdots(1,1)
+\end{pspicture}
+\end{center}
+corresponds to which set of complex numbers?
+\begin{choice}[columns=2]
+\correct\(\{z \in \C : |z-(i+1)|<2\}\)
+
+
+\incorrect \(\{z \in \C : |z|-|1+i|<2\}\)
+\feedback This set corresponds to the interior of a circle, centre the origin, radius $2+\sqrt 2$.
+
+
+\incorrect \(\{z \in \C : \text{Re}(z+(i+1))<2 \}\)
+\feedback This set corresponds to the open half plane containing all complex numbers $z=x+iy$ with $x<1$.
+
+\incorrect \(\{z \in \C : |z-2|<|i+1-2|\}\)
+\feedback This set corresponds to the interior of a circle, centre $2$, radius $\sqrt 2$.
+
+\incorrect None of the above.
+
+\end{choice}
+\end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/quizindex-dropdown.png b/Master/texmf-dist/doc/latex/webquiz/examples/quizindex-dropdown.png
new file mode 100644
index 00000000000..7fbfa8e699a
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/quizindex-dropdown.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/random.png b/Master/texmf-dist/doc/latex/webquiz/examples/random.png
new file mode 100644
index 00000000000..ca8157db498
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/random.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/random.tex b/Master/texmf-dist/doc/latex/webquiz/examples/random.tex
new file mode 100644
index 00000000000..6818f2e6dff
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/random.tex
@@ -0,0 +1,8 @@
+\documentclass[randomorder, showsidemenu]{webquiz}
+\title{Four randomly ordered questions}
+\begin{document}
+ \begin{question}What is the question number of question one? \answer{1}\end{question}
+ \begin{question}What is the question number of question two? \answer{2}\end{question}
+ \begin{question}What is the question number of question three?\answer{3}\end{question}
+ \begin{question}What is the question number of question four? \answer{4}\end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/simple-html.png b/Master/texmf-dist/doc/latex/webquiz/examples/simple-html.png
new file mode 100644
index 00000000000..3d11b132175
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/simple-html.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/simple-pdf.png b/Master/texmf-dist/doc/latex/webquiz/examples/simple-pdf.png
new file mode 100644
index 00000000000..f875e93c578
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/simple-pdf.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/simple.tex b/Master/texmf-dist/doc/latex/webquiz/examples/simple.tex
new file mode 100644
index 00000000000..7fe1e12084a
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/simple.tex
@@ -0,0 +1,22 @@
+\documentclass{webquiz}
+\title{An easy example}
+\begin{document}
+ \begin{question} % a quiz question
+ Alice is twice as old as Betty.
+ Betty is one year older than Claire.
+ If Alice is $4$ how old is Claire?
+ \begin{choice}[columns=2] % multiple choice question
+ \correct $1$ % first choice - correct answer
+ \feedback If Claire is $1$ then Betty is $2$ and Alice is~$4$!
+
+ \incorrect $2$ % second choice - incorrect
+ \feedback If Claire is $2$ then Betty is $3$ and Alice is~$6$.
+
+ \incorrect $3$ % third choice - incorrect
+ \feedback If Claire is $3$ then Betty is $4$ and Alice is~$8$.
+
+ \incorrect $4$ % fourth choice - incorrect
+ \feedback If Claire is $4$ then Betty is $5$ and Alice is~$10$.
+ \end{choice}
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.png
new file mode 100644
index 00000000000..deeff1ba3d2
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.tex
new file mode 100644
index 00000000000..7bff4701871
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-blue.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=blue]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{blue}
+\title{..................................the blue theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.png
new file mode 100644
index 00000000000..681cfb99e31
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.tex
new file mode 100644
index 00000000000..108982912e0
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkblue.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=darkblue]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{darkblue}
+\title{..................................the darkblue theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.png
new file mode 100644
index 00000000000..76ea13e5184
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.tex
new file mode 100644
index 00000000000..c0414b9d04e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-darkred.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=darkred]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{darkred}
+\title{..................................the darkred theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-default.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-default.png
new file mode 100644
index 00000000000..7807ba8a18a
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-default.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-default.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-default.tex
new file mode 100644
index 00000000000..5aede1d90ea
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-default.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=default]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{default}
+\title{..................................the default theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.png
new file mode 100644
index 00000000000..94607d0cdf8
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.tex
new file mode 100644
index 00000000000..73d7247c550
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-earthy.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=earthy]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{earthy}
+\title{..................................the earthy theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.png
new file mode 100644
index 00000000000..2c4d7d81b01
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.tex
new file mode 100644
index 00000000000..28d16ce212f
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-fresh.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=fresh]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{fresh}
+\title{..................................the fresh theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-light.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-light.png
new file mode 100644
index 00000000000..46cc7aa3e2f
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-light.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-light.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-light.tex
new file mode 100644
index 00000000000..11ae043f5ff
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-light.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=light]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{light}
+\title{..................................the light theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.png
new file mode 100644
index 00000000000..278f3eca4b1
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.tex
new file mode 100644
index 00000000000..e947e7febf4
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-lively.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=lively]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{lively}
+\title{..................................the lively theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.png
new file mode 100644
index 00000000000..88beac86865
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.tex
new file mode 100644
index 00000000000..993c1a89178
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-muted.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=muted]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{muted}
+\title{..................................the muted theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.png
new file mode 100644
index 00000000000..89a4226edfc
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.tex
new file mode 100644
index 00000000000..0bb181d3490
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-sleek.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=sleek]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{sleek}
+\title{..................................the sleek theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.png
new file mode 100644
index 00000000000..57cc0aa6352
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.tex
new file mode 100644
index 00000000000..c6e84491df1
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-spring.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=spring]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{spring}
+\title{..................................the spring theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.png b/Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.png
new file mode 100644
index 00000000000..7ccc8888dbf
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.tex b/Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.tex
new file mode 100644
index 00000000000..62909e84308
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/theme-vibrant.tex
@@ -0,0 +1,90 @@
+\documentclass[theme=vibrant]{webquiz}
+\BreadCrumbs{WebQuiz Themes | quizindex| breadcrumb}\BreadCrumb{vibrant}
+\title{..................................the vibrant theme}
+\begin{document}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+ \begin{question} % a quiz question
+ Which of the following integers are prime?
+ % multiple (0 or more) correct answers rendered in two columns
+ \begin{choice}[multiple, columns=3]
+ \correct $17$ \feedback Yes, the only divisors of $17$ are $1$ and $17$
+ \incorrect $12$ \feedback No, $12 = 3\times 4$
+ \incorrect $27$ \feedback No, $27=3^3$
+ \incorrect $91$ \feedback No, $91 = 3\times 17$
+ \incorrect $0$ \feedback Prime numbers are non-zero
+ \incorrect $1$ \feedback One is not a prime number because it is invertible
+ \correct $97$ \feedback Yes, the only divisors of $97$ are $1$ and $97$
+ \end{choice}
+ \end{question}
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.png b/Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.png
new file mode 100644
index 00000000000..87bc1c0a8ab
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.png
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.tex b/Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.tex
new file mode 100644
index 00000000000..6fe3dc692f8
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/examples/tikz-ex.tex
@@ -0,0 +1,19 @@
+\documentclass[tikz]{webquiz}
+\usepackage{tikz}
+\title{A tikz example}
+\begin{document}
+ \begin{question} % a quiz question
+ What number is represented by the dot on the following number line?
+ \begin{center}
+ \begin{tikzpicture}
+ \foreach \x in {-3,...,3} { \draw(\x,0.25) --(\x,0)node[below]{$\x$}; }
+ \foreach \x in {-2.5,...,2.5} { \draw(\x,0.18) --(\x,0); }
+ \draw[thick,<->](-3.5,0)--(3.5,0);
+ \filldraw[blue!50!white](1.5,0) circle (1mm);
+ \end{tikzpicture}
+ \end{center}
+ \answer[number]{1.5} % inserts an answer box and specifies the answer as 1.5
+ \whenRight Correct!
+ \whenWrong Incorrect!
+ \end{question}
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.pdf b/Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.pdf
new file mode 100644
index 00000000000..8d3a9d4815b
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.pdf
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.tex b/Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.tex
new file mode 100644
index 00000000000..ab86e3a90c6
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz-online-manual.tex
@@ -0,0 +1,624 @@
+%-----------------------------------------------------------------------------
+% Copyright (C) 2004-2019 Andrew Mathas, University of Sydney
+%
+% Distributed under the terms of the GNU General Public License (GPL)
+% http://www.gnu.org/licenses/
+%
+% This file is part of the WebQuiz system.
+%
+% <Andrew.Mathas@sydney.edu.au>
+%-----------------------------------------------------------------------------
+
+%% This file is part of the WebQuiz class distribution
+\PassOptionsToClass{svgnames}{xcolor}
+\documentclass[svgnames]{webquiz}
+
+% load webquiz-doc code -- the class file loads webquiz-ini.code.tex is first
+\input{webquiz-doc.code}
+
+% using \textcolor or \color in \WebQuiz conflicts with the code to make
+% listings respect color in webquiz.cfg
+\newcommand\WebQuiz{WebQuiz\xspace}
+
+\usepackage{pst-plot}
+\usepackage{hyperref}
+
+\usepackage{ifpdf}
+\ifpdf
+ \PackageError{WebQuiz}{This file must be compiled using latex not pdflatex}
+\fi
+\newcommand{\C}{\mathbb C}
+\newcommand*{\vect}[1]{\mathbf{#1}}
+
+\hypersetup{pdftitle={WebQuiz online manual}}
+
+\title{WebQuiz: Web Quizzes using LaTeX}
+\begin{document}
+
+\begin{discussion}[Introduction]
+ \WebQuiz is a \LaTeX{} package for creating \textit{interactive}
+ web quizzes. The idea is that you write the quiz using \LaTeX{} and that
+ \WebQuiz creates the web page from this file. Anything that you can
+ write using \LaTeX{} will be converted to \HTML by \WebQuiz. This
+ includes, for example, mathematics and graphics written using
+ \ctan{pstricks}. \WebQuiz supports three different types of quiz
+ questions:
+
+ \begin{enumerate}
+ \item Multiple choice questions with a \emph{unique} correct answer.
+ (See \qref{question1})
+ \item Multiple choice questions with \emph{several} (or no)
+ correct answers.
+ (See \qref{question2})
+ \item Questions that require the student to enter an answer, which
+ can then be compared with the correct answer in several different
+ ways. (See \qref{question3})
+ \end{enumerate}
+The use of \WebQuiz is described in the next section. Later
+sections describe how each of the \WebQuiz environments are used.
+
+The \LatexCode|discussion| environment in \WebQuiz can also be used to
+write Web Pages like this one (The pages you are reading here were
+written using \WebQuiz.)
+\end{discussion}
+\begin{discussion}[Basic Usage]
+Once you have a \WebQuiz file, you can run it through \LaTeX, in
+the usual way, to produce a readable version of your quiz. When you
+are happy with the quiz, use \WebQuiz to create the HTML
+version. Note that the printable version of the quiz does \emph{not}
+look like the web page; rather, it contains all of the information in
+an easily readable layout.
+
+ If, for example, your quiz file is called \emph{quiz1.tex} then you
+ can use the following commands:
+\begin{latexcode}
+ > latex quiz1 % latex a quiz file
+ > pdflatex quiz1 % a PDF versio of the quiz
+ > xdvi quiz1 % view the quiz using xdvi
+ > dvips quiz1 % print the quiz
+ > webquiz quiz1 % converts the quiz to html
+\end{latexcode}
+ Converting the quiz to html can take quite a long time, particularly
+ if a large number of images need to be created.
+
+\end{discussion}
+\begin{discussion}[WebQuiz files]
+
+ The basic structure of a \WebQuiz file is as follows:
+\begin{latexcode}
+ \documentclass{webquiz}
+
+ \title{Quiz 1: Complex numbers}
+
+ \UnitCode{MATH1001}
+ \UnitName{Differential Calculus}
+ \UnitURL{/u/UG/JM/MATH1001/}
+ \QuizzesURL{/u/UG/JM/MATH1001/Quizzes/}
+
+ \begin{document}
+
+ \begin{discussion}[short heading][optional heading]
+ . . . % optional discussion
+ \end{discussion}
+
+ \begin{question} % question 1
+ . . .
+ \end{question}
+
+ \begin{question} % question 2
+ . . .
+ \end{question}
+ .
+ .
+ \end{document}
+\end{latexcode}
+ In the preamble of the \LaTeX{} file you can specify the unit code, the
+ name of the unit of study, the location of the homepage for the
+ unit and the index file for the quizzes for this unit; this is
+ done using the commands
+ \LatexCode|\UnitCode|,
+ \LatexCode|\UnitName|,
+ \LatexCode|\UnitURL| and
+ \LatexCode|\QuizzesURL| respectively. If the
+ command \LatexCode|\QuizzesURL| is omitted then the URL for the quiz
+ index file is set to \LatexCode|\UnitURL/|Quizzes.
+
+ The title of the quiz can be set in the preamble using the
+ \LatexCode|\title| command. Note that the \LatexCode|\title|
+ command \emph{must} appear before the \LatexCode|\begin{document}| command.
+ As in any \LaTeX{} document, the preamble can define macros and load
+ other \LaTeX{} packages the usual way .
+
+ By using the \LatexCode|discussion| environment you can summarise the
+ material for the students or add introductory material for the quiz.
+ For example, \LatexCode|discussion| environments can be used to recall
+ that main concepts being covered by the quiz or to give references to
+ the lecture notes for the unit. The syntax for the
+ \LatexCode|discussion| environment is as follows:
+\begin{latexcode}
+ \begin{discussion}[optional short heading][optional heading]
+ . . .
+ \end{discussion}
+\end{latexcode}
+ Anything you like (text, mathematics, \ldots) can go inside
+ discussion environments. The \emph{optional heading}, which defaults
+ to Discussion'', is used both as
+ the section heading on the web page and as the heading in the
+ side-menu on left hand side of the page. If a \textit{short heading}
+ is also given then it is used in the side-menu. The quiz can contain
+ zero or more discussion items ( and zero or more quiz questions).
+
+ Questions are set inside a \LatexCode|question| environment. The text is
+ followed by the answers.
+
+ \WebQuiz supports three types of questions:
+ \begin{itemize}
+ \item Multiple choice questions with \emph{precisely one} correct
+ answer;
+ \item Multiple choice questions with \emph{zero or more } correct
+ answers;
+ \item Questions that require the students to enter an answer. Five
+ difference comparison methods are available.
+ \end{itemize}
+ With each of these types of questions you can (and should) provide
+ feedback to the students depending on whether their answer is
+ correct or incorrect. Below we describe how to produce these
+ different types of questions.
+\end{discussion}
+\begin{discussion}[Question 1]
+ The syntax for a multiple choice question having \emph{precisely
+ one} correct answer is as follows:
+\begin{latexcode}
+ \begin{question}
+ . . .question text
+ \begin{choice}
+ \(in)correct . . . text for (in)correct option
+ \feedback . . . feedback on response
+
+ \(in)correct . . . text for (in)correct option
+ \feedback . . . feedback on response
+ .
+ .
+ .
+ \end{choice}
+ \end{question}
+\end{latexcode}
+ The different choices in a multiple choice question must be inside a
+ \LatexCode|choice| environment. This environment behaves like a
+ standard \LaTeX{} list environment except that instead of using
+ \LatexCode|\item| for list item you use:
+ \begin{itemize}
+ \item \LatexCode|\correct| for a correct choice
+ \item \LatexCode|\incorrect| for an incorrect choice
+ \item \LatexCode|\feedback| to give feedback to the student when
+ they select this choice
+ \end{itemize}
+ At most one \LatexCode|\feedback| response should be given for each
+ \LatexCode|\correct| and each \LatexCode|\incorrect| response.
+ The \LatexCode|\feedback| commands are optional; however, it is
+ recommended that you use them because targeted feedback to the
+ students based on their responses can be beneficial.
+ \par
+ For example, the code below, when run through \WebQuiz, produces \qref{question1}
+ in the online manual quiz.
+\begin{latexcode}
+ \begin{question}
+ The shaded region in the graph
+ \begin{center}
+ \begin{pspicture}(-3,-1.5)(3,4)
+ \pscircle[linewidth=1pt,linestyle=dashed,%
+ fillcolor=SkyBlue,fillstyle=solid](1,1){2}
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {->}(0,0)(-1.5,-1.5)(3.5,3.5)
+ \rput(3.75,0){$x$}
+ \rput(0,3.85){$iy$}
+ \rput(3,-0.4){3}
+ \rput(-0.4,3){3$i$}
+ \psdots(1,1)
+ \end{pspicture}
+ \end{center}
+ is equal to which of the following sets of complex numbers?
+ \begin{choice}
+ \incorrect $\{z \in \C : (z-1)^{2}+(z-(i+1))^{2}<2\}$
+ \feedback The equation of a circle in the complex plane with
+ centre $a+ib$ and radius $r$ is
+ \begin{displaymath}
+ \{z\in\C : |z-(a+ib)|<r \}.
+ \end{displaymath}
+
+ \incorrect $\{z \in \C : z+(i+1)<2\}$
+ \feedback You want the set of points whose \textit{distance}
+ from $1+i$ is less than $2$.
+
+ \correct $\{z \in \C : |z-(i+1)|<2\}$
+ \feedback The graph shows the set of complex numbers whose
+ distance from $1+i$ is less than $2$.
+
+ \incorrect $\{z \in \C : |z-2|<|i+1-2|\}$
+ \feedback As $|i+1-2|=\sqrt 2$, this is the set of complex
+ numbers whose distance from $2$ is less than
+ $\sqrt 2$.
+
+ \incorrect None of the above.
+ \feedback The graph shows the set of complex numbers whose
+ distance from the centre of the circle is less than $2$.
+ \end{choice}
+ \end{question}
+\end{latexcode}
+\end{discussion}
+\begin{discussion}[Question 2]
+ To allow multiple (or no) correct answer we add \LatexCode|multiple| as an
+ optional argument to the \LatexCode|choice| environment:
+\begin{latexcode}
+ \begin{question}
+ . . .question text. . .
+ \begin{choice}[multiple]
+ \(in)correct . . . text for (in)correct option
+ \feedback . . . feedback on response
+
+ \(in)correct . . . text for (in)correct option
+ \feedback . . . feedback on response
+ .
+ .
+ .
+ \end{choice}
+ \end{question}
+\end{latexcode}
+ The only difference to the previous case is that zero or more
+ \LatexCode|\correct| commands can appear.
+ \par
+ For example, \qref{question2} below was typed into \WebQuiz
+ using the following commands:
+\begin{latexcode}
+ \begin{question}
+ Which of the following numbers are prime?
+ \begin{choice}[multiple]
+ \incorrect 1
+ \feedback By definition, a prime is a number greater than 1
+ whose only factors are 1 and itself.
+
+ \correct 19
+ \feedback The only factors of 19 are 1 and itself.
+
+ \incorrect 6
+ \feedback 2 is a factor of 6
+
+ \correct 23
+ \feedback The only factors of 23 are 1 and itself.
+
+ \correct 191
+ \feedback The only factors of 191 are 1 and itself.
+ \end{choice}
+ \end{question}
+\end{latexcode}
+\end{discussion}
+\begin{discussion}[Question 3]
+
+ By default, the \LatexCode|choice| environments puts the multiple
+ choice options into one column format. Sometimes the options look
+ better when listed in two or more columns, however, this should be
+ used sparingly as multiple columns do not always display well if the
+ quiz is viewed on a mobile device. By using the \LatexCode|columns|
+ key word in a \LatexCode|choice| environment you can specify the
+ number of columns in the HTML version of the quiz.
+
+\begin{latexcode}
+ \begin{question}
+ . . .question text. . .
+ \begin{choice}[multiple, columns=n] . . . n columns
+ \(in)correct . . . text for (in)correct option
+ \feedback . . . feedback on response
+
+ \(in)correct . . . text for (in)correct option
+ \feedback . . . feedback on response
+ .
+ .
+ .
+ \end{choice}
+ \end{question}
+\end{latexcode}
+ If the optional argument \LatexCode|[multiple]| is not present, then the
+ question admits precisely one correct answer.
+ \par
+ For example, \qref{question3} below was typed into \WebQuiz
+ using the following commands:
+\begin{latexcode}
+ \begin{question}
+ What are suitable parametric equations for this plane curve?
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-2.5,-0.5)(5,5.5)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {->}(0,0)(-2.5,-1.5)(5,5)
+ \psellipse[linecolor=SkyBlue,linewidth=2pt](1,2)(3,2)
+ \end{pspicture}
+ \end{center}
+
+ \begin{choice}[columns=1]
+ \incorrect $x=2\cos t + 1$, $y=3\sin t + 2$
+ \feedback This is an ellipse with centre $(1,2)$ and with axes of
+ length $4$ in the $x$-direction and $6$ in the $y$-direction.
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-2.5,-0.5)(5,5.5)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {->}(0,0)(-2.5,-1.5)(5,5)
+ \parametricplot[linecolor=SkyBlue,linewidth=2pt]{0}{360}%
+ {t cos 2 mul 1 add t sin 3 mul 2 add}
+ \end{pspicture}
+ \end{center}
+
+ \correct $x=3\cos t + 1$, $y=2\sin t + 2$
+ \feedback The curve is an ellipse centre (1,2) with axes length 6
+ in the $x$ direction and 4 in the $y$ direction.
+
+ \incorrect $x=3\cos t - 1$, $y=2\sin t - 2$
+ \feedback This is an ellipse with centre $(-1,-2)$ and with axes
+ of length $6$ in the $x$-direction and $4$ in the $y$-direction.
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-5,-4)(1,2)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {<-}(0,0)(-4.5,-5.5)(1,2)
+ \parametricplot[linecolor=SkyBlue,linewidth=2pt]{0}{360}%
+ {t cos 3 mul 1 sub t sin 2 mul 2 sub}
+ \end{pspicture}
+ \end{center}
+
+ \incorrect $x=2\cos t - 1$, $y=3\sin t - 2$
+ \feedback This is an ellipse with centre $(-1,-2)$ and with axes
+ of length $4$ in the $x$-direction and $6$ in the $y$-direction.
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-4,-5)(1,2)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {<-}(0,0)(-4.5,-5.5)(1,2)
+ \parametricplot[linecolor=SkyBlue,linewidth=2pt]{0}{360}%
+ { t cos 2 mul 1 sub t sin 3 mul 2 sub}
+ \end{pspicture}
+ \end{center}
+ \end{choice}
+ \end{question}
+\end{latexcode}
+\end{discussion}
+\begin{discussion}[Question 4]
+ The final type of question that \WebQuiz supports is a question that
+ requires an answer, which can be a number or a string. The answer is
+ typeset using the \LatexCode|\answer| macro. The \LatexCode|\answer|
+ macro takes two arguments: an optional comparison method, which
+ defaults to \LatexCode|string|, and the correct answer for the
+ question:
+ \begin{latexcode}
+ \answer[comparison method]{correct answer}
+ \end{latexcode}
+ Feedback for correct and incorrect answers is given
+ using the macros \LatexCode|\whenRight| and \LatexCode|\whenWrong|,
+ respectively. The structure of questions with \LatexCode|\answer|'s is as follows:
+ \begin{latexcode}
+ \begin{question}
+ . . .question text. . .
+ \answer[*][complex|integer|lowercase|number|string]{actual answer}
+ \whenRight . . . feedback when right (optional)
+ \whenWrong . . . feedback when wrong (optional)
+ \end{question}
+ \end{latexcode}
+ See the \WebQuiz manual for details of the different
+ comparison types. For example, \qref{question4} below was typed into
+ \WebQuiz using the following commands:
+\begin{latexcode}
+ \begin{question}
+ If the vectors $\vect{a}$ (of magnitude 8 units) and $\vect{b}$
+ (of magnitude 3 units) are perpendicular, what is the value
+ of
+ \begin{displaymath}
+ |\vect{a} -2\vect{b}|~?
+ \end{displaymath}
+ (Hint: Draw a diagram!)
+
+ \answer[number]{10}
+ \whenRight The vectors $\vect{a}$, \(-2\vect{b}\), and
+ $\vect{a} - 2\vect{b}$ form the sides of a right-angled
+ triangle, with sides of length $8$ and $6$ and
+ hypotenuse of length $|\vect{a} -2\vect{b}|$. Therefore
+ by Pythagoras' Theorem,
+ \(|\vect{a} -2\vect{b}|=\sqrt{8^2+6^2}=10\).
+
+ \whenWrong Draw a diagram and then use Pythagoras' theorem.
+ \end{question}
+\end{latexcode}
+\end{discussion}
+\begin{discussion}[Index Files]
+ \WebQuiz also provides a mechanism for creating a web page
+ containing an index of all quizzes for a given Unit of Study.
+ This is done with a \WebQuiz file that contains a \LatexCode|quizindex|
+ environment. The syntax for this environment is as follows:
+\begin{latexcode}
+ \begin{quizindex}
+ \quiz[url1]{title for quiz 1}
+ \quiz[url2]{title for quiz 2}
+ . . .
+ \end{quizindex}
+\end{latexcode}
+If no \textit{URL} is given as an optional argument to
+\LatexCode|\quiz| then
+ \WebQuiz sets the url(s) to \BashCode|quiz1.html|, \BashCode|quiz2.html|
+ and so on.
+\end{discussion}
+
+\begin{discussion}[Credits]
+ \WebQuiz was written and developed in the
+ \href{http://www.maths.usyd.edu.au/}{School of Mathematics and
+ Statistics} at the \href{http://www.usyd.edu.au/}{University of
+ Sydney}. The system is built on \LaTeX{} with the conversion from
+ \LaTeX{} to HTML using Eitan Gurari's
+ \href{http://www.cis.ohio-state.edu/~gurari/TeX4ht/mn.html}{TeX4ht},
+ and Michal Hoftich's
+ \href{https://github.com/michal-h21/make4ht}{make4ht}.
+
+ To write quizzes using \WebQuiz it is only necessary to know
+ \LaTeX, however, the \WebQuiz system has three components:
+ \begin{itemize}
+ \item A \LaTeX{} document class file, \LatexCode{webquiz.cls}, and
+ a \TeXfht configuration file, \LatexCode{webquitexz.cfg}, that enable the
+ quiz files to be processed by \LaTeX{} and \TeXfht, respectively.
+ \item A python program, \BashCode{webquiz}, that translates the \XML
+ file that is produced by \TeXfht into \HTML.
+ \item Some \Javascript and \CSS that controls the quiz web page.
+ \end{itemize}
+
+ The \LaTeX{} component of \WebQuiz was written by Andrew Mathas and
+ the python, \CSS and \Javascript code was written by Andrew Mathas (and
+ Don Taylor), based on an initial prototype of Don Taylor's from 2001.
+ Since 2004 the program has been maintained and developed by Andrew
+ Mathas. Although the program has changed substantially since 2004,
+ Don's idea of using \TeXfht, and some of his code, is still in use.
+
+ Thanks are due to Bob Howlett for general help with CSS and, for
+ Version~5, to Michal Hoftich for technical advice.
+\end{discussion}
+
+\begin{question}
+ \label{question1}
+ The shaded region in the graph
+ \begin{center}
+ \begin{pspicture}(-3,-1.5)(3,4)
+ \pscircle[linewidth=1pt,linestyle=dashed,fillcolor=SkyBlue,fillstyle=solid](1,1){2}
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {->}(0,0)(-1.5,-1.5)(3.5,3.5)
+ \rput(3.75,0){$x$}
+ \rput(0,3.85){$iy$}
+ \rput(3,-0.4){3}
+ \rput(-0.4,3){3$i$}
+ \psdots(1,1)
+ \end{pspicture}
+ \end{center}
+ is equal to which of the following sets of complex numbers?
+ \begin{choice}
+ \incorrect $\{z \in \C : (z-1)^{2}+(z-(i+1))^{2}<2\}$
+ \feedback The equation of a circle in the complex plane with
+ centre $a+ib$ and radius $r$ is
+ \begin{displaymath}
+ \{z\in\C : |z-(a+ib)|<r \}.
+ \end{displaymath}
+
+ \incorrect $\{z \in \C : z+(i+1)<2\}$
+ \feedback You want the set of points whose \textit{distance}
+ from $1+i$ is less than $2$.
+
+ \correct $\{z \in \C : |z-(i+1)|<2\}$
+ \feedback The graph shows the set of complex numbers whose
+ distance from $1+i$ is less than $2$.
+
+ \incorrect $\{z \in \C : |z-2|<|i+1-2|\}$
+ \feedback As $|i+1-2|=\sqrt 2$, this is the set of complex
+ numbers whose distance from $2$ is less than
+ $\sqrt 2$.
+
+ \incorrect None of the above.
+ \feedback The graph shows the set of complex numbers whose
+ distance from the centre of the circle is less than $2$.
+ \end{choice}
+\end{question}
+
+\begin{question}
+ \label{question2}
+ Which of the following numbers are prime?
+ \begin{choice}[multiple]
+ \incorrect 1
+ \feedback By definition, a prime is a number greater than 1
+ whose only factors are 1 and itself.
+
+ \correct 19
+ \feedback The only factors of 19 are 1 and itself.
+
+ \incorrect 6
+ \feedback 2 is a factor of 6
+
+ \correct 23
+ \feedback The only factors of 23 are 1 and itself.
+
+ \correct 191
+ \feedback The only factors of 191 are 1 and itself.
+ \end{choice}
+\end{question}
+
+\begin{question}
+ \label{question3}
+ What are suitable parametric equations for this plane curve?
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-2.5,-0.5)(5,5.5)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {->}(0,0)(-2.5,-1.5)(5,5)
+ \psellipse[linecolor=SkyBlue,linewidth=2pt](1,2)(3,2)
+ \end{pspicture}
+ \end{center}
+
+ \begin{choice}[columns=1]
+ \incorrect $x=2\cos t + 1$, $y=3\sin t + 2$
+ \feedback This is an ellipse with centre $(1,2)$ and with axes of
+ length $4$ in the $x$-direction and $6$ in the $y$-direction.
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-2.5,-0.5)(5,5.5)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {->}(0,0)(-2.5,-1.5)(5,5)
+ \parametricplot[linecolor=SkyBlue,linewidth=2pt]{0}{360}%
+ {t cos 2 mul 1 add t sin 3 mul 2 add}
+ \end{pspicture}
+ \end{center}
+
+ \correct $x=3\cos t + 1$, $y=2\sin t + 2$
+ \feedback The curve is an ellipse centre (1,2) with axes length 6
+ in the $x$ direction and 4 in the $y$ direction.
+
+ \incorrect $x=3\cos t - 1$, $y=2\sin t - 2$
+ \feedback This is an ellipse with centre $(-1,-2)$ and with axes
+ of length $6$ in the $x$-direction and $4$ in the $y$-direction.
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-5,-4)(1,2)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {<-}(0,0)(-4.5,-5.5)(1,2)
+ \parametricplot[linecolor=SkyBlue,linewidth=2pt]{0}{360}%
+ {t cos 3 mul 1 sub t sin 2 mul 2 sub}
+ \end{pspicture}
+ \end{center}
+
+ \incorrect $x=2\cos t - 1$, $y=3\sin t - 2$
+ \feedback This is an ellipse with centre $(-1,-2)$ and with axes
+ of length $4$ in the $x$-direction and $6$ in the $y$-direction.
+ \begin{center}
+ \psset{unit=.6cm}
+ \begin{pspicture}(-4,-5)(1,2)
+ \psaxes[linecolor=red,linewidth=1pt,labels=none]%
+ {<-}(0,0)(-4.5,-5.5)(1,2)
+ \parametricplot[linecolor=SkyBlue,linewidth=2pt]{0}{360}%
+ { t cos 2 mul 1 sub t sin 3 mul 2 sub}
+ \end{pspicture}
+ \end{center}
+ \end{choice}
+\end{question}
+
+\begin{question}
+ \label{question4}
+ If the vectors $\vect{a}$ (of magnitude 8 units) and $\vect{b}$
+ (of magnitude 3 units) are perpendicular, what is the value
+ of
+ \(|\vect{a} -2\vect{b}|\)~?
+ (Hint: Draw a diagram!)
+
+ \answer[number]{10} units
+ \whenRight The vectors $\vect{a}$, \(-2\vect{b}\), and
+ $\vect{a} - 2\vect{b}$ form the sides of a right-angled
+ triangle, with sides of length $8$ and $6$ and
+ hypotenuse of length $|\vect{a} -2\vect{b}|$. Therefore
+ by Pythagoras' Theorem,
+ \(|\vect{a} -2\vect{b}|=\sqrt{8^2+6^2}=10\).
+
+ \whenWrong Draw a diagram and then use Pythagoras' theorem.
+\end{question}
+\end{document}
+\endinput
+
+%% End of file `webquiz-manual.tex'.
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz.languages b/Master/texmf-dist/doc/latex/webquiz/webquiz.languages
new file mode 100644
index 00000000000..9b188c48a92
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz.languages
@@ -0,0 +1,3 @@
+% List of languages currently supported by WebQuiz
+% Generated using 'makedoc --languages' on 2019-03-10
+\newcommand\WebQuizLanguages{Czech, English, French, German, Greek, Italian, Japanese, Mandarin, Russian, Spanish,, Swedish}
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz.pdf b/Master/texmf-dist/doc/latex/webquiz/webquiz.pdf
new file mode 100644
index 00000000000..10d7036c0b2
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz.pdf
Binary files differ
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz.settings b/Master/texmf-dist/doc/latex/webquiz/webquiz.settings
new file mode 100644
index 00000000000..bee51d3ccb7
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz.settings
@@ -0,0 +1,21 @@
+---------------------------------------------------------
+WebQuiz rc-file: /Users/andrew/.dotfiles/config/webquizrc
+---------------------------------------------------------
+breadcrumbs =
+department =
+department-url = /
+engine = latex
+hide-side-menu = false
+institution =
+institution-url = /
+language = english
+one-page = false
+random-order = false
+theme = default
+version = 5.1
+webquiz-url = /~andrew/Webby
+webquiz-www = /Users/andrew/Sites/Webby
+make4ht =
+mathjax = https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js
+webquiz-layout = webquiz_layout
+---------------------------------------------------------
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz.tex b/Master/texmf-dist/doc/latex/webquiz/webquiz.tex
new file mode 100644
index 00000000000..f0b63b41a05
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz.tex
@@ -0,0 +1,2306 @@
+%-----------------------------------------------------------------------------
+% Copyright (C) 2004-2019 Andrew Mathas, University of Sydney
+%
+% Distributed under the terms of the GNU General Public License (GPL)
+% http://www.gnu.org/licenses/
+%
+% This file is part of the WebQuiz system.
+%
+% <Andrew.Mathas@sydney.edu.au>
+%-----------------------------------------------------------------------------
+
+\synctex=1
+
+\PassOptionsToClass{tikz,svgnames}{xcolor}
+\documentclass[svgnames]{article}
+\usepackage[a4paper,margin=30mm]{geometry}
+\parindent=4mm
+\parskip=1mm
+\hfuzz 5pt
+\synctex=1
+
+% load webquiz-ini and webquiz-doc code -- doc needs ini so ini is first
+\input{webquiz-ini.code}
+\input{webquiz-doc.code}
+
+% Can't use same definition in webquiz-online-manual because of conflict
+% with code in webquiz.cfg to make color work with listings
+\newcommand\WebQuiz{\textcolor{Sienna}{WebQuiz}\xspace}
+
+\usepackage{textcomp}
+\usepackage{pdfpages}
+\usepackage{manfnt}
+\usepackage{booktabs}
+\usepackage{bbding}
+\usepackage{pifont}
+\usepackage{pgffor}
+
+\usepackage{etoolbox}% used below to patch l@section to remove extraneous spacing
+\usepackage{appendix}
+\def\sectionautorefname{Chapter}
+\def\subsectionautorefname{Section}
+\def\subsubsectionautorefname{\S\kern-0.8ex}
+\def\appendixautorefname{Appendix}
+
+\usepackage{imakeidx}
+\indexsetup{level=\section*,toclevel=section,noclearpage}
+\makeindex[intoc,columns=3]
+
+\newenvironment{heading}[1][]
+{\noindent\trivlist\item[\hskip\labelsep\textbf{#1}]}
+ {\endtrivlist}
+
+\newenvironment{dangerous}{\trivlist\item[\hskip\labelsep\textcolor{red}{\textdbend}]}{\endtrivlist}
+
+\setcounter{secnumdepth}{3}
+\setcounter{tocdepth}{3}
+\renewcommand\thesubsubsection{\thesubsection\alph{subsubsection}}
+\newcommand\lowerCaseIndex[1]{%
+ \lowercase{\def\temp{#1}}%
+ \expandafter\index\expandafter{\temp@#1}%
+}
+% usage: \CrossIndex[*]{main entry}[*]{subentry} with *'s for macros
+\NewDocumentCommand\CrossIndex{ smsm }{%
+ \IfBooleanTF{#1}{%
+ \lowercase{\def\tempa{#2}}%
+ \xdef\tempa{\tempa@\noexpand\textbackslash#2}%
+ }{\def\tempa{#2}}%
+ \IfBooleanTF{#3}{%
+ \lowercase{\def\tempb{#4}}%
+ \xdef\tempb{\tempb@\noexpand\textbackslash#4}%
+ }{\def\tempb{#4}}%
+ \expandafter\index\expandafter{\tempa!\tempb}%
+ \expandafter\index\expandafter{\tempb}%
+}
+\newcommand\macroIndex[1]{%
+ \lowercase{\def\temp{#1}}%
+ \expandafter\index\expandafter{\temp@\textbackslash#1}%
+}
+\newcommand\gobbleone[1]{}% https://tex.stackexchange.com/questions/318472
+\newcommand{\See}[2]{\unskip\emph{see } #1}
+\newcommand\SeeIndex[2]{\index{#1!zzzz@\protect\gobbleone|See{#2}}}
+
+\newif\ifCtan\Ctantrue % condition compilation for ctan distribution
+
+\renewcommand*\contentsname{\relax}
+
+% hyperref links to ctan
+\newcommand\TeXLive{\ctan[/]{\TeX Live}\xspace}
+\newcommand\Ctan{\ctan[]{ctan}\xspace}
+\newcommand\ddash{\texttt{\textemdash\textemdash}}
+\NewDocumentCommand\webquizrc{s}{\index{webquizrc}%
+\BashCode|webquizrc| file\IfBooleanF{#1}{ (\autoref{SS:rcfile})}\xspace%
+}
+
+\NewDocumentCommand\OnlineManual{s}{%
+ \href{http://www.maths.usyd.edu.au/u/mathas/WebQuiz/webquiz-online-manual.html}{Online manual}%
+ \IfBooleanF{#1}{ (\hyperref[S:online]{Appendix B})}\xspace%
+}
+
+\indexprologue{%
+ \noindent\textit{This is an index only for the main \WebQuiz manual.
+ It does not index the \OnlineManual.}}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\input{webquiz.themes} % defines a comma separated list of themes \WebQuizThemes
+\newcommand\ListWebQuizThemes{%
+ \begin{quote}
+ \def\sep{}
+ \foreach \theme in \WebQuizThemes {%
+ \ifx\theme\empty\gdef\sep{ and }%
+ \else\sep\index{theme!\theme}\theme\gdef\sep{, }%
+ \fi
+ }
+ \end{quote}
+}
+\newcommand\ShowcaseThemes{%
+ \foreach \theme in \WebQuizThemes {
+ \ifx\theme\empty\relax%
+ \else%
+ \ScreenShot[0.75]{Example of the \textbf{\theme} theme}{theme-\theme}%
+ \index{theme!\theme}%
+ \fi
+ }
+}
+
+\input{webquiz.languages} % defines a comma separated list of themes \WebQuizLanguages
+\newcommand\ListWebQuizLanguages{%
+ \begin{quote}
+ \def\sep{}
+ \foreach \lang in \WebQuizLanguages {%
+ \ifx\lang\empty\gdef\sep{ and }%
+ \else\sep\index{language!\lang}\lang\gdef\sep{, }%
+ \fi
+ }
+ \end{quote}
+}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%% WebQuiz title box for front page
+\usepackage{tikz}
+\usetikzlibrary{shadows.blur}
+
+\definecolor{stone}{HTML}{E9E0D8}
+\tikzset{shadowed/.style={blur shadow={shadow blur steps=5},
+ top color=stone,
+ bottom color=PapayaWhip,
+ draw=SaddleBrown,
+ shade,
+ font=\normalfont\Huge\bfseries\scshape,
+ rounded corners=8pt,
+ },
+ boxes/.style={draw=Sienna,
+ fill=Cornsilk,
+ font=\sffamily\small,
+ inner sep=5pt,
+ rectangle,
+ rounded corners=8pt,
+ text=Brown,
+ }
+}
+
+\def\WebQuizTitle{
+ \begin{tikzpicture}[remember picture,overlay]
+ \node[yshift=-3cm] at (current page.north west)
+ {\begin{tikzpicture}[remember picture, overlay]
+ \draw[shadowed](30mm,0) rectangle node[Brown]{\WebQuiz} (\paperwidth-30mm,16mm);
+ \node[Sienna,font=\normalfont\small\itshape] at (\paperwidth/2,2mm)
+ {\small \webquiz{description}};
+ \node[anchor=west,boxes] at (4cm,0cm) {\webquiz{name}};
+ \node[anchor=east,boxes] at (\paperwidth-4cm,0) {Version \webquiz{version}};
+ \end{tikzpicture}
+ };
+ \end{tikzpicture}
+}
+
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+%% headers and footers
+\makeatletter
+\def\ps@webquiz{
+ \ps@empty
+ \def\@oddfoot{\tiny\WebQuiz\space -- version \webquiz{version}\hfill%
+ \textsc{\ifodd\thepage The \WebQuiz manual\else \webquizheader\fi}\hfill\thepage}
+}
+% hijack section and subsectionmark for our headers
+\def\webquizheader{\WebQuiz}
+\def\sectionmark#1{\def\webquizheader{#1}}
+\def\subsectionmark#1{\def\webquizheader{#1}}
+\pagestyle{webquiz}
+\patchcmd\l@section{1.0em}{0.5em}{}{}
+\makeatother
+
+\begin{document}
+ \hypersetup{pdftitle={WebQuiz manual}}
+
+ \WebQuizTitle
+
+ \begin{quote}
+ \WebQuiz is a \LaTeX{} package for writing online quizzes. It allows
+ the quiz author to concentrate on the content of quizzes, written
+ in standard \LaTeX, unencumbered by the technicalities of \HTML and
+ \Javascript. Online quizzes written using \WebQuiz can contain any
+ material that can be written using \LaTeX, including text,
+ mathematics, graphics and diagrams.
+ \ScreenShot[0.68]{An example \WebQuiz web page}{quiz-page}
+ \begin{center}
+ \hfil
+ \begin{minipage}{0.75\textwidth}
+ \tableofcontents
+ \end{minipage}
+ \end{center}
+ \end{quote}
+
+ \newpage
+
+ \section{Introduction}
+ Online quizzes provide a good way to reinforce learning, especially
+ because they can give ``interactive'' feedback to the
+ students\footnote{Throughout this manual, ``student'' means any
+ person taking the online quiz.\index{student}} based on the answers that they
+ give. Unfortunately, in addition to writing the actual quiz content there
+ are significant technical hurdles that need to be overcome when
+ writing an online quiz -- and there are additional complications if
+ the quiz involves mathematics or diagrams.
+
+ \WebQuiz makes it possible to write online quizzes using \LaTeX,
+ which is the typesetting language used by mathematicians who use
+ \LaTeX\ to write their research papers, books and teaching
+ materials. In principle, a \WebQuiz quiz can contain anything that
+ can be typeset using \LaTeX. In practise, the \LaTeX\ is converted
+ to \HTML using \TeXfht (and
+ \ctan{make4ht}), so the
+ quizzes can contain any \LaTeX commands that are understood by \TeX
+ 4ht, which is almost everything. In particular, it is possible to
+ use graphics constructed using \ctan{pstricks} and
+ \ctan{tikz}; see \autoref{SS:graphics}.
+
+ \WebQuiz supports the following three types of questions:
+ \begin{itemize}
+ \item Multiple choice questions with a unique correct answer
+ \item Multiple choice questions zero or more correct answers
+ \item Questions with an answer that is supplied by the student.
+ \end{itemize}
+ Each time a student answers a question it is possible to give them
+ feedback, reinforcing their learning when they answer correctly and
+ giving them further hints when they are wrong. This allows the
+ quiz author to give targeted feedback to the student based on their
+ answer.
+
+ The online quizzes constructed using \WebQuiz can, in principle,
+ contain anything that can be typeset by \LaTeX. In particular, they
+ do not need to contain mathematics. In fact, the quizzes do not even
+ have to contain ``questions'' as it is possible for a \WebQuiz
+ ``quiz'' to contain only \LatexCode|discussion| environments that can
+ be used to revise material, or to introduce new material, for the
+ students; see \autoref{SS:discussion}.
+
+ This introduction outlines how to use \WebQuiz, however, the
+ impatient reader may want to skip ahead directly to the
+ \autoref{S:documentclass}, where the \LaTeX\ commands used by
+ \WebQuiz are described.
+
+ The easiest way to explain how \WebQuiz works is by example. The
+ following \LaTeX\ file defines a quiz with a single multiple choice
+ question that has four possible answers, each of which has a
+ customised feedback. Giving feedback to the students in each
+ question is optional but the capability of being able to give
+ students feedback on their answer is one of the main pedagogical
+ advantages of online quizzes.
+
+ \InputLatexCode{simple}
+
+ Since this is a \LaTeX\ file it can be processed using
+ \BashCode|pdflatex|, or \BashCode|latex|, to produce a readable and
+ printable version of the quiz, which can be useful when
+ proofreading. With the example above, the PDF version of the quiz looks
+ like this:
+ \ScreenShot[0.5]{Sample \BashCode|PDF| output}{simple-pdf}
+ Of course, the real reason for using \WebQuiz is to create a
+ web page for the quiz, which you do by processing the quiz using
+ the \BashCode|webquiz| command )instead of, say
+ \BashCode|pdflatex|). If you do this and open the resulting
+ web page in your favourite browser, after selecting answer~(a), you
+ will see a web page like this:
+ \ScreenShot{Sample web page}{simple-html}
+ The actual page that you see may be slightly different to
+ this because the appearance of the web page depends partly on your
+ choice of browser.
+
+ By default, the online version of the quiz displays one question at
+ a time, with the question buttons serving the dual purpose of
+ navigation between questions and displaying how successful the
+ student was in answering the question. The decorations on the
+ question buttons indicate whether the question has been attempted
+ and, if so, whether it was answered correctly or incorrectly on the
+ first or subsequent attempts. One of the main points of \WebQuiz is
+ that (optional) targeted feedback can be given to the student taking
+ the quiz based on their answer.
+
+ \subsection{What \WebQuiz does and does not do}
+
+ \WebQuiz is a tool that makes it possible to write ``interactive''
+ online quizzes using \LaTeX{}. To use \WebQuiz you only need
+ basic working knowledge of \LaTeX{}. In particular, no familiarity
+ of the underlying \CSS, \HTML or \Javascript is required.
+
+ \WebQuiz can be used to ask students a series of ``quiz''
+ questions. In addition, your online quiz web pages can contain
+ course material using the \WebQuiz \LatexCode|discussion|
+ environment; see \autoref{SS:discussion}. You can write \WebQuiz
+ quizzes that only contain questions, and no
+ \LatexCode|discussion|, quizzes that contain questions and
+ \LatexCode|discussion|, and (pseudo) quizzes that contains only
+ \LatexCode{discussion} and no quiz questions.
+
+ By default, the online quizzes display one question (or
+ \LatexCode|discussion| environment) at a time. It is also possible
+ to display all of the quiz questions on a single web page
+ (\autoref{SS:classOptions}). One of the key features of \WebQuiz is
+ that you can give feedback to the students based on their answers.
+ In this way you can give hints to the students to correct their
+ mistakes and you can reinforce the students' understanding when they
+ are correct. Each question in a quiz, and each quiz itself, can be
+ attempted as many times as the student wants. \WebQuiz does not
+ limit the number of times that questions can be attempted.
+
+ As described in \autoref{SS:Questions}, \WebQuiz supports the following question types:
+ \begin{itemize}
+ \item Multiple choice questions with a unique correct answer
+ \item Multiple choice questions zero or more correct answers
+ \item Questions that require students to type in an answer. There
+ are several different ``comparison'' methods available for
+ comparing the students answer where
+ for example, the entered answers can be a ``string'' or a ``number''.
+ \end{itemize}
+
+ Questions can appear in either the same order that they appear in
+ the \LaTeX{} file for the quiz or in a random order that changes
+ each time the quiz page is loaded. For multiple choice questions the
+ order in which the choices appear is always the order that they
+ appear in the \LaTeX{} file for the quiz, even if the questions
+ appear in random order.
+
+ \WebQuiz supports several different languages and it
+ provides a number of different colour schemes (see
+ \autoref{SS:commandline} and \hyperref[SS:themes]{Appendix A}).
+
+ \WebQuiz quizzes are not timed and they do not have time-limits.
+
+ Quizzes made using \WebQuiz are intended to be used as a
+ revision resource rather than as an assessment tool. In particular,
+ \WebQuiz does not provide a mechanism for recording the marks
+ obtained by the students taking the quiz
+ (\autoref{SS:classOptions}). Technically, it probably would not be
+ very hard to record marks but this introduces a significant amount
+ of extra overhead in terms of student authentication and interfacing
+ with a database. In addition, if \WebQuiz were used as an assessment
+ tool then there would be additional ``security issues'' to ensure
+ that the quiz content is secure. Currently, even though the
+ solutions to the quiz questions do not appear in the \HTML source
+ code for the quiz pages it is possible to access the answers if you
+ know what you are doing.
+
+ The questions in a \WebQuiz quiz are static. In particular,
+ \WebQuiz quiz questions do not accept variables.
+
+ The \WebQuiz program was designed to be run from the command-line.
+ To process the file \BashCode|quiz.tex| using \WebQuiz you would
+ type
+ \begin{bashcode}
+ > webquiz quiz or > webquiz quiz.tex
+ \end{bashcode}
+ \index{$>$ command-line prompt}\index{command-line prompt!$>$}
+ (Throughout this manual, \BashCode|>| is used for the command-line
+ prompt.)
+
+ It is possible to use \WebQuiz from inside editors like
+ \TeX Shop, but exactly how this is done will depend on the program
+ that you use. In the case of \TeX Shop you need to define a
+ new \textit{engine} following, for example the instructions at
+ \href{https://tex.stackexchange.com/questions/376649}
+ {tex.stackexchange.com/questions/376649}.
+ \index{TeXShop@\TeX Shop}
+
+ \subsection{Credits}
+ \WebQuiz{} was written and developed in the
+ \href{http://www.maths.usyd.edu.au/}{School of Mathematics and
+ Statistics} at the \href{http://www.usyd.edu.au/}{University of
+ Sydney}. The system is built on \LaTeX{} with the conversion from
+ \LaTeX{} to \HTML being done by Eitan Gurari's
+ \TeXfht and \ctan{make4ht}.
+
+ To write quizzes using \WebQuiz it is only necessary to know
+ \LaTeX, however, the underlying \WebQuiz system actually has three
+ components:
+ \begin{itemize}
+ \item A \href{https://www.latex-project.org/}{\LaTeX} document class
+ file, \BashCode|webquiz.cls|, and a \TeXfht
+ configuration file, \BashCode|webquiz.cfg|, that enables the
+ quiz files to be processed by \LaTeX{} and \TeXfht, respectively.
+ \item A \python program,
+ \BashCode|webquiz|, that translates the
+ \LaTeX{} into \XML, using \TeXfht, and then into \HTML.
+ \item \CSS, \HTML and \Javascript code controls and style the
+ quiz web pages.
+ \end{itemize}
+
+ The \LaTeX{} component of \WebQuiz{} was written by Andrew Mathas and
+ the \python, \CSS and \Javascript code was written by Andrew Mathas
+ based on an initial prototype that was written by Don Taylor in 2001-2.
+ Since 2004 the program has been maintained and developed by Andrew
+ Mathas. Although the program has changed substantially since 2004,
+ Don's idea of using \TeXfht, and some of his code, is still
+ in use. Prior to releasing \WebQuiz on \Ctan, the program was known
+ as \texttt{MathQuiz}.
+
+ Hendrik Suess contributed code to improve session history
+ and suggested the \LatexCode|\qref| command.
+
+ Thanks are due to Bob Howlett for general help with \CSS and to
+ Michal Hoftich for invaluable technical advice on \TeXfht. Thanks
+ are due to
+ Thomas Cailleteau
+ Michael Palmer and
+ Hendrik Suess,
+ for helpful feedback on the package.
+
+ \section{The \WebQuiz document class --- \hologo{LaTeX}{} commands}
+ \label{S:documentclass}
+
+ This chapter describes the commands and environments provided by the
+ \WebQuiz document class. This assumes that you have already installed
+ and configured \WebQuiz. If you have not yet initialised \WebQuiz
+ then please follow the instructions in \autoref{S:configuration}.
+
+ All of the code examples given in this and other sections can be
+ found in the \BashCode|examples| subdirectory of the \WebQuiz web
+ directory.\footnote{After you have initialised \WebQuiz, you can find the
+ \WebQuiz example directory from the command-line using:
+ \texttt{webquiz --settings webquiz-www}.}
+ Additional examples can be found in the \OnlineManual*,
+ which is included, in \BashCode|PDF| form, as
+ \hyperref[S:online]{Appendix B}.
+
+ Zoomed out, the structure of a typical \WebQuiz quiz file is a \LaTeX{} file of the form:
+ \begin{latexcode}
+ \documentclass{webquiz}
+ \title{A quiz}% optional, but potentially informative, title
+ \begin{document}
+
+ \begin{question}% text for first question
+ \end{question}
+
+ \begin{question}% text for second question
+ \end{question}
+
+ \begin{question}% text for third question
+ \end{question}
+
+ ...
+
+ \end{document}
+ \end{latexcode}
+ You should write your quizzes using the editor that you normally use
+ to write \LaTeX{} documents. As you write your quiz, say
+ \BashCode|quiz.tex|, you should use \BashCode|pdflatex|
+ (or \BashCode|latex|), in the usual way:
+ \begin{bashcode}
+ > pdflatex quiz
+ \end{bashcode}
+ This is the easiest way to check that your quiz compiles and to
+ proofread the output, just as if you were writing a normal \LaTeX{}
+ document. When you are satisfied with the content of the quiz, then
+ you can convert the quiz to an online quiz using the command
+ \begin{bashcode}
+ > webquiz quiz or > webquiz -d quiz # -d = draft mode = faster!
+ \end{bashcode}
+ The quiz file, \BashCode|quiz.tex|, should be in a directory on your
+ web server because \WebQuiz creates a number of different files and
+ directories when it converts the file into an online quiz and all
+ of these files are needed to display the quiz on the web.
+
+ The reasons for using this workflow are:
+ \begin{itemize}
+ \item \textit{Every file that you give to \WebQuiz must be a valid
+ \LaTeX{} file!}
+
+ \item The \BashCode|dvi| or \BashCode|PDF| file produced by \LaTeX{}
+ shows all of the information in the quiz
+ \textit{in an easy-to-read format}. That is, the \BashCode|PDF| file
+ displays the questions, the answers and the feedback that you are
+ giving to the students. In contrast, by design, the online version
+ of the quiz hides most of this information and shows it to the
+ student only when they need to see it.
+
+ \item Typesetting the quiz file with \LaTeX{} is \textit{much
+ faster} than processing it with \WebQuiz. In fact, \WebQuiz uses
+ \BashCode|htlatex| to process the quiz file at least
+ \textit{three times} in order to produce an \XML file and it is only
+ then that the \WebQuiz program kicks in to rewrite this data as an
+ \HTML file. (If you use \textit{draft mode} then
+ \BashCode|htlatex| processes the quiz file only once.)
+
+ \item If \LaTeX{} produces errors then \WebQuiz will produce more
+ errors. Further, \textit{\LaTeX{} error messages are much easier to
+ read and understand than those produced by \TeXfht and \WebQuiz}.
+ \end{itemize}
+ This said, \WebQuiz does check for more errors in the quiz than
+ \LaTeX{} is (easily) able to do.
+
+ The \BashCode|PDF| version of a quiz does not contain information about
+ the unit, department or institution, which can be used in the
+ breadcrumbs.
+
+ The next sections describe the commands and environments provided by
+ \WebQuiz for typesetting quizzes as well as the document-class options
+ for the package. If you plan to use \ctan{pstricks} or
+ \ctan[pgf]{tikz} then you should read \autoref{SS:graphics}, which
+ describes how to use graphics in a \WebQuiz quiz.
+ \autoref{SS:config} describes a work-around for using (some?) \LaTeX{}
+ features that have not been configured for use with \TeXfht.
+
+ \subsection{Question environments}\label{SS:Questions}
+
+ The \WebQuiz document class defines the following four environments:
+ \begin{quote}
+ \begin{description}
+ \item[question] Each quiz question needs to be inside
+ \LatexCode|question| environment
+ \item[choice] Typesets multiple choice questions, with
+ one or more correct answers
+ \item[discussion] Includes (optional) discussion, or revision,
+ material at the start of the quiz web page
+ \item[quizindex] Writes an index file for the quizzes in
+ a ``unit of study'' and generates drop-drop menus in each quiz for
+ the unit
+ \end{description}
+ \end{quote}
+ This section describes these environments and gives examples
+ of their use.
+
+ \subsubsection{Question environments and the \textcolor{blue}{\textbackslash answer} macro}
+ \index{environment!question}
+ \index{question environment}
+
+ Each quiz question must be placed inside a \LatexCode|question|
+ environment. Typically, a quiz has several questions, each wrapped in
+ its own \LatexCode|question| environment. For brevity, most of the
+ examples in this chapter have only one question. See the
+ \OnlineManual, in the \WebQuiz web directory for a more complete quiz
+ file.
+
+ This manual describes the \WebQuiz commands, often by example. The
+ following code-block generates a quiz with one question for which the
+ student has to enter the answer. This answer is then compared with the
+ correct answer as a string, which it must match exactly.
+ \InputLatexCode{answer-string}
+ \macroIndex{answer}\CrossIndex{question environment}*{answer}
+ \CrossIndex*{answer}*{whenRight}
+ \CrossIndex*{answer}*{whenWrong}
+ \index{feedback!whenRight}
+ \index{feedback!whenWrong}
+ The \textit{optional} macros \LatexCode|\whenRight| and
+ \LatexCode|\whenWrong| are used to give the student additional
+ feedback, when they are right, or further hints etc for approaching
+ the question, when they are wrong. This feedback is displayed on the
+ quiz page only when the student checks their answer.
+
+ The web page created by the code above, when an incorrect answer of
+ ``canberra'', instead of ``Canberra'' is given, looks something like
+ the following:
+ \ScreenShot{A question with an answer}{answer-string}
+ This example shows one way of using the \LatexCode|\answer| macro, which
+ asks for the student to type in an answer to the question. The general syntax of
+ this macro is:
+ \begin{latexcode}
+ \answer[comparison type]{correct answer}
+ \end{latexcode}
+ where the optional \textit{comparison type} is one of:
+ \begin{latexcode}
+ complex integer lowercase number string
+ \end{latexcode}
+ with \LatexCode|string| being the default. In addition, there is a
+ $*$-variant of the answer macro that does not print the word
+ ``Answer'' (or equivalent in other languages) before the input box.
+ The syntax for the \LatexCode|\answer*| command is identical to that
+ for the \LatexCode|\answer| except, of course, that there is a~$*$:
+ \begin{latexcode}
+ \answer*[comparison type]{correct answer}
+ \end{latexcode}
+ As \LatexCode|string| is the default answer comparison method, if we
+ instead use \LatexCode|\answer*{Canberra}| in the last example then
+ the quiz page generated by \WebQuiz looks like:
+ \ScreenShot{A question with answer$*$}{answer-star}
+ Notice that the word \LatexCode|Answer| no longer appears in front of
+ the answer box. Of course, if you use the unstarred version of the
+ \LatexCode|\answer|-macro together with the document class option
+ \LatexCode|language=xxx| to change the default language
+ (\autoref{SS:classOptions}), then the appropriate translation of
+ \LatexCode|Answer| will appear on the web page.
+
+ We now give a description of the other comparison types for the
+ \LatexCode|\answer| and \LatexCode|\answer*| macros together with
+ code examples and screenshots.
+
+ \CrossIndex*{answer}{complex}
+ \begin{heading}[complex comparison] The answers are compared as complex
+ numbers: the answer is marked as correct if it has the same real and
+ imaginary parts.
+ \InputLatexCode{answer-complex}
+ \ScreenShot{A question with a complex answer}{answer-complex}
+ \end{heading}
+ Observe that the correct answer is given in the quiz file as $7+i$
+ and that \WebQuiz accepts $i+7$ as the correct answer.
+
+ \begin{heading}[integer comparison] The answers are compared as
+ integers. If the correct answer was $18$ and a student entered
+ $36/2$ then their answer would be marked wrong.
+ \CrossIndex*{answer}{integer}
+ \InputLatexCode{answer-integer}
+ \ScreenShot{A question with a integer answer}{answer-integer}
+ \end{heading}
+
+ \begin{heading}[lowercase comparison] The quiz answer and the
+ students' answer are both converted to lower case and then compared as
+ strings.
+ \CrossIndex*{answer}{lowercase}
+ \InputLatexCode{answer-lowercase}
+ \ScreenShot{A question with a lowercase string answer}{answer-lowercase}
+ \end{heading}
+
+ \begin{heading}[number comparison] The quiz answer and the students'
+ answer are compared as numbers. \CrossIndex*{answer}{number}
+ \InputLatexCode{answer-number}
+ \ScreenShot{A question with a numeric answer}{answer-number}
+ Notice that the answer is given in the \LaTeX{} file as $3/4$ and
+ that the equivalent fraction, $0.75$, is accepted as the correct
+ answer.
+ \end{heading}
+
+ \begin{heading}[string comparison]
+ This is the default, so \LatexCode|\answer{word}| and
+ \LatexCode|\answer[string]{word}| are equivalent. The student's
+ answer is marked correct if and only if it agrees exactly with
+ the quiz answer.
+ \CrossIndex*{answer}{string}
+ \end{heading}
+
+ \subsubsection{Multiple choice questions}\label{SS:choice}
+ \index{environment!choice}
+ \index{question environment!choice}
+ \SeeIndex{multiple choice}{choice environment}
+
+ The multiple choice options for a quiz question need to be placed inside
+ a \LatexCode|choice| environment -- and every \LatexCode|choice|
+ environment needs to be inside a \LatexCode|question| environment.
+
+ The \LatexCode|choice| environment accepts two optional arguments,
+ can appear in any order:
+ \begin{itemize}
+ \item\CrossIndex{choice environment}{single}
+ \CrossIndex{choice environment}{multiple}
+ The word \LatexCode|single| (default, and can be omitted) or
+ \LatexCode|multiple|, which indicates whether the quiz has a
+ \textit{single} correct answer or whether 0 or more of the answers are
+ correct, respectively.
+ \item \index{choice environment!columns}
+ The number of \textit{columns} in which to typeset the choices. This
+ is specified as \LatexCode|columns=n|, where $n$ is a non-negative integer.
+ By default, the choices appear in $n=1$ columns
+ (\DefaultValue{columns=1}).\\
+ \textit{Use \LatexCode|columns=n| with care when $n>1$ as multiple
+ columns do not always display well on mobile devices.}
+ \end{itemize}
+ The key difference between these two types of \LatexCode|choice|
+ questions is that a \LatexCode|single|-choice environment uses radio
+ boxes, so it is only possible to select \textit{one correct answer}.
+ In a \LatexCode|multiple|-choice environment checkboxes are used, so
+ that is possible to select \textit{zero or more correct answers}.
+
+ A \LatexCode|choice| environment modelled on the standard
+ \LaTeX{} list environments (\textit{enumerate}, \textit{itemize},
+ \textit{description}, ...), except that instead of using the
+ \LatexCode|\item| command to separate the items the
+ \LatexCode|choice| environment uses \LatexCode|\correct|
+ \CrossIndex{choice environment}*{correct} \LatexCode|\incorrect|
+ \CrossIndex{choice environment}*{incorrect}, which indicate correct
+ and incorrect answers respectively. In addition, after each
+ \LatexCode|\correct| or \LatexCode|\incorrect| you can, optionally, use
+ \LatexCode|\feedback| \CrossIndex{choice environment}*{feedback} to give
+ feedback to the student taking the quiz. Like
+ \LatexCode|\whenRight| and \LatexCode|\whenWrong| this feedback is
+ displayed only when the student checks their answer.
+ \index{feedback}
+ \CrossIndex{feedback}*{whenRight}
+ \CrossIndex{feedback}*{whenWrong}
+
+ Here is an example of a \LatexCode|single|-choice question with a unique
+ answer:
+ \InputLatexCode{choice-single}
+ Note that \LatexCode|single| is the default, so this could also be written as
+ \begin{latexcode}
+ \begin{choice}[columns=3, single]
+ ...
+ \end{choice}
+ \end{latexcode}
+ It is not necessary to put the \LatexCode|\feedback| lines on the same
+ line as the \LatexCode|\incorrect| and \LatexCode|\incorrect|; this is
+ done only to make the example more compact. This results in the
+ following web page:
+ \ScreenShot{Single answer multiple choice question}{choice-single}
+
+ Here is an example of a multiple choice question that has
+ two correct answers:
+ \InputLatexCode{choice-multiple}
+ Notice that this example uses the document-class option
+ \LatexCode{theme=vibrant}, which changes the \WebQuiz colour theme;
+ see \autoref{SS:classOptions}.
+ \ScreenShot{Multi-answer multiple choice question}{choice-multiple}
+
+ When the optional argument \LatexCode|multiple| to the
+ \LatexCode|choice| environment is used, as above, then the question is
+ marked correct if and only if \textit{all} of the correct choices, and
+ none of the incorrect choices, are selected. If the student's
+ selections are not completely correct then are given feedback that is
+ randomly selected from amongst their wrong choices (that is, the
+ feedback is randomly selected from the set of \LatexCode|\correct|
+ choices that were not selected and the \LatexCode|\incorrect| choices
+ that were selected).
+
+ Finally, observe that the multiple choice items in the screenshot
+ above are labelled by roman numerals. The items in a
+ \LatexCode{choice} environment are labelled by a standard \LaTeX{}
+ counter, that is also called \LatexCode|choice|. Redefining the
+ \LaTeX{} macro \LatexCode|\thechoice| changes how the corresponding
+ question choices are labelled in the online quiz. For example, to
+ label the items in a \LatexCode|choice| environment by A), B), C)
+ $\dots$ add the line:
+ \begin{latexcode}
+ \renewcommand\thechoice{\Alph{choice})}
+ \end{latexcode}
+ to the preamble of the \LaTeX{} file for your quiz.
+ \CrossIndex{choice environment}*{thechoice}\macroIndex{thechoice}
+
+ \subsubsection{Discussion environments}\label{SS:discussion}
+ \index{environment!discussion}
+
+ In addition to asking questions, it is possible to display revision,
+ or discussion, material on the quiz web page using the
+ \LatexCode|discussion| environment. All discussion material is
+ displayed on the quiz page \textit{before} the questions in the quiz
+ and the (short) titles for the discussion items appear before the quiz
+ questions in the menu on the left-hand side of the page --- it is
+ not possible to interleave discussion items and questions in the side
+ menu.
+
+ Each quiz can have zero or more discussion environments. These
+ environments can, in principle, contain arbitrary \LaTeX{} code. The
+ syntax for the \LatexCode|discussion| environment is:
+ \begin{latexcode}
+ \begin{dicussion}[short heading][heading]
+ ...
+ \end{dicussion}
+ \end{latexcode}
+ The \textit{short heading} is used in the side-menu. Both the
+ \textit{heading} and \textit{short-heading} are optional, both
+ defaulting to \LatexCode|Discussion|. If only one heading is given
+ then this sets both the \textit{short heading} and \textit{heading}
+ for the discussion item. For example, running the following \LaTeX\
+ file, which uses \LatexCode|theme=muted|, through \WebQuiz
+ \InputLatexCode{discussion}
+ produces the quiz page:
+ \ScreenShot{Web page: discussion environment}{discussion}
+ As with the questions, only one \LatexCode|discussion| environment is
+ displayed on the quiz web page at a time (unless the document-class
+ option \LatexCode|onepage| is used). It is possible to have quizzes
+ that contain only \LatexCode|discussion| environments, with no
+ questions, and quizzes that contain only \LatexCode|question|
+ environments, with no discussion.
+
+ If you have a mixture of \LatexCode|discussion| and
+ \LatexCode|question| environments then it is useful to be able to add
+ thinks between them. \LaTeX{} provides the \LatexCode|\label| and
+ \LatexCode|\ref| commands for cross-referencing, so \WebQuiz builds
+ on this idea and provides the three commands \LatexCode|\dref|,
+ \LatexCode|\qref| and \LatexCode|\Qref| to reference
+ \LatexCode|discussion| and \LatexCode|question| environments. The
+ syntax for these commands is as follows:
+ \begin{latexcode}
+ \dref[optional text]{LaTeX label} % inserts discussion button
+ \dref*[optional text]{LaTeX label} % inserts discussion link
+ \qref[optional text]{LaTeX label} % inserts question button by label
+ \qref*[optional text]{LaTeX label} % inserts question link by label
+ \Qref[optional text]{question number} % inserts question button by number
+ \Qref*[optional text]{question number} % inserts question link by number
+ \end{latexcode}
+ \CrossIndex{cross-reference}*{dref}
+ \CrossIndex{cross-reference}*{qref}
+ \CrossIndex{cross-reference}*{Qref}
+ \CrossIndex{cross-reference}*{label}
+ In each case the text in the link or button defaults to either the
+ short-title, for discussion environments, or the question number for
+ questions. The ``optional text'' is used instead whenever it is
+ supplied. These commands can be used anywhere in a quiz, including
+ \LatexCode|discussion|, \LatexCode|question| and \LatexCode|choice|
+ environments and inside feedback text for the students written using
+ \LatexCode|\feedback|, \LatexCode|\whenRight| and \LatexCode|\whenWrong|.
+
+ The macros \LatexCode|\dref| and \LatexCode|\qref| use a standard
+ \LaTeX{} \textit{label}, defined using the \LatexCode|\label| command,
+ to insert a button or a link. In contrast, \LatexCode|\Qref| uses the actual
+ \textit{question number}, so it is not necessary to define a
+ \LatexCode|\label| for a question when using \LatexCode|\Qref|.
+
+ Even though the macros \LatexCode|\qref| and \LatexCode|\Qref| are
+ quite similar they serve different functions when the
+ \LatexCode|randomorder| document class option is used (see
+ \autoref{SS:classOptions}). In this case we do not know ahead of time
+ the question numbers that will be used in the quiz. So if
+ \LatexCode|q:one| is the label for the first question in the \LaTeX{}
+ file then \LatexCode|\qref{q:one}| will insert a button to this
+ question \textit{but} this will almost certainly not be Question~$1$.
+ On the other hand, we can create a ``Start quiz'' button, for example,
+ that will open Question~1 on any quiz, using
+ \LatexCode|\Qref[Start quiz]{1}|.
+
+ Here is an example that shows how \LatexCode|\Qref| works:
+ \InputLatexCode{discussion-Qref}\macroIndex{Qref}
+ which produces the online quiz:
+ \ScreenShot{Crossing-referencing using question numbers}{discussion-Qref}
+ Similarly, here is an example showing how \LatexCode|\dref| and \LatexCode|qref|
+ are used:
+ \InputLatexCode{discussion-ref}\macroIndex{dref}\macroIndex{qref}
+ This code produces the online quiz:
+ \ScreenShot{Crossing-referencing using labels}{discussion-ref}
+
+ \begin{dangerous}
+ When using the \LatexCode|randomorder| document class option
+ (\autoref{SS:classOptions}), ``optional text'' should always be
+ given when using \LatexCode|\qref|. This is because the question
+ number that is displayed by default will always be the question
+ number \textit{in the \LaTeX{} file} rather than the question number
+ in the online quiz.
+ \end{dangerous}
+
+ \subsubsection{Index pages for quizzes}\label{SS:index}
+ \index{quizindex environment}
+ \index{environment!quizindex}
+
+ Most quizzes occur in sets that cover related material, such as for
+ a particular unit of study. The \LatexCode|quizindex| environment
+ creates an index web page for related sets of quizzes. The \LaTeX{}
+ files for all of these quizzes must be in the same directory, or
+ folder, on the web server. The index web page is a \WebQuiz file of
+ the form:
+ \InputLatexCode{index-en}
+ which generates a web page that looks like:
+ \ScreenShot[0.7]{Example index page}{index-en}
+ As the next section describes, index files are also used to
+ automatically add a drop-down menu that contains the quiz-index to
+ the breadcrumbs on all of the quiz web pages. This drop-down menu
+ provides an easy way to navigate between all of the quizzes for a
+ particular unit of study.
+
+ As the example above shows, the entries in the \LatexCode|quizindex| are
+ given using the \LatexCode|\quiz| or the \LatexCode|\quiz*| command.
+ \CrossIndex{quizindex environment}*{quiz}
+ The syntax for these commands is
+ \begin{latexcode}
+ \quiz[URL for quiz]{Title for quiz}
+ \quiz*[URL for quiz]{Title for quiz}
+ \end{latexcode}
+ The \LatexCode|\quiz| macro automatically inserts the quiz numbers
+ into the index listing. The \LatexCode|\quiz*| command is identical
+ \textit{except} that it does not add \BashCode|Quiz 1.|,
+ \BashCode|Quiz 2| etc to the index listing. By default, the URLs for
+ the quizzes in the index are assumed to be of the form
+ \BashCode|quiz1.html|, \BashCode|quiz2.html|, \BashCode|quiz3.html|,
+ .... These URLs can be changed using the optional argument of the
+ \LatexCode|\quiz| and \LatexCode|\quiz*| commands. For example,
+ \begin{latexcode}
+ \quiz[realquiz.html]{This is the real quiz}
+ \end{latexcode}
+ would create an item in a quiz index that links to the web page
+ \BashCode|realquiz.html|.
+
+ Index pages in other languages are produced in exactly the same way. For example,
+ \InputLatexCode{index-cz}
+ produces the web page:
+ \ScreenShot[0.7]{A Czech index}{index-cz}
+ The next section describes the \LatexCode|\BreadCrumb| and
+ \LatexCode|\BreadCrumbs| commands.
+
+ At most one file in each directory should contain a
+ \LatexCode|quizindex| environment. This is because \WebQuiz creates
+ the file \Javascript file \BashCode|quizindex.js| whenever it
+ compiles a \LatexCode|quizindex| environment. This file contains
+ \Javascript commands for displaying the quiz index.
+
+ \subsubsection{Breadcrumbs}\label{SS:breadcrumbs}\index{breadcrumbs}
+ \WebQuiz provides a straightforward way to place navigation breadcrumbs
+ at the top of the quiz web page. By default the
+ breadcrumbs are disabled. If you have a \LatexCode|\BreadCrumbs| command
+ like:
+ \begin{latexcode}
+ \BreadCrumbs{Mathematics /|Math1001 /u/Math1001|quizindex|title}
+ \end{latexcode}
+ in your \LaTeX{} file then \WebQuiz will add a corresponding strip
+ of breadcrumbs, or navigation links, to the top of your quiz page:
+ \ScreenShot{Example breadcrumbs}{breadcrumbs}
+ The drop-down menu is normally hidden, appearing only after the
+ $\equiv$ ``button'' on the web page is clicked.
+
+ Usually, most of the breadcrumbs are navigation links to other web pages. In
+ the example above:
+ \begin{itemize}
+ \item The first ``crumb' inside the
+ \LatexCode|\BreadCrumbs| command is \BashCode|Mathematics /|. This inserts the text
+ \BashCode|Mathematics| together with a (relative) URL to
+ \BashCode|/|, the root directory for the web
+ server, which is often the correct URL for the department (or the
+ institution)
+ \item The \BashCode|Math101 /u/math101| inserts the text
+ \BashCode|Math101| as the second breadcrumb with URL
+ \BashCode|/u/math101|.
+ \item The \BashCode|quizindex| inserts the text \BashCode|Quizzes|
+ together with the symbol $\equiv$, which opens a drop-down menu
+ that contains the list of quizzes in the quiz index for the unit.
+ This is described in more detail below.
+ \item Finally the \LatexCode|title| in the breadcrumbs inserts, as
+ text, the part of the title \textit{before the first colon} in the title,
+ where the title is given by \LatexCode|\title{...}|.
+ \end{itemize}
+ The breadcrumbs for the quiz web page can be either be configured
+ quiz-by-quiz, using the \LatexCode|\BreadCrumbs| macro
+ \macroIndex{BreadCrumbs}, as above, or by setting default
+ \LatexCode|breadcrumbs| in the \webquizrc using the command-line
+ option
+ \begin{bashcode}
+ > webquiz --edit-settings
+ \end{bashcode}
+ as described in \autoref{SS:commandline}. Breadcrumbs are disabled by default.
+
+ The breadcrumbs inside the \LatexCode|\BreadCrumbs{...}| command are given as
+ a ``|-separated list''. For example, quite reasonable breadcrumbs are given by:
+ \begin{latexcode}
+ \BreadCrumbs{ department | unitcode | quizindex | title }
+ \end{latexcode}
+ To make this the default set of breadcrumbs use
+ \BashCode{webquiz --edit-settings} to set breadcrumbs
+ in the \webquizrc to:
+ \begin{latexcode}
+ department | unitcode | quizindex | title
+ \end{latexcode}
+ More generally, the breadcrumbs can be specified as:
+ \begin{latexcode}
+ \BreadCrumbs{ crumb1 | crumb2 | crumb3 | crumb4 | ... }
+ \end{latexcode}
+ In principle, there can be arbitrarily many crumbs in your
+ breadcrumbs but, in practice, five is more than enough.
+ The crumbs inside a \LatexCode|\BreadCrumbs| command have the
+ following meanings:
+
+ \begin{description}
+ \item[breadcrumb] The breadcrumb for the current quiz, which is
+ set using the \LatexCode|\BreadCrumb| macro. This breadcrumb is
+ purely descriptive, with no hyperlink being added: only the text given by
+ \LatexCode|\BreadCrumb| appears.
+ \CrossIndex*{BreadCrumbs}{breadcrumb}\macroIndex{BreadCrumb}
+
+ \item[department] This expands to a link to your department, where
+ the department text is set using the macro \LatexCode|\Department| and its URL is set by
+ \LatexCode|\DepartmentURL|.
+ \macroIndex{Department}\macroIndex{DepartmentURL}
+ \CrossIndex*{BreadCrumbs}{department}
+
+ \item[institution] This expands to a link to your institution, where
+ the institution text is set using \LatexCode|\Institution| and its URL is set by
+ \LatexCode|\InstitutionURL|. The institution also appears in the
+ side-menu above the \WebQuiz copyright notice.
+ \macroIndex{Institution}\macroIndex{InstitutionURL}
+ \CrossIndex*{BreadCrumbs}{institution}
+
+ \item[quizindex] This expands to \BashCode|Quizzes|, which is a
+ link to the index page for your unit, as defined by
+ \LatexCode|\QuizzesURL|, which is described below. In addition,
+ if the directory contains a BashCode|quizindex.js| file, which is
+ created by the \LatexCode|quizindex| environment (see
+ \autoref{SS:index}), then the symbol {\large$\equiv$} will appear,
+ giving access to a drop-down menu to the index page, looking
+ something like this:
+ \ScreenShot{Drop-down menu giving index of quizzes}{quizindex-dropdown}
+ \macroIndex{QuizzesURL}
+ \CrossIndex*{BreadCrumbs}{quizindex} Such drop-down menus are
+ automatically added to quiz web pages that have a
+ \LatexCode|quizindex| breadcrumb| as soon as
+ an quiz page that contained a \WebQuiz \LatexCode|quizindex| environment has
+ been compiled in the current directory.
+ \CrossIndex{breadcrumbs}{quizindex}
+
+ For those interested in how this is done, whenever \WebQuiz
+ compiles a \LatexCode|quizindex| environment it creates a
+ \Javascript file \BashCode|quizindex.js|. Every quiz file includes
+ this \Javascript file, if it exists, and this allows it to display
+ a drop-down menu for the quiz index.
+
+ \item[Title] This expands to the full title of the quiz page,
+ without a hyperlink, as given by the \LatexCode|\title|.
+ \CrossIndex*{BreadCrumb*}{Title}
+
+ \item[title] This expands to the part of title of the quiz page,
+ without a hyperlink, that occurs \textit{before} the first colon
+ in the title of the quiz. For example, if the title is given as
+ \begin{latexcode}
+ \title{Quiz 1: The wonders of life}
+ \end{latexcode}
+ then ``Quiz 1'' will be added to the list of breadcrumbs. If the
+ title does not contain a colon then the full title is printed.
+ \CrossIndex*{BreadCrumbs}{title}
+
+ \item[unitcode] This expands to a link to the unit code, where the
+ unit code text is set using \LatexCode|\UnitCode|, and its URL is
+ set by
+ \LatexCode|\UnitURL|
+ \macroIndex{UnitCode}\macroIndex{UnitURL}
+ \CrossIndex*{BreadCrumbs}{unitcode}
+
+ \item[unitname] This expands to a link to the unit name, where the
+ unit name text is set using \LatexCode|\UnitName|, and its URL is
+ set by
+ \LatexCode|\UnitURL|
+ \macroIndex{UnitName}\macroIndex{UnitURL}
+ \CrossIndex*{BreadCrumbs}{unitname}
+
+ \end{description}
+
+ \noindent
+ In addition, each \textit{crumb} in a breadcrumb, except for the
+ ``magic crumbs'' listed above, is allowed to be arbitrary text ---
+ although, non-ascii characters may cause problems. In this case, the
+ last ``word'' in the crumb is treated as a URL if it either beings
+ with a forward slash, \BashCode|/|, or if it begins with
+ \BashCode|http|. For example, the code:
+ \InputLatexCode{montypython}
+ \noindent
+ results in the following breadcrumbs:
+ \ScreenShot{Guaranteed to offend some one}{montypython}
+ Notice that it is necessary to correctly escape spaces etc in
+ URLs that are specified this way. Similarly, all of the characters
+ in the breadcrumbs should be ascii characters as unicode is likely to
+ cause encoding issues (compare with the Czech index given in
+ \autoref{SS:index}).
+
+ If any part of a ``magic'' breadcrumb has not been defined then it
+ is printed with a question mark on the web page. For example, the
+ quiz file
+ \InputLatexCode{nounits}
+ does not define the unit code, so it results in the ``questionable'' first breadcrumb:
+ \ScreenShot{Breadcrumbs with no unit code}{nounits}
+
+ Here is the list of \WebQuiz macros that we be used to set the
+ values of the ``magic'' breadcrumbs inside a
+ \LatexCode|\BreadCrumbs|. Note that default values for many of these
+ ``crumbs'' can be given in the \webquizrc.
+
+ \newcommand\Item[1]{\item[\textbackslash#1]\CrossIndex{breadcrumbs}*{#1}}
+ \begin{description}
+ \Item{BreadCrumb}\macroIndex{BreadCrumb}
+ The \LatexCode|\BreadCrumb| command sets the \LatexCode|breadcrumb|
+ variable in the \LatexCode|\BreadCrumbs|. The primary use for this
+ is when you have default breadcrumbs in the \webquizrc like
+ \begin{bashcode}
+ breadcrumbs = department | unitcode | breadcrumb
+ \end{bashcode}
+ Using \LatexCode|\BreadCrumb| allows you to set the last crumb to
+ some meaningful text that describes the quiz.
+
+ \Item{Department}\macroIndex{Department}
+ The \LatexCode|\Department| command sets the name of the
+ \LatexCode|department|. As described earlier in this section, by
+ default, the \LatexCode|department| is the first item in the
+ breadcrumbs that appear at the top of the web page.
+
+ The default department can be set in the \webquizrc using
+ \BashCode|webquiz --edit-settings|.
+
+ Default value: \BashCode{''} \qquad(i.e. the empty string)
+
+ \Item{DepartmentURL}\macroIndex{DepartmentURL}
+ The \LatexCode|\DepartmentURL| command sets URL for the department. As
+ described earlier in this section, by default the department URL is
+ the link in the first breadcrumb on each web page.
+
+ The default department URL can be set in the \webquizrc using
+ \BashCode|webquiz --edit-settings|.
+
+ Default value: \DefaultValue{/}
+
+ \Item{Institution}\macroIndex{Institution}
+ The \LatexCode|\Institution| command sets the institution, or university.
+ The \LatexCode|institution| appears below the question buttons in the
+ left-hand navigation menu that appears on every quiz web page
+ (provided that the screen size is not too small). As described
+ earlier in this section, the institution can be used in the web
+ page breadcrumbs.
+
+ The default institution can be set in the \webquizrc using
+ \BashCode|webquiz --edit-settings|.
+
+ Default value: \BashCode{''} \qquad(i.e. the empty string)
+
+
+ \Item{InstitutionURL}\macroIndex{InstitutionURL}
+ The \LatexCode|\InstitutionURL| command sets the institution URL. This is
+ used as the link for the \LatexCode|institution| in the left-hand
+ navigation menu that appears on every quiz page. As described
+ earlier in this section, the institution URL can be used in the
+ web page breadcrumbs.
+
+ The default institution URL can be set in the \webquizrc using
+ \BashCode|webquiz --edit-settings|.
+
+ Default value: \DefaultValue{/}
+
+ \Item{QuizzesURL}\macroIndex{QuizzesURL}
+ The \LatexCode|\QuizzesURL| command sets the URL for the suite of quizzes
+ attached to this unit of study. As described earlier in this
+ section, this can be used in the breadcrumb at the top of the quiz
+ web page.
+
+ Default value: \DefaultValue{UnitURL/Quizzes}, where \DefaultValue{UnitURL} is set
+ using \LatexCode|\UnitURL|
+
+ \Item{UnitCode}\macroIndex{UnitCode}
+ The \LatexCode|\UnitCode| command sets the unit of study code for the
+ unit that the quiz is part of.
+
+ \Item{UnitName}\macroIndex{UnitName}
+ The \LatexCode|\UnitName| command sets the name of the unit of study for
+ the unit that the quiz is attached to.
+
+ \Item{UnitURL}\macroIndex{UnitURL}
+ The \LatexCode|\UnitURL| command sets the URL for the unit of study code
+ for the unit that the quiz is attached to.
+
+ \end{description}
+
+ \noindent
+ It makes sense to set defaults for \LatexCode|\BreadCrumbs|
+ \LatexCode|\Department|, \LatexCode|\DepartmentURL|,
+ \LatexCode|\Institution| and \LatexCode|\InstitutionURL| in the
+ \webquizrc. After doing this, a typical \WebQuiz file might look like this:
+
+ \begin{latexcode}
+ \documentclass{webquiz}
+ \UnitName{Fundamental stuff}
+ \UnitCode{Stuff101}
+ \UnitURL{/courses/stuff101}
+
+ \title{Stuffing: the art of taxidermy}
+
+ \begin{document}
+ \begin{question}
+ first question...
+ \end{question}
+ \begin{question}
+ second question...
+ \end{question}
+ \end{document}
+ \end{latexcode}
+
+ If you have many quizzes for many different units then a better approach is to create
+ a \LaTeX{} ``package'', say \BashCode|ourunits.sty|, to set these variables:
+ \begin{latexcode}
+ % ourunits.sty - set unit names, codes and URLs
+ \DeclareOption{stuff101}{
+ \UnitName{Fundamental stuff}
+ \UnitCode{Stuff101}
+ \UnitURL{/courses/stuff101}
+ }
+ \DeclareOption{stuff102}{
+ \UnitName{Fundamental stuff too}
+ \UnitCode{Stuff102}
+ \UnitURL{/courses/stuff102}
+ }
+ \ProcessOptions
+ \endinput
+ \end{latexcode}
+ Then you can replace the opening lines of the quiz file with
+ \LatexCode|\usepackage[stuff101]{ourunits}|. Of course, you could also
+ set the default \LatexCode|\Department|, \LatexCode|\DepartmentURL|,
+ \LatexCode|\Institution| and \LatexCode|\InstitutionURL| in such a
+ style file as well.
+
+ \subsection{\WebQuiz document class options}\label{SS:classOptions}
+
+ The \WebQuiz document class supports the following options:
+ \begin{latexcode}
+ fixedorder, hidesidemenu, language, onepage, pst2pdf,
+ separatepages, showsidemenu, theme, tikz
+ \end{latexcode}
+ This section describes all of these document-class options except for
+ \ctan{tikz} and \ctan{pst2pdf}, which are discussed in
+ \autoref{SS:graphics}. Many of the document-class options below occur
+ in pairs and defaults for many of these can be set in the \webquizrc
+ file. The settings given in the \LaTeX{} file
+ for a quiz will always override the default settings in the \webquizrc*.
+
+ \begin{description}
+
+ \item[fixedorder, randomorder]
+ \CrossIndex{document class options}{fixedorder}
+ \CrossIndex{document class options}{randomorder}
+ By default, the questions in the quiz are displayed in a
+ \DefaultValue{fixedorder} for all students who take the quiz.
+ This order is the order that the question appear in the \LaTeX{}
+ file for the quiz. That is, the first question in the online quiz
+ is the first question appearing in the \LaTeX file, the second
+ question in the quiz is the second question in the \LaTeX{} file,
+ and so on. With the \LatexCode|randomorder| option the questions
+ in the quiz are displayed in a random order that changes each time
+ that the quiz is run. With this option, the online quiz questions
+ are generally in a different order for every student. For example,
+ the code:
+ \InputLatexCode{random}
+ produces the quiz with randomly arranged quiz questions, such as:
+ \ScreenShot{Randomly ordered questions}{random}
+ (So the first question in the \LaTeX{} file is being displayed as
+ the fourth online quiz question. The next time the page is
+ loaded, such as for the next student, the question order will
+ change again.) When using the \LatexCode|randomorder|
+ document-class option only the questions appear in random order.
+ If the quiz contains multiple choice questions then the choices
+ are \textit{not} randomly permuted. That is, the choices always
+ appear in the order that they are written in the \LaTeX{} file.
+
+ \item[hidesidemenu, sidemenu]
+ \CrossIndex{document class options}{hidesidemenu}
+ \CrossIndex{document class options}{showsidemenu}
+ If the \LatexCode|hidesidemenu| option is set then the side menu
+ on the left-hand side of the quiz web page will not be displayed
+ when the quiz first loads. By default, the side menu appears
+ unless the screen size is too small, such as on a mobile phone.
+ Many examples of the \LatexCode|hidesidemenu| and
+ \LatexCode|showsidemenu| class options can be found above.
+
+ The display of the side menu can is also toggled by clicking on
+ the {\textcolor{red}{\small\XSolidBold}} and
+ {\textcolor{red}{\large\ding{118}}} symbols. The side-menu
+ automatically disappears for devices with narrow screens, such as
+ mobile phones.
+
+ \item[language=<lang>] \CrossIndex{document class options}{language}
+ Set the language used by the \textit{web pages} constructed by \WebQuiz.
+ The following languages are currently supported by \WebQuiz:
+ \ListWebQuizLanguages
+ The languages files are used to print the various buttons and text
+ that is generated on the web pages constructed by \WebQuiz. The
+ \LatexCode|language| option does not affect the DVI or
+ \BashCode|PDF| versions of the quiz and it does not load language
+ packages like \ctan{babel} or \ctan{polyglossia}.
+
+ The \LatexCode|language| keyword can be in upper or lower case, with
+ the result that either (but not both!) of the following two lines set the
+ quiz language to German:
+ \begin{latexcode}
+ \documentclass[language=German]{webquiz}
+ \documentclass[language=german]{webquiz}
+ \end{latexcode}
+
+ Typical usage of the \LatexCode|language| option is the following:
+ \lstinputlisting[style=latexcode,extendedchars=false]{examples/french}
+ This produces a web page like this:
+ \ScreenShot{A web page with \textsf{language=french}}{french}
+ As a general rule, \LaTeX{} and \TeXfht do not cope well with
+ unicode characters, so if your quiz contains (a lot of) unicode
+ characters then we recommend using \hologo{LuaLaTeX} or \hologo{XeLaTeX}, which
+ corresponds to the \WebQuiz command-line options
+ \BashCode|webquiz -x| or \BashCode|webquiz -l|, respectively. The
+ default \TeX{} engine can be set in the \webquizrc.
+ \index{unicode}\index{lualatex}\index{xelatex}
+
+ The language files were created largely using google translate so
+ they may well need fine-tuning\footnote{The word ``Copyright'' in
+ the left-hand side-margin is not translated but perhaps it should
+ be.}. You can use \BashCode|kpsewhich| to look at the language
+ files, which all have names of the form \BashCode|webquiz-xxx.lang|,
+ where \BashCode|xxx| is the name of the language in lower case. For example,
+ the \textit{English} language file, which is the default, can be
+ found using the command:
+ \begin{bashcode}
+ > kpsewhich webquiz-english.lang
+ \end{bashcode}
+ The file \BashCode|webquiz-english.lang| contains the following:
+ \InputBashCode{webquiz-english.lang}
+ In these files, the material to the left of the equals signs are
+ effectively variables, and so they should never be changed, or
+ deleted, whereas anything to the right of the equals signs is the
+ text that will appear on the \WebQuiz web pages. \textit{The pairs
+ of braces, }\LatexCode|{}|, \textit{in the language files must be present
+ because in the online quizzes they expand to expressions like}
+ \LatexCode|(a)|, \LatexCode|(b)|\dots
+
+ To add \WebQuiz support for a new language, say language
+ \LatexCode|xxx|, copy any \WebQuiz language file to a new file
+ \BashCode|webquiz-xxx.lang| and then translate all of the words to
+ the right of the equals signs.\footnote{\WebQuiz assumes that all
+ language names are in lower case so \texttt{xxx}, and not
+ \texttt{XXX}, should be used.} \WebQuiz will be able to find the new
+ language file as long as it appears in the \LaTeX{} search
+ path\footnote{To help \LaTeX/\WebQuiz fined your language file you
+ may need to run a program like \texttt{mktexlsr} using an
+ administrators account}. Once the new language file
+ \BashCode|webquiz-xxx.lang| is in the \LaTeX{} search path it can be
+ used by \WebQuiz using \LatexCode|language=xxx| as a document-class
+ option:
+ \begin{latexcode}
+ \documentclass[language=xxx]{webquiz}
+ \begin{document}
+ ...quiz code here...
+ \end{document}
+ \end{latexcode}
+ Please submit any new language files, or corrections to existing
+ language files, as a \textit{new issue} at:
+ \href{https://\webquiz{repository}}{\webquiz{repository}}.
+
+ \item[onepage, separatepages]
+ \CrossIndex{document class options}{onepage}
+ \CrossIndex{document class options}{separatepages}
+ By default, only one question, or one discussion environment, is displayed
+ by the quiz at any time. As \LatexCode|separatepages| is the default, every
+ example so far is of this form. With the document-class option
+ \LatexCode|onepage| all questions, and discussion environments, are
+ displayed at the same time on a single web page. So, for example, the code:
+ \InputLatexCode{onepage}
+ produces the quiz page:
+ \ScreenShot{A one page quiz}{onepage}
+
+ \item[theme]\CrossIndex{document class options}{theme}
+
+ \WebQuiz\ has a small number of different themes for setting the
+ colours on the quiz web pages. The theme can be set as an option to
+ the document class or in the \webquizrc. Most, but not all, of the examples
+ so far have used the \LatexCode|default| theme.
+ \WebQuiz currently supports the following themes:
+ \ListWebQuizThemes
+ Example screenshots of all \WebQuiz themes can be found in
+ \hyperref[SS:themes]{Appendix A}.
+
+ \end{description}
+
+
+ \subsection{Including graphics and using pstricks and tikz}\label{SS:graphics}
+ It is also possible to include complicated diagrams in \WebQuiz
+ quizzes using packages like \ctan{tikz} and \ctan{pstricks}.
+ \textit{As there have been several recent updates to these packages it
+ is advisable to install the latest version of both of these packages,
+ as well as the packages \ctan{make4ht}, \ctan{pgf} and \TeXfht.} In
+ fact, it is recommended that you update all installed \TeX{} packages.
+
+ By far the easiest way to include images when using \WebQuiz is by
+ adding the following lines to your document preamble:
+ \begin{latexcode}
+ \usepackage[dvipdfmx]{graphicx}
+ \DeclareGraphicsExtensions{.png}
+ \end{latexcode}
+ to your document preamble. You need to use
+ \LatexCode|\DeclareGraphicsExtensions| to tell \WebQuiz the different
+ types of images you are using, so the code above works for
+ \LatexCode{png} images. More generally, you can use a comma separated
+ list of extensions, such as:
+ \begin{latexcode}
+ \DeclareGraphicsExtensions{.png, .jpg, .gif}
+ \end{latexcode}
+ The option \LatexCode|dvipdfmx|
+ to \LatexCode|graphicx| is only necessary if you want to be able to
+ rescale images. For example, the code:
+ \InputLatexCode{ctanLion}
+ produces the quiz page:
+ \ScreenShot{Including a lion}{ctanLion}
+ Note that \WebQuiz assumes that all images are \BashCode|SVG| images by
+ default so it is necessary to give the full filename in any
+ \LatexCode|\includegraphics| command.
+
+ Using \ctan{pstricks} is often just as easy, such as the following
+ code that works out of the box:
+ \InputLatexCode{pstricks-ex}
+ to produce the web page:
+ \ScreenShot{Pstricks example}{pstricks-ex}
+
+ Even though \ctan{tikz} and \ctan{pstricks} can be used in \WebQuiz
+ quizzes, both of these packages sometimes have problems. \WebQuiz tries
+ to solve some these problems for you if you use the
+ \LatexCode|pst2pdf| or \LatexCode|tikz| document-class options, which
+ we now describe.
+
+ \begin{description}
+ \item[pst2pdf] \index{pstricks}\CrossIndex{document class options}{pst2pdf}
+
+ For the most part, \ctan{pstricks} drawings display correctly.
+ When they do fail they can sometimes be salvaged using
+ \ctan{pst2pdf}. Applying \ctan{pst2pdf} to a \WebQuiz quiz is not
+ completely straightforward, so \WebQuiz provides the
+ document-class option \ctan{pst2pdf} to automatically apply
+ \ctan{pst2pdf} as part of the quiz web page build process. If your
+ \ctan{pstricks} drawings do not display correctly it is worthwhile
+ to see if \ctan{pst2pdf} fixes the problems.
+
+ For example, the following quiz compiles only with the
+ \ctan{pst2pdf} document-class option:
+ \InputLatexCode{pst2pdf}
+ to produce the quiz:
+ \ScreenShot{Example requiring the pst2pdf document class option}{pst2pdf}
+ The position of the image adjusts with the screen size and it
+ does, in fact, display well on a mobile device. \WebQuiz is not
+ able to display this image without the \LatexCode|pst2pdf|
+ document-class option.
+
+ \begin{dangerous}
+ Unfortunately, \ctan{pst2pdf} can fail silently without giving any
+ warnings. If you plan to use the \LatexCode|pst2pdf|
+ document-class option then you should first check to make that the
+ \ctan{pst2pdf} package and executable is properly installed.
+ According to the \ctan{pst2pdf} manual:
+ \begin{quote}
+ \ctan{pst2pdf} needs \Ghostscript (>=9.14), perl (>=5.18), pdf2svg, pdftoppm
+ and pdftops (from poppler-utils or xpdf-utils) to process a file
+ using \ctan{pst2pdf}.
+ \end{quote}
+ If using \ctan{pst2pdf} does not produce an image then, rather
+ than \ctan{pst2pdf} not working, the problem might be that you
+ have not installed all of the programs that \ctan{pst2pdf} relies
+ upon, so look in your log files for error messages and check that
+ all of the programs listed above are correctly installed, with the
+ specified version numbers. See also \autoref{SS:pstricks}.
+ \end{dangerous}
+
+ \item[tikz]\CrossIndex{document class options}{tikz}
+ Giving this class option both loads the \ctan[pgf]{tikz} package
+ and it fixes several issues with PGF that prevent it from working
+ with \TeXfht. It is important that you use the \WebQuiz
+ \LatexCode|tikz| document-class option, and not
+ \LatexCode|\usepackage{tikz}|, because \WebQuiz loads slightly
+ different configuration files for \ctan[pgf]{tikz} that are
+ optimised for use with \TeXfht. \textit{Please note that for
+ \ctan[pfd]{tikz} you need to use \TeXLive \textsf{2018} with all
+ packages updated.} Thanks are due to Michal Hoftich for the
+ enormous amount of effort that he has put into making \TeXfht and
+ \ctan[pgf]{tikz} more compatible. As an example, the quiz file
+ \InputLatexCode{tikz-ex}
+ produces the online quiz:
+ \ScreenShot{Tikz example}{tikz-ex}
+ \end{description}
+
+ Most people use either \ctan{pstricks} or \ctan{tikz}. A quiz that
+ tries to use both \ctan{pstricks} and \ctan{tikz} will probably not
+ compile.
+
+ \subsection{Configuring commands and environments for \TeXfht}\label{SS:config}\macroIndex{DisplayAsImage}
+
+ The underlying engine used by \WebQuiz is \TeXfht so, because
+ \TeXfht is not able process all \LaTeX{} code, there is \LaTeX{}
+ code that \WebQuiz is not able to cope with. This said, \TeXfht is
+ able to display \textit{most} \LaTeX{} code and \WebQuiz has been
+ used to write literally thousands of quiz questions so it is likely
+ that you will be able to typeset what you want in your online
+ quizzes. In particular, as discussed in \autoref{SS:graphics}, it
+ is possible to use \ctan[pgf]{tikz} and \ctan{pstricks} in \WebQuiz
+ quizzes.
+
+ \WebQuiz uses \TeXfht{} to convert the quiz content from \LaTeX{} to
+ \HTML. If \TeXfht{} has not been configured to for some of the
+ commands or environments that you are using then they may not
+ display correctly in your online quizzes. The ``correct'' way to
+ fix such problems is to write appropriate \TeXfht{} configuration
+ commands, however, this can be tricky to do --- especially if you
+ are not familiar with the inner workings of \TeX{} and \TeXfht.
+
+ As a workaround, \WebQuiz provides the command
+ \LatexCode|\DisplayAsImage| that, in effect, tells \TeXfht to treat
+ your command as an image when it creates the web page. This is an
+ easy work-around that often produces good results -- and it is much
+ easier than writing your own \TeXfht configuration commands.
+
+ For example, the \ctan{mhchem} package is a powerful package that
+ defines a macro \LatexCode{\ce} for writing chemical symbols but,
+ unfortunately, the \LatexCode{\ce} macro has not (yet) been
+ configured to work with \TeXfht, which means that this command does
+ not work very well when used in \WebQuiz quizzes.
+
+ For example, the following code:
+ \InputLatexCode{display-as-image}
+ shows that if you add the line
+ \LatexCode|\DisplayAsImage{ce}| to your quiz after
+ \LatexCode|\begin{document}| then it is
+ possible to use \LatexCode|\ce| in your quizzes:
+ \ScreenShot{Using DisplayAsImage}{display-as-image}
+ As the example code shows, \LatexCode|\DisplayAsImage| accepts an optional
+ argument that can be used to fine-tune the placement of the image on
+ the quiz web page using \CSS. For those interested in the technical details, the
+ definition of \LatexCode|\DisplayAsImage| is:
+ \begin{latexcode}
+ \RequirePackage{etoolbox}
+ \renewcommand\DisplayAsImage[2][]{%
+ \csletcs{real:#2}{#2}%
+ \NewConfigure{#2}{2}
+ \csdef{#2}##1{\Picture+[#1]{}\csuse{real:#2}{##1}\EndPicture}
+ \Configure{#2}{\Picture+[#1]{}}{\EndPicture}
+ }
+ \end{latexcode}
+
+ \section{System requirements, installation and configuration}
+ \label{S:configuration}
+ \index{system requirements}
+ \CrossIndex{system requirements}{tex4ht}
+ \CrossIndex{system requirements}{make4ht}
+ \CrossIndex{system requirements}{python}
+
+ \WebQuiz takes a \LaTeX\ file and translates it into a functional
+ web page. To use \WebQuiz the quiz author only needs to know how to
+ use \LaTeX\ \textit{and} to have all of the programs used by \WebQuiz
+ installed. Fortunately, most of the system requirements will already
+ be installed on a system with an up-to-date installation of
+ \TeXLive, however, some tweaking may still be necessary.
+
+ Behind the scenes, \WebQuiz uses \TeXfht, \python, \Javascript and
+ several other tools to construct and operate the online quizzes.
+ The \WebQuiz program has three main components:
+ \begin{itemize}
+ \item \LaTeX\ files (a class file and \TeXfht configuration files)
+ \item A Python3 program that uses \TeXfht to convert \LaTeX\
+ files into web pages
+ \item Web files (\Javascript, \CSS and online documentation)
+ %\item Documentation
+ \end{itemize}
+ Of course, to use the online quizzes created by \WebQuiz you
+ need a web server. To use \WebQuiz all of these files need to
+ be in appropriate places. Fortunately, \Ctan takes care of
+ most of this but the web-related files still need to be put onto
+ your web server.
+
+ \WebQuiz has been tested extensively on Linux and Mac operating
+ systems. Several people have used \WebQuiz on windows computers,
+ but I have not tested the program on a windows computer myself.
+
+ \subsection{System requirements}\index{system requirements}
+
+ In order to work \WebQuiz needs the following programs to be
+ installed on your system:
+ \begin{itemize}
+ \item An up-to-date \LaTeX{} distribution, such as that provided
+ by \TeXLive. In particular, you need to have \TeXfht{} and
+ \ctan{make4ht} installed.
+
+ Unfortunately, the version of \ctan{make4ht} that was released
+ with \TeXLive{} 2018 had some bugs and there have been many
+ recent changes to \ctan{make4ht} and \ctan{pstricks},
+ so it is strongly recommended that you update all packages
+ from \Ctan before you try and use \WebQuiz.
+
+ \item \python[Python 3]. As of writing python 3.7.2 is available.
+ \item \Javascript
+ \item If your quizzes use \ctan{pstricks}, or if you want to
+ compile the \OnlineManual, then you need to ensure that
+ \Ghostscript and \ctan{dvisvgm} are installed and properly
+ configured; see \autoref{SS:pstricks} for more details.
+ \item A web server. As detailed in \autoref{SS:Initialise}, you
+ will need to install the web components of \WebQuiz.
+ \end{itemize}
+
+ \subsection{Initialising \WebQuiz}\label{SS:Initialise}
+ \CrossIndex{command-line option}{initialise}
+ \index{initialisation}
+
+ \WebQuiz is a tool for creating online quizzes and in order for
+ it to work efficiently various files
+ (\href{https://en.wikipedia.org/wiki/JavaScript}{javascript} and
+ \href{https://www.w3schools.com/css/css_intro.asp}{cascading style
+ sheets}) need to put onto your web server. \WebQuiz has an
+ \textit{initialisation} routine for installing the web components
+ of the program. In fact, until \WebQuiz has been initialised it
+ will ask you if you to run the initialisation routine every time
+ you use \WebQuiz. You can reinitialise \WebQuiz at any time using
+ the command-line option:
+ \begin{bashcode}
+ > webquiz --initialise
+ \end{bashcode}
+ \WebQuiz will actually work without being initialised, however, any
+ quiz web pages that are created before initialisation will be
+ emblazoned with a message reminding you to initialise \WebQuiz.
+
+ The location of the files on the web server depends both on the
+ operating system that is running on your computer and how your web
+ server has been configured. It is essential that the \WebQuiz files
+ are installed in a directory that is accessible from the web. It
+ does not matter if they are put into a user web directory or into a
+ system web directory. If in doubt please consult your system
+ administrator.
+
+ Common locations for the \textit{web root} of the server are:
+ \begin{center}
+ \begin{tabular}{ll}
+ \toprule
+ Operating system & Root of web server \\\midrule
+ Mac OSX & \BashCode|/Library/WebServer/Documents|\\
+ Linux & \BashCode|/var/www/html|\\
+ Windows & \BashCode|C:\inetpub\wwwroot|\\
+ \bottomrule
+ \end{tabular}
+ \end{center}
+ \WebQuiz needs to copy several files into a subdirectory of this
+ \textit{web root}. When you run
+ \begin{bashcode}
+ > webquiz --initialise
+ \end{bashcode}
+ you will be prompted for the following:
+ \begin{itemize}
+ \item The location of the \WebQuiz web directory, which needs to
+ be a directory that is visible to your web server
+ \item The relative URL for this directory, which tells your web
+ browser where to find these files
+ \end{itemize}
+ For example, on my system the web root for our web server is
+ \BashCode|/usr/local/httpd/| and the \WebQuiz web files are in
+ the directory \BashCode|/usr/local/httpd/UoS/WebQuiz|. So, I set:
+ \begin{quote}
+ \begin{tabular}{lll} \WebQuiz web
+ directory &=& \BashCode|/usr/local/httpd/UoS/WebQuiz|\\
+ \WebQuiz relative URL &=& \BashCode|/UoS/WebQuiz|
+ \end{tabular}
+ \end{quote}
+ Once the initialisation step is complete, \WebQuiz is ready to use
+ although you, possibly from an administrators account or using
+ \BashCode|sudo|, may also want to run:
+ \begin{bashcode}
+ > webquiz --edit-settings
+ \end{bashcode}
+ This will talk you the process of setting system defaults for the quizzes that,
+ for example, specify the name and URL for your department and
+ institution as well as the default language and theme used for the
+ quizzes. If in doubt about any of the option press return to accept
+ the default. See \autoref{SS:rcfile} for more details.
+
+ You can test your \WebQuiz installation by compiling the example
+ files from the \WebQuiz manual. You can find these files in the
+ directory \BashCode|web_root/doc/examples|, where the
+ \BashCode|web_root| is the directory where you just installed
+ the \WebQuiz web files. If \Ghostscript and \ctan{dvisvgm} are
+ installed and properly configured (see \autoref{SS:graphics}) then you
+ should also be able to compile the \OnlineManual using \WebQuiz.
+
+ \begin{dangerous}
+ \textit{To install the \WebQuiz files for general use on
+ your system, or to save system wide settings, you need to run
+ the initialisation command }\BashCode|webquiz --initialise|
+ \textit{using an administrator account or using \BashCode|sudo| on a
+ UNIX or Mac OSX system.}
+
+ If you have already saved a \textit{user} \webquizrc file then to
+ change the \textit{system} \webquizrc* you will use need to
+ use the \BashCode|--rcfile| command-line option:
+ \begin{latexcode}
+ > webquiz --rcfile /path/to/system/rc-file --initialise
+ \end{latexcode}\index{rcfile}
+ \end{dangerous}
+
+ \begin{heading}[Remark]
+ To remove all \WebQuiz files from your web server use:
+ \begin{bashcode}
+ > webquiz --uninstall
+ \end{bashcode}
+ \end{heading}
+
+ \subsection{Graphics and \texorpdfstring{\ctan{dvisvgm}}{dvisvgm}}
+ \label{SS:pstricks}
+
+ \index{pstricks}
+ \noindent
+ \WebQuiz, via \TeXfht, uses \ctan{dvisvgm} to convert certain images to
+ \href{https://en.wikipedia.org/wiki/Scalable_Vector_Graphics}{Scalable
+ Vector Graphics} (SVG). This is done using his is done
+ using \ctan{dvisvgm}. At first sight this is OK because \ctan{dvisvgm} is
+ included in \TeXLive and Mik\TeX, however, \ctan{dvisvgm} uses
+ \Ghostscript and this needs to be correctly configured and, as
+ outlined in \href{http://dvisvgm.bplaced.net/FAQ}{FAQ}, \ctan{dvisvgm}
+ needs to know where to find the \Ghostscript libraries. For example,
+ to get \ctan{dvisvgm} to work on my system I needed to add the line
+ \begin{bashcode}
+ export LIBGS=/usr/local/lib/libgs.dylib
+ \end{bashcode}
+ to my \BashCode|.bashrc| file. To see whether you need to do something
+ similar on your system you need to look at the output from the following
+ two commands:
+
+ \begin{bashcode}
+ > dvisvgm -h
+ > dvisvgm -l
+ \end{bashcode}
+
+ \noindent There are three possibilities:
+
+ \begin{itemize}
+ \item the \BashCode|-h| output does not contain \BashCode|-libgs|
+ and the \BashCode|-l| output contains \BashCode|ps|:
+ ghostscript was linked at build time, so everything should work
+ \item
+ the \BashCode|-h| output contains \BashCode|-libgs| and the
+ \BashCode|-l| output does not contain \BashCode|ps|:
+ gpostscript support is enabled but ghostscript is not linked. You
+ need to locate the ghostscript library
+ \BashCode|libgs.so| or \BashCode|libgs.dylib| on your system and set
+ the \BashCode|LIBGS| environment variable, or equivalent,
+ accordingly
+ \item the \BashCode|-h| output does not contain \BashCode|-libgs|
+ and the \BashCode|-l| output does not contain \BashCode|ps|:
+ \ctan{dvisvgm} was not built with postscript support. In this
+ case, \WebQuiz will not be able to process \ctan{svg} images. You
+ need to reinstall \ctan{dvisvgm} with ghostscript support.
+ \end{itemize}
+
+ \section{The \WebQuiz program} \index{usage}
+
+ The \WebQuiz program was designed to be run from the command-line.
+ To produce an online quiz from a \WebQuiz \LaTeX{} file \BashCode|quiz.tex|
+ type:
+ \begin{bashcode}
+ > webquiz quiz or > webquiz quiz.tex
+ \end{bashcode}
+ One feature of \WebQuiz is that you can process more than one
+ quiz file at a time. For example, if you have quiz files
+ \BashCode|quiz1.tex|, ..., \BashCode|quiz9.tex| in the current directory
+ then, on a UNIX system, you can rebuild the web pages for all of
+ these quizzes using the single command:
+ \begin{bashcode}
+ > webquiz quiz[1-9].tex
+ \end{bashcode}
+ This is useful if some generic aspect of all of the quizzes has
+ changed, such as the theme, the language, thebreadcrumbs or a
+ department URL. In fact, one would probably use
+ \begin{bashcode}
+ > webquiz -dqq quiz*.tex
+ \end{bashcode}
+ because the \BashCode|webquiz --qq| command-line option suppresses
+ almost all of the output produced by \LaTeX\ and \TeXfht and
+ \BashCode|-d|, which is \textit{draft mode}, is faster and it is
+ probably sufficient if the quizzes were compiled recently. The
+ next section discusses the \WebQuiz command-line options.
+
+ \subsection{Command-line options}\label{SS:commandline}
+ \index{command-line option}
+ Typing \BashCode|webquiz -h|, or \BashCode|webquiz --help| on
+ the command-line gives the following summary of the \WebQuiz
+ command-line options:
+ \InputBashCode{webquiz.usage}
+ The command-line options are listed on separate lines above to
+ improve readability. In practice, the different options need to be
+ one the same line, although they can appear in any order.
+
+ We describe the different options, grouping them according to
+ functionality.
+
+ \begin{description}
+ \item[-h, --help] \CrossIndex{command-line option}{help}
+ list the command-line options and exit
+ \CrossIndex{command-line option}{help}
+
+ \item[-q, -qq, \ddash quiet] \CrossIndex{command-line option}{quiet mode}
+ Suppress \LaTeX{} and \TeXfht error messages: \BashCode|-q| is
+ quiet and \BashCode|-qq| is very quiet. If you use
+ \BashCode|webquiz -qq texfile.tex| then almost no output will
+ be printed by \WebQuiz when it is processing your quiz file. Be
+ warned, however, that both of these options can make it harder
+ to find and fix errors, so using the \BashCode|-q| and
+ \BashCode|-qq| options is recommended if your file is known
+ to compile.
+ \CrossIndex{command-line option}{quiet}
+
+ \end{description}
+
+ \subsubsection*{\TeX{} options}
+
+ \begin{description}
+
+ \item[-d, \ddash draft] draft mode. The \LaTeX file is processed
+ only once by \BashCode|htlatex|, which gives a much faster
+ compilation time but cross references etc may not be completely
+ up to date. This is equivalent to using:
+ \BashCode|make4ht --mode draft|
+ \CrossIndex{command-line option}{draft mode}
+
+ \item[-s,\ddash shell-escape] Shell escape for \LaTeX/ht\LaTeX/make4ht
+ \CrossIndex{command-line option}{shell-escape}
+
+ \item[\ddash latex] Use \LaTeX{} to compile the quiz (the default)
+ \CrossIndex{command-line option}{lua}
+
+ \item[-l,\ddash lua] Use lua\LaTeX{} to compile the quiz
+ \CrossIndex{command-line option}{lua}
+
+ \item[-x, \ddash xelatex] Use xe\LaTeX{} to compile the quiz
+ \CrossIndex{command-line option}{xelatex}
+ \index{xelatex}
+
+ \end{description}
+
+ \subsubsection*{Settings and configuration}
+
+ \begin{description}
+
+ \item[-r {[RCFILE]}, \ddash rcfile {[RCFILE]}]
+ \CrossIndex{command-line option}{rcfile} Specify the
+ location of the \webquizrc file to use. This setting is only
+ necessary if you want to override the default \webquizrc*.
+
+ \item[-i, \ddash initialise] \CrossIndex{command-line
+ option}{initialisation} Initialise files and settings for
+ webquiz. See \autoref{SS:Initialise} for more details.
+
+ \item[\ddash edit-settings] \CrossIndex{command-line
+ option}{edit-settings} Edit the webquiz settings in the
+ \WebQuiz rc-file. See \autoref{SS:rcfile} for more details.
+
+ \textit{If you do not have permission to write to the system
+ rc-file, which is in the \WebQuiz scripts directory, then you
+ will be given the option of saving the \WebQuiz settings to an
+ rc-file in your home directory or another file of your choice.
+ If you want to save the settings to a particular rc-file use
+ the \BashCode|--rcfile| option. If you want to change the
+ system \webquizrc then use a administrator account or,
+ on a unix-like system,} use \BashCode|sudo webquiz --edit-settings|.
+
+ \item[\ddash settings {[SETTING]}] \CrossIndex{command-line option}{settings}
+ \SeeIndex{rcfile}{webquizrc}
+ \SeeIndex{default settings}{webquizrc}
+ List system settings for webquiz stored in \webquizrc, the
+ (\textit{run-time configuration file}). Optionally, a single
+ \BashCode|SETTING| can be given in which case the value of
+ only that setting is returned. If \BashCode|SETTING| is
+ omitted then the list of current settings are printed. Use
+ \BashCode|SETTING=verbose| for a more verbose listing of the
+ settings and \BashCode|SETTING=help| for a summary of the
+ settings.
+
+ The rc-file can be edited by hand, however, it is
+ recommended that you instead use
+ \begin{bashcode}
+ webquiz --edit-settings
+ \end{bashcode}
+ Typical settings returned by this command look like:
+ \InputBashCode{webquiz.settings}
+ See \autoref{SS:rcfile} for more details.
+
+ \end{description}
+
+ \subsubsection*{Advanced command-line options}
+
+ \begin{dangerous}
+ \textit{Change these settings with care: an incorrect value for
+ these settings can stop \WebQuiz from working.}
+ \end{dangerous}
+
+ \begin{description}
+ \item[\ddash make4ht MAKE4HT-OPTIONS]
+ \CrossIndex{command-line option}{make4ht}
+ Options to be passed to \ctan{make4ht} when converting the
+ \LaTeX{} to \XML. This option is equivalent to setting
+ the \BashCode|make4ht| in the \webquizrc; see
+ \autoref{SS:rcfile}. At least under UNIX, multiple arguments
+ should be enclosed in quotes. For example, to give
+ \ctan{make4ht} a custom mk4 file (note that
+ \BashCode|myquiz.mk4| is included, if it exists), you would use
+ \begin{bashcode}
+ > webquiz --make4ht "-e file.mk4" myquiz.tex
+ \end{bashcode}
+ The \BashCode|make4ht| command-line option will be required
+ only in rare instances.
+ \index{lualatex}\index{xelatex}
+
+ \item[\ddash uninstall] Remove all \WebQuiz files from your
+ web server directory. This command only removes files that
+ \WebQuiz may have installed on your web server. It does
+ \textit{not} remove \WebQuiz from your \LaTeX{} distribution.
+
+ \item[\ddash webquiz-layout WEBQUIZ-LAYOUT]
+ \CrossIndex{command-line option}{layout}
+ Name of (local) \python code that controls the layout of quiz web page. This
+ option is equivalent to setting the \LatexCode|webquiz-layout|
+ in the \webquizrc. See \autoref{SS:layout} for
+ more details.
+
+ \end{description}
+
+ \subsubsection*{Other options}
+
+ The following command-line options are mainly useful mainly for
+ code developers.
+
+ \begin{description}
+ \item[\ddash version] Prints the \WebQuiz version number and
+ exit (currently \webquiz{version})
+
+ \item[\ddash tex-install] Use this command-line option if
+ are are installing the \LaTeX{} components of
+ \WebQuiz from the \Ctan zip-file. It will install the different
+ \LaTeX{} components of \WebQuiz into \BashCode|TEXMFMAIN|. If
+ you installed \WebQuiz as part of a \TeX{} distribution, such as
+ \TeXLive, then you do not need to use this option.
+
+ \item[\ddash tex-uninstall] Use this command-line option to
+ remove the \LaTeX{} components of \WebQuiz from your system.
+ Only use this option if you installed \WebQuiz using the \Ctan
+ zip-file.
+
+ \item[\ddash debugging] Displays extra debugging information
+ when compiling and prevents \WebQuiz from deleting the many
+ intermediary files that are created when building the quiz web
+ pages.
+ \end{description}
+
+ \subsection{\WebQuiz settings and the webquizrc file}
+ \label{SS:rcfile}\index{default settings}\index{webquizrc}
+
+ \WebQuiz stores the following default sets in \webquizrc*, a
+ \textit{run-time configuration file}:
+ \begin{description}[nosep, labelwidth=18ex]
+ \item[breadcrumbs] breadcrumbs at the top of quiz page (\autoref{SS:breadcrumbs})
+ \item[department] name of department (\autoref{SS:breadcrumbs})
+ \item[department-url] url for department (\autoref{SS:breadcrumbs})
+ \item[engine] default tex engine used to compile web pages (\autoref{SS:classOptions})
+ \item[hide-side-menu] do not display the side menu at start of quiz
+ (\autoref{SS:classOptions})
+ \item[institution] institution or university (\autoref{SS:breadcrumbs})
+ \item[institution-url] url for institution or university (\autoref{SS:breadcrumbs})
+ \item[language] default language used on web pages (\autoref{SS:classOptions})
+ \item[one-page] display questions on one page (\autoref{SS:classOptions})
+ \item[random-order] randomly order the quiz questions (\autoref{SS:classOptions})
+ \item[theme] default colour theme used on web pages (\autoref{SS:classOptions})
+ \item[version] webquiz version number for webquizrc settings
+ (\autoref{SS:rcfile})
+ \item[webquiz-url] relative url for webquiz web directory (\autoref{SS:Initialise})
+ \item[webquiz-www] full path to webquiz web directory (\autoref{SS:Initialise})
+ \item[make4ht] build file for make4ht (\autoref{SS:Initialise})
+ \item[mathjax] url for mathjax (\autoref{SS:Initialise})
+ \item[webquiz-layout] name of \python module that formats the quizzes
+ (\autoref{SS:layout})
+ \end{description}
+ The last three options are \textit{advanced options} that you should
+ change with care.
+
+ The default values of all of these settings can be overridden in the
+ \LaTeX{} file for the quiz, or with the command-line options. The
+ default values can be changed at any time using
+ \begin{bashcode}
+ webquiz --edit-settings
+ \end{bashcode}
+ When changing the settings \WebQuiz tries to explain what it is
+ doing at each step. If you are unsure what a particular setting does
+ then \textit{press return} to accept the default value --- the
+ default value is printed inside square brackets as
+ \BashCode|[default]|. In particular, when you first start using
+ \WebQuiz it is recommended that you accept the default values
+ for all of the advanced options because it is very unlikely that you
+ will need to change these initially.
+
+ The first line of output from \BashCode|webquiz --settings| gives
+ the location of the rc-file being used. The system rc-file,
+ \webquizrc*, is saved in the \BashCode|tex/latex/webquiz| subdirectory
+ of the \BashCode|TEXMFLOCAL| directory. A typically location for
+ this file is
+ \begin{bashcode}
+ /usr/local/texlive/texmf-local/tex/latex/webquiz/webquizrc
+ \end{bashcode}
+ By default, the \WebQuiz settings are saved here so that you do not
+ need to reinitialise \WebQuiz whenever you update your \TeX{}
+ distribution. If you do not have permission to write to this
+ directory then you will be asked if you would like to save the
+ rc-file somewhere else. The location of the user rc-file is:
+ \begin{itemize}
+ \item \BashCode|~/.dotfiles/config/webquizrc|
+ if the directory \BashCode|~/.dotfiles/config| exists,
+ \item \BashCode|~/.config/webquizrc|
+ if the directory \BashCode|~/.config| exists,
+ \item \BashCode|~/.webquizrc| otherwise.
+ \end{itemize}
+ Each time \WebQuiz is run it reads the system and user rc-files, if
+ they exist. When using \BashCode|webquiz --edit-settings| you will
+ be promoted for a different installation location if you do not have
+ permission to write to the specified rc-file. To use a particular
+ \webquizrc* use the \BashCode|--rcfile| command-line option:
+ \begin{bashcode}
+ > webquiz --rcfile <full path to rc-file> ...
+ \end{bashcode}
+ If you save the settings to a non-standard location then you will
+ need to use the command-line option \BashCode|webquiz --rcfile RCFILE| to access
+ these settings.
+
+ \noindent To describe the \WebQuiz defaults settings we consider them by category.
+
+ \subsubsection*{Institution settings}
+ \begin{description}
+
+ \item[department]
+ Sets the default department name. This can be overridden in
+ the \LaTeX{} file using \LatexCode|\Department| in
+ \autoref{SS:breadcrumbs}
+ \CrossIndex{webquizrc}*{Department}
+
+ \item[department-url]
+ Sets the URL for the department. This can be overridden in
+ the \LaTeX{} file using \LatexCode|\DepartmentURL| in
+ \autoref{SS:breadcrumbs}
+ \CrossIndex{webquizrc}*{DepartmentURL}
+
+ \item[institution]
+ Sets the default institution name. This can be overridden in the
+ \LaTeX{} file using \LatexCode|\Institution| in
+ \autoref{SS:breadcrumbs}
+ \CrossIndex{webquizrc}*{Institution}
+
+ \item[institution-url]
+ Sets the URL for the institution.This can be overridden in
+ the \LaTeX{} file using \LatexCode|\InstitutionURL| in
+ \autoref{SS:breadcrumbs}
+ \CrossIndex{webquizrc}*{InstitutionURL`}
+
+ \end{description}
+
+ \subsubsection*{Formatting options}
+
+ \begin{description}
+
+ \item[breadcrumbs]\index{breadcrumbs}
+ Sets the default breadcrumbs at the top of quiz page. The
+ default breadcrumbs can be overwritten in the quiz file using
+ the \LatexCode{\BreadCrumbs} command. See
+ \autoref{SS:breadcrumbs} for more details.
+ \CrossIndex{webquizrc}*{BreadCrumbs}
+
+ \item[engine] Sets the default \TeX{} engine to be used when
+ compiling the quiz. By default, \BashCode|latex| is used, with
+ the two other possibilities being \BashCode|lua| and
+ \BashCode|xelatex|, for \Hologo{LuaLaTeX} and \hologo{XeLaTeX}
+ respectively. Behind the scenes, the two choices
+ correspond to invoking \ctan{make4ht} with the
+ \BashCode|--lua| and \BashCode|--xelatex| options,
+ respectively. The \BashCode|engine| setting in the
+ \webquizrc* can be overridden by the webquizrc
+ \BashCode|--latex|, \BashCode|--lua| and \BashCode|--xelatex|.
+ \CrossIndex{webquizrc}{engine}
+ \CrossIndex{webquizrc}{latex}
+ \CrossIndex{webquizrc}{lualatex}
+ \CrossIndex{webquizrc}{xelatex}
+
+ \item[language]\index{language}
+ Sets the default language for the \WebQuiz web pages. This can
+ be overridden in the quiz file by using the document class
+ \LatexCode|language| option: \LatexCode|language=xxx|
+ See \autoref{SS:classOptions}.
+ \CrossIndex{webquizrc}{language}
+
+ \item[theme]\index{theme}
+ Sets the default colour theme for the \WebQuiz web pages. This can
+ be overridden in the quiz file by using the document class
+ \LatexCode|theme| option: \LatexCode|theme=xxx|.
+ See \autoref{SS:classOptions}.
+ \CrossIndex{webquizrc}{theme}
+
+ \end{description}
+
+ \subsubsection*{Advanced options}
+
+ \begin{description}
+
+ \item[make4ht]\index{make4ht}
+ Options for \ctan{make4ht}. Rather than using \TeXfht
+ directly, \WebQuiz uses \ctan{make4ht} to convert the
+ \LaTeX\ file to \XML. Use this option to
+ customise how \ctan{make4ht} is called. See the
+ \ctan[make4ht]{make4ht manual} for more information.
+ \CrossIndex{webquizrc}{make4ht}
+
+ \item[mathjax] \WebQuiz web pages use \href{https://www.mathjax.org/}{mathjax} to
+ render the mathematics on the quiz web pages. By default this
+ is done by loading \BashCode|mathjax| from
+ \begin{bashcode}
+ https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js
+ \end{bashcode}
+ Fetching \BashCode|mathjax| from an external site can
+ cause a delay when the quiz web pages are loaded. This setting
+ in the rc-file allows you to change where \BashCode|mathjax| is
+ loaded from. For example, if you install \BashCode|mathjax| on
+ your web server then you would replace this will the
+ corresponding relative URL.
+ \CrossIndex{webquizrc}{mathjax}
+
+ \item[webquiz-layout]
+ Sets the \python file that writes the \HTML file for the quiz.
+ Most people will not need this option. The next subsection
+ describes how to do this in more detail.
+ \CrossIndex{webquizrc}{layout}
+
+ \end{description}
+
+ \subsubsection*{Configuration settings}
+ Use \BashCode|webquiz --initialise| to change these settings.
+
+ \begin{description}
+
+ \item[webquiz-url] This is the relative URL for \WebQuiz web directory
+ \CrossIndex{webquizrc}{webquiz-url}
+
+ \item[webquiz-www] This is the full path to the \WebQuiz web
+ directory. The \OnlineManual and other example code can be found
+ in the \BashCode|docs| subdirectory. If you use \BashCode|bash|,
+ then the command
+ \begin{bashcode}
+ > cd $(webquiz --settings webquiz-www)/docs
+ \end{bashcode}%$
+ will take you to the \WebQuiz online \BashCode|docs/| directory.
+ \CrossIndex{webquizrc}{webquiz-www}
+
+ \end{description}
+
+ \subsection{Changing the layout of the \WebQuiz web pages}
+ \label{SS:layout}\index{layout}
+
+ \begin{dangerous}
+ \textit{This is an advanced \WebQuiz feature that most people will
+ not need. To change the layout of the quiz web pages created by
+ \WebQuiz requires working knowledge of \HTML and \python.}
+ \end{dangerous}
+
+ The construction of the online quizzes is controlled by the \python
+ file \PythonCode|webquiz_standard.py|. If you want to change the
+ structure of the web pages for the quizzes then the easiest way to
+ do this is to make a copy of \PythonCode|webquiz_standard.py|, say
+ \PythonCode|webquiz_myformat.py|, and then edit this file directly.
+ This will require working knowledge of \python and \HTML. To give
+ you an idea of what needs to be done, the \python file
+ \PythonCode|webquiz_standard| contains a single function
+ \PythonCode|write_web_page| that returns the \HTML for the page as a
+ string using the following:
+ \begin{htmlcode}
+ quiz_page = r'''<!DOCTYPE HTML>
+ <html lang="en">
+ <head>
+ <title> {title} </title>
+ {htmlpreamble}
+ </head>
+ <body>
+ {no_script}{breadcrumbs}
+ <div class="quiz-page">
+ {side_menu}
+ <div class="quiz-questions">
+ {quiz_header}
+ {quiz_questions}
+ </div>
+ </div>
+ {webquiz_init}
+ </body>
+ </html>
+ '''
+ \end{htmlcode}
+ By changing this output you can change the layout of the quizzes
+ produced by \WebQuiz. For example, by adding code to the
+ \HTMLCode|<head>...</head>| section of \HTMLCode|quiz_page| it is
+ easy to include new \CSS code and by modifying
+ \HTMLCode|<body>....</body>| you can change the layout of the page.
+ More sophisticated versions of \PythonCode|webquiz_standard.py|,
+ where you change the underlying \python code, are possible. At the
+ University of Sydney we have a custom version of
+ \PythonCode|webquiz_standard.py| that calls our content management
+ system and, in this way, embeds the quiz web page inside a web page
+ that used the official ``branding'' required by our university.
+
+ When experimenting with a new layout can run
+ \WebQuiz using the command:
+ \begin{bashcode}
+ > webquiz --webquiz-layout webquiz_myformat quizfile.tex
+ \end{bashcode}
+ Once the new layout is finalised you can make it the default
+ layout by setting \BashCode|webquiz-layout| equal to \BashCode|webquiz_my_format|
+ in the \webquizrc using \BashCode|webquiz --edit-settings|.
+ \index{edit-settings}\index{webquiz-layout}
+
+ If you do make modifications to any of these files then, by the
+ \WebQuiz Licensing agreement, you are required to create a new
+ version of this file that has a \textit{different name}. Doing this
+ will also make it easier for you to integrate your changes with any
+ future releases of \WebQuiz.
+
+ \subsection{Bugs, issues and feature requests}\index{bug reports}
+ Please report any bugs, issues or feature requests using the
+ \textit{issue} tracker at
+ \begin{quote}
+ \href{https://\webquiz{repository}}{\webquiz{repository}}.
+ \end{quote}
+ When reporting a bug please provide a \textit{minimal working example}
+ that clearly demonstrates your problem. This should be a compilable
+ \LaTeX file that looks something like the following:
+ \begin{latexcode}
+ \documentclass{webquiz}
+ \begin{document}
+ ** insert problematic code here **
+ \end{document}
+ \end{latexcode}
+ Bug reports that do not have a minimal working example can be
+ hard to reproduce in which case it is not possible to fix them.
+ Before submitting a bug export please first compile your quiz using
+ (pdf)latex to check to see if your problem is an issue with \LaTeX
+ or with \WebQuiz. If you can, please also test to see if your code
+ compiles using \TeXfht directly.
+
+\appendix
+\section*{Appendices}
+ \addcontentsline{toc}{section}{Appendices}
+\renewcommand\thesection{}
+\renewcommand\thesubsection{\Alph{subsection}}
+
+ \subsection{Catalogue of web page themes}\index{theme}\label{SS:themes}
+ \WebQuiz{} comes with different themes for changing the colour scheme
+ of the online quizzes, which can be set using the \LatexCode|theme|
+ document-class option or in the \webquizrc; see
+ \autoref{SS:classOptions} for more details. Themes are easy to
+ construct in principle although finding colours that work well together
+ can be tricky in practice so, as a result, there are some themes that
+ I would not personally recommend!
+
+ New themes, and modifications to existing themes, can be submitted as
+ an \textit{issue} at:
+ \begin{quote}
+ \href{https://\webquiz{repository}/issues}{\webquiz{repository}/issues}.
+ \end{quote}
+ Where possible these will be incorporated into a future release of the
+ package, although there is a potential technical issue here in that
+ the underlying \CSS files are written using
+ \href{http://sass-lang.com/}{sass}.
+
+ \ShowcaseThemes
+
+\subsection{The online \WebQuiz manual}\label{S:online}
+
+ \WebQuiz has an \OnlineManual* that is a \LaTeX file written with the
+ \LatexCode|webquiz| document class. The conversion of the manual from
+ \LaTeX{} to \HTML is done by \WebQuiz. The \BashCode|PDF| version of
+ this manual is included here as an easy reference. The source file
+ for the \OnlineManual* is included in the documentation of \WebQuiz to
+ allow you to create a local version of the \OnlineManual*. Look for the
+ file \BashCode|webquiz-online-manual.tex| in the
+ \BashCode|webquiz-www/docs| directory; see~\autoref{SS:rcfile}.
+
+ The online manual can either be compiled as a PDF file (see below),
+ or using \WebQuiz to produce an online version of the manual.
+ The \OnlineManual* was written for ``internal use'' when \WebQuiz was
+ first written in 2004. \WebQuiz has evolved quite a lot since then.
+ There is some overlap between the \OnlineManual* and previous sections,
+ however, the \OnlineManual* only describes how to typeset questions and
+ it does not cover some of the more recent features of \WebQuiz, such
+ as the document class options, or how to use the program. If there
+ are any discrepancies between the \OnlineManual* and the earlier
+ sections of this manual then the \OnlineManual* should be discounted.
+
+ The \OnlineManual* has diagrams that are drawn using \ctan{pstricks}
+ and, as a result, to create a \BashCode|PDF| version of the \OnlineManual*
+ use \BashCode|latex webquiz-online-manual| to create a
+ \BashCode|dvi| file. The \BashCode|dvi| file can be converted to
+ \BashCode|PDF| using \BashCode|dvipdf|. The online manual needs to be
+ compiled using \BashCode|latex| rather than \BashCode|pdflatex|,
+ which will generate errors.
+
+ \includepdf[pages=-,pagecommand={\pagestyle{webquiz}}]{webquiz-online-manual}
+
+
+\subsection{Licence}
+
+Version 3, Copyright (C) 2007,
+
+\href{https://www.gnu.org/licenses/gpl-3.0.en.html}
+ {GNU General Public License, Version 3, 29 June 2007}
+
+This program is free software: you can redistribute it and/or modify it under
+the terms of the GNU General Public License (GPL) as published by the Free
+Software Foundation, either version 3 of the License, or (at your option) any
+later version.
+
+This program is distributed in the hope that it will be useful, but WITHOUT ANY
+WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+PARTICULAR PURPOSE. See the GNU General Public License for more details.
+
+
+\vfil
+\begin{tabular}{@{}ll}
+Authors & \webquiz{authors}\\
+Description & \webquiz{description}\\
+Maintainer & \webquiz{name}\\
+System requirements & \webquiz{requirements}\\
+Licence & \webquiz{licence}\\
+Release date & \webquiz{release date}\\
+Repository & \href{https://\webquiz{repository}}{\webquiz{repository}}
+\end{tabular}
+\eject
+
+\printindex
+
+\end{document}
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz.themes b/Master/texmf-dist/doc/latex/webquiz/webquiz.themes
new file mode 100644
index 00000000000..0a840a7e047
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz.themes
@@ -0,0 +1,2 @@
+% List of themes supported by WebQuiz -- generated 2019-03-10
+\newcommand\WebQuizThemes{blue, darkblue, darkred, default, earthy, fresh, light, lively, muted, sleek, spring,, vibrant}
diff --git a/Master/texmf-dist/doc/latex/webquiz/webquiz.usage b/Master/texmf-dist/doc/latex/webquiz/webquiz.usage
new file mode 100644
index 00000000000..955740c95cb
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/webquiz.usage
@@ -0,0 +1,23 @@
+usage: webquiz [-h] [-q] [-d] [-s] [--latex | -l | -x] [-r RCFILE]
+ [-i | -e | --settings [SETTINGS]]
+ [quiz_file [quiz_file ...]]
+
+A LaTeX package for writing online quizzes
+
+positional arguments:
+ quiz_file latex quiz files
+
+optional arguments:
+ -h, --help show this help message and exit
+ -q, --quiet Suppress tex4ht messages (also -qq etc)
+ -d, --draft Use make4ht draft mode
+ -s, --shell-escape Shell escape for tex4ht/make4ht
+ --latex Use latex to compile document with make4ht (default)
+ -l, --lua Use lualatex to compile the quiz
+ -x, --xelatex Use xelatex to compile the quiz
+ -r RCFILE, --rcfile RCFILE
+ Specify location of the webquiz rc-file
+ -i, --initialise Install web components of webquiz
+ -e, --edit-settings Edit default settings for webquiz
+ --settings [SETTINGS]
+ List default settings for webquiz
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-blue.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-blue.css
new file mode 100644
index 00000000000..36db8d3f05c
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-blue.css
@@ -0,0 +1 @@
+body{color:#036;background-color:#e6f0ff}body a{color:#0c106a}body a:hover{color:#2830e7}body a:visited{color:#02020e}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#ccebff;border-radius:5px;color:#004d99;border:solid #002db3 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#39f}span:hover.button-selected{color:#1a1aff}div.button:hover,span.button:hover{border:solid #1a1aff 2px !important;color:#1a1aff;text-decoration:underline}div.blank,span.blank{content:"";color:#000;background:#afe4fd}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#339;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#004d99;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#39f}div.side-menu ul li:hover.button-selected{color:#1a1aff}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#004d99;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #39f 2px;color:#39f}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #00befe, #ccebff)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #3399ff, #004d99)}div.side-menu div.buttons div.tick{content:"u2714";color:silver;background:linear-gradient(to bottom right, #ccebff, #1a1aff)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:silver}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#5c85d6;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#5c85d6;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#2952a3}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#36c;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#1a1aff;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#339;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#1a1aff;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#1a1aff;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#0000b3;text-decoration:underline}div.quiz-questions div.quiz-index{color:#339;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#339;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#1a1aff}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#3d3db8}div.quiz-questions div.question div.feedback{background-color:#ccebff;border:solid #009bff 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#483d8b}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#3d3db8;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#483d8b;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#36c}input.input-button{color:#000;background-color:#ccebff;border:solid #002db3 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:lime;border:2px solid #339;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#339;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#e6f0ff}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #002db3 2px;border-radius:5px;background-color:#ccebff}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#85a3e0 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#ccebff;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#ccebff;border:7px solid}nav div ul li ul li:hover{background:#002db3;color:red}nav div ul span{color:#e6f0ff}nav div ul li:hover{background-color:#ccebff}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #339;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #e6f0ff;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#36c;color:#e6f0ff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#e6f0ff}nav div ul>li:nth-child(1) ul li a{color:#e6f0ff}nav div ul>li:nth-child(1):after{border-left-color:#36c}nav div ul>li:nth-child(2){background:#5c85d6;color:#e6f0ff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#e6f0ff}nav div ul>li:nth-child(2) ul li a{color:#e6f0ff}nav div ul>li:nth-child(2):after{border-left-color:#5c85d6}nav div ul>li:nth-child(3){background:#85a3e0;color:#e6f0ff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#e6f0ff}nav div ul>li:nth-child(3) ul li a{color:#e6f0ff}nav div ul>li:nth-child(3):after{border-left-color:#85a3e0}nav div ul>li:nth-child(4){background:#adc2eb;color:#e6f0ff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#e6f0ff}nav div ul>li:nth-child(4) ul li a{color:#e6f0ff}nav div ul>li:nth-child(4):after{border-left-color:#adc2eb}nav div ul>li:nth-child(5){background:#d6e0f5;color:#e6f0ff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#e6f0ff}nav div ul>li:nth-child(5) ul li a{color:#e6f0ff}nav div ul>li:nth-child(5):after{border-left-color:#d6e0f5}nav div ul>li:nth-child(6){background:#fff;color:#e6f0ff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#e6f0ff}nav div ul>li:nth-child(6) ul li a{color:#e6f0ff}nav div ul>li:nth-child(6):after{border-left-color:#fff}nav div ul>li:nth-child(7){background:#fff;color:#e6f0ff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#e6f0ff}nav div ul>li:nth-child(7) ul li a{color:#e6f0ff}nav div ul>li:nth-child(7):after{border-left-color:#fff}div#menu-icon{display:inline-block;color:#339;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#ccebff}span#quizzes-menu-icon{color:#e6f0ff;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-blue.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkblue.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkblue.css
new file mode 100644
index 00000000000..37b47914718
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkblue.css
@@ -0,0 +1 @@
+body{color:#f5f5f5;background-color:#0f203d}body a{color:blue}body a:hover{color:#99f}body a:visited{color:#009}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#aaa;border-radius:5px;color:#fff;border:solid blue 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#483d8b}span:hover.button-selected{color:skyblue}div.button:hover,span.button:hover{border:solid skyblue 2px !important;color:skyblue;text-decoration:underline}div.blank,span.blank{content:"";color:#2c2d72;background:#aaa}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#156fc6;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#fff;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#483d8b}div.side-menu ul li:hover.button-selected{color:skyblue}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#fff;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #483d8b 2px;color:#483d8b}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #f8f8f8, #250bc5)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #1609e0, #07f3f2)}div.side-menu div.buttons div.tick{content:"u2714";color:#fff;background:linear-gradient(to bottom right, aqua, #1b02ec)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:#fff}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#c9c9ff;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#c9c9ff;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#6363ff}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#9696ff;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#4169e1;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#156fc6;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#4169e1;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#4169e1;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#1a3ca2;text-decoration:underline}div.quiz-questions div.quiz-index{color:#156fc6;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#156fc6;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#4169e1}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#54a2ed}div.quiz-questions div.question div.feedback{background-color:#1f1f88;border:solid #000 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#aabafa}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#54a2ed;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#aabafa;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#ff0}input.input-button{color:#2c2d72;background-color:#aaa;border:solid blue 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:red;border:2px solid #156fc6;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#156fc6;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#f5f5f5}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid blue 2px;border-radius:5px;background-color:#aaa}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#fff !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#aaa;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#aaa;border:7px solid}nav div ul li ul li:hover{background:blue;color:red}nav div ul span{color:#f5f5f5}nav div ul li:hover{background-color:#aaa}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #156fc6;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #0f203d;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#06469b;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#f5f5f5}nav div ul>li:nth-child(1) ul li a{color:#f5f5f5}nav div ul>li:nth-child(1):after{border-left-color:#06469b}nav div ul>li:nth-child(2){background:#085ccc;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#f5f5f5}nav div ul>li:nth-child(2) ul li a{color:#f5f5f5}nav div ul>li:nth-child(2):after{border-left-color:#085ccc}nav div ul>li:nth-child(3){background:#1173f6;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#f5f5f5}nav div ul>li:nth-child(3) ul li a{color:#f5f5f5}nav div ul>li:nth-child(3):after{border-left-color:#1173f6}nav div ul>li:nth-child(4){background:#4290f8;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#f5f5f5}nav div ul>li:nth-child(4) ul li a{color:#f5f5f5}nav div ul>li:nth-child(4):after{border-left-color:#4290f8}nav div ul>li:nth-child(5){background:#73adfa;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#f5f5f5}nav div ul>li:nth-child(5) ul li a{color:#f5f5f5}nav div ul>li:nth-child(5):after{border-left-color:#73adfa}nav div ul>li:nth-child(6){background:#a5cafb;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#f5f5f5}nav div ul>li:nth-child(6) ul li a{color:#f5f5f5}nav div ul>li:nth-child(6):after{border-left-color:#a5cafb}nav div ul>li:nth-child(7){background:#d6e7fd;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#f5f5f5}nav div ul>li:nth-child(7) ul li a{color:#f5f5f5}nav div ul>li:nth-child(7):after{border-left-color:#d6e7fd}div#menu-icon{display:inline-block;color:#156fc6;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#aaa}span#quizzes-menu-icon{color:#f5f5f5;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-darkblue.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkred.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkred.css
new file mode 100644
index 00000000000..9d6fadd62f9
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-darkred.css
@@ -0,0 +1 @@
+body{color:#fff;background-color:#2d2d2d}body a{color:#ff8c00}body a:hover{color:#ffd199}body a:visited{color:#995400}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#900;border-radius:5px;color:#fff;border:solid #f03 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#ff007f}span:hover.button-selected{color:#f2bac2}div.button:hover,span.button:hover{border:solid #f2bac2 2px !important;color:#f2bac2;text-decoration:underline}div.blank,span.blank{content:"";color:#fee7ec;background:#900}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#e31230;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#fff;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#ff007f}div.side-menu ul li:hover.button-selected{color:#f2bac2}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#fff;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #ff007f 2px;color:#ff007f}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #e60000, #f2bac2)}div.side-menu div.buttons div.star{content:"u272D";color:#fff;background:linear-gradient(to bottom right, red, purple)}div.side-menu div.buttons div.tick{content:"u2714";color:#ff8;background:linear-gradient(to bottom right, #f3687c, #e31230)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#fff}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:#ff8}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#cc0029;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#cc0029;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#cc0029}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#f03;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#ef3953;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#e31230;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#ef3953;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#ef3953;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#b40e26;text-decoration:underline}div.quiz-questions div.quiz-index{color:#e31230;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#e31230;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#ef3953}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#f3687c}div.quiz-questions div.question div.feedback{background-color:#99182c;border:solid #000 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#f2bac2}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#f3687c;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#f2bac2;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#e31230}input.input-button{color:#fee7ec;background-color:#900;border:solid #f03 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:red;border:2px solid #e31230;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#e31230;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#ffe6e6}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #f03 2px;border-radius:5px;background-color:#900}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#ffe5e7 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#900;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#900;border:7px solid}nav div ul li ul li:hover{background:#f03;color:red}nav div ul span{color:#ffe6e6}nav div ul li:hover{background-color:#900}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #e31230;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #2d2d2d;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#900;color:#ffe6e6;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#ffe6e6}nav div ul>li:nth-child(1) ul li a{color:#ffe6e6}nav div ul>li:nth-child(1):after{border-left-color:#900}nav div ul>li:nth-child(2){background:#b30000;color:#ffe6e6;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#ffe6e6}nav div ul>li:nth-child(2) ul li a{color:#ffe6e6}nav div ul>li:nth-child(2):after{border-left-color:#b30000}nav div ul>li:nth-child(3){background:#c00;color:#ffe6e6;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#ffe6e6}nav div ul>li:nth-child(3) ul li a{color:#ffe6e6}nav div ul>li:nth-child(3):after{border-left-color:#c00}nav div ul>li:nth-child(4){background:#e60000;color:#ffe6e6;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#ffe6e6}nav div ul>li:nth-child(4) ul li a{color:#ffe6e6}nav div ul>li:nth-child(4):after{border-left-color:#e60000}nav div ul>li:nth-child(5){background:red;color:#ffe6e6;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#ffe6e6}nav div ul>li:nth-child(5) ul li a{color:#ffe6e6}nav div ul>li:nth-child(5):after{border-left-color:red}nav div ul>li:nth-child(6){background:#ff1a1a;color:#ffe6e6;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#ffe6e6}nav div ul>li:nth-child(6) ul li a{color:#ffe6e6}nav div ul>li:nth-child(6):after{border-left-color:#ff1a1a}nav div ul>li:nth-child(7){background:#f33;color:#ffe6e6;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#ffe6e6}nav div ul>li:nth-child(7) ul li a{color:#ffe6e6}nav div ul>li:nth-child(7):after{border-left-color:#f33}div#menu-icon{display:inline-block;color:#e31230;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#900}span#quizzes-menu-icon{color:#ffe6e6;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-darkred.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-default.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-default.css
new file mode 100644
index 00000000000..b1341bd621d
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-default.css
@@ -0,0 +1 @@
+body{color:#000;background-color:#fff}body a{color:#900}body a:hover{color:#f33}body a:visited{color:#300}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#fff8dc;border-radius:5px;color:#000;border:solid #f2bb66 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#db0b3e}span:hover.button-selected{color:#5b2c6f}div.button:hover,span.button:hover{border:solid #5b2c6f 2px !important;color:#5b2c6f;text-decoration:underline}div.blank,span.blank{content:"";color:#000;background:#fff8dc}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#ce1126;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#000;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#db0b3e}div.side-menu ul li:hover.button-selected{color:#5b2c6f}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#000;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #db0b3e 2px;color:#db0b3e}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, white, slateblue)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, yellow, green)}div.side-menu div.buttons div.tick{content:"u2714";color:green;background:linear-gradient(to bottom right, red, yellow)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:green}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#cc6700;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#cc6700;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#630}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#994d00;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#ed253b;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#ce1126;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#ed253b;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#ed253b;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#9f0d1d;text-decoration:underline}div.quiz-questions div.quiz-index{color:#ce1126;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#ce1126;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#ed253b}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#f15466}div.quiz-questions div.question div.feedback{background-color:#e9e0d8;border:solid #c9a798 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#ce1126}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#f15466;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#ce1126;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#ff1a1a}input.input-button{color:#000;background-color:#fff8dc;border:solid #f2bb66 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:#ec7063;border:2px solid #ce1126;color:#fc0;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#ce1126;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#fff}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #f2bb66 2px;border-radius:5px;background-color:#fff8dc}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#994d00 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#fff8dc;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#fff8dc;border:7px solid}nav div ul li ul li:hover{background:#f2bb66;color:red}nav div ul span{color:#fff}nav div ul li:hover{background-color:#fff8dc}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #ce1126;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #fff;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#994d00;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#fff}nav div ul>li:nth-child(1) ul li a{color:#fff}nav div ul>li:nth-child(1):after{border-left-color:#994d00}nav div ul>li:nth-child(2){background:#b35a00;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#fff}nav div ul>li:nth-child(2) ul li a{color:#fff}nav div ul>li:nth-child(2):after{border-left-color:#b35a00}nav div ul>li:nth-child(3){background:#cc6700;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#fff}nav div ul>li:nth-child(3) ul li a{color:#fff}nav div ul>li:nth-child(3):after{border-left-color:#cc6700}nav div ul>li:nth-child(4){background:#e67400;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#fff}nav div ul>li:nth-child(4) ul li a{color:#fff}nav div ul>li:nth-child(4):after{border-left-color:#e67400}nav div ul>li:nth-child(5){background:#ff8000;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#fff}nav div ul>li:nth-child(5) ul li a{color:#fff}nav div ul>li:nth-child(5):after{border-left-color:#ff8000}nav div ul>li:nth-child(6){background:#ff8d1a;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#fff}nav div ul>li:nth-child(6) ul li a{color:#fff}nav div ul>li:nth-child(6):after{border-left-color:#ff8d1a}nav div ul>li:nth-child(7){background:#ff9a33;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#fff}nav div ul>li:nth-child(7) ul li a{color:#fff}nav div ul>li:nth-child(7):after{border-left-color:#ff9a33}div#menu-icon{display:inline-block;color:#ce1126;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#fff8dc}span#quizzes-menu-icon{color:#fff;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-default.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-earthy.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-earthy.css
new file mode 100644
index 00000000000..0e28843eebc
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-earthy.css
@@ -0,0 +1 @@
+body{color:#5d001e;background-color:#e3e2df}body a{color:blue}body a:hover{color:#99f}body a:visited{color:#009}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#fae5d3;border-radius:5px;color:#90002e;border:solid #e5791c 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#c0392b}span:hover.button-selected{color:#943126}div.button:hover,span.button:hover{border:solid #943126 2px !important;color:#943126;text-decoration:underline}div.blank,span.blank{content:"";color:#000;background:#fef9e7}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#873600;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#90002e;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#c0392b}div.side-menu ul li:hover.button-selected{color:#943126}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#90002e;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #c0392b 2px;color:#c0392b}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #784212, #fae5d3)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #e5791c, #90002e)}div.side-menu div.buttons div.tick{content:"u2714";color:#271096;background:linear-gradient(to bottom right, #e5791c, #fef7e7)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:#271096}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#a14000;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#a14000;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#3b1800}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#6e2c00;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#900c3f;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#873600;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#900c3f;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#900c3f;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#320416;text-decoration:underline}div.quiz-questions div.quiz-index{color:#873600;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#873600;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#900c3f}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#b04600}div.quiz-questions div.question div.feedback{background-color:#fae5d3;border:solid #e5791c 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#784212}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#b04600;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#784212;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#ba4a00}input.input-button{color:#000;background-color:#fae5d3;border:solid #e5791c 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:lime;border:2px solid #873600;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#873600;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#fef5e7}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #e5791c 2px;border-radius:5px;background-color:#fae5d3}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#873600 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#fae5d3;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#fae5d3;border:7px solid}nav div ul li ul li:hover{background:#e5791c;color:red}nav div ul span{color:#fef5e7}nav div ul li:hover{background-color:#fae5d3}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #873600;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #e3e2df;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#6e2c00;color:#fef5e7;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#fef5e7}nav div ul>li:nth-child(1) ul li a{color:#fef5e7}nav div ul>li:nth-child(1):after{border-left-color:#6e2c00}nav div ul>li:nth-child(2){background:#883600;color:#fef5e7;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#fef5e7}nav div ul>li:nth-child(2) ul li a{color:#fef5e7}nav div ul>li:nth-child(2):after{border-left-color:#883600}nav div ul>li:nth-child(3){background:#a14000;color:#fef5e7;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#fef5e7}nav div ul>li:nth-child(3) ul li a{color:#fef5e7}nav div ul>li:nth-child(3):after{border-left-color:#a14000}nav div ul>li:nth-child(4){background:#bb4b00;color:#fef5e7;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#fef5e7}nav div ul>li:nth-child(4) ul li a{color:#fef5e7}nav div ul>li:nth-child(4):after{border-left-color:#bb4b00}nav div ul>li:nth-child(5){background:#d45500;color:#fef5e7;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#fef5e7}nav div ul>li:nth-child(5) ul li a{color:#fef5e7}nav div ul>li:nth-child(5):after{border-left-color:#d45500}nav div ul>li:nth-child(6){background:#ee5f00;color:#fef5e7;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#fef5e7}nav div ul>li:nth-child(6) ul li a{color:#fef5e7}nav div ul>li:nth-child(6):after{border-left-color:#ee5f00}nav div ul>li:nth-child(7){background:#ff6b08;color:#fef5e7;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#fef5e7}nav div ul>li:nth-child(7) ul li a{color:#fef5e7}nav div ul>li:nth-child(7):after{border-left-color:#ff6b08}div#menu-icon{display:inline-block;color:#873600;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#fae5d3}span#quizzes-menu-icon{color:#fef5e7;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-earthy.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-fresh.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-fresh.css
new file mode 100644
index 00000000000..1d1c64e6e6e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-fresh.css
@@ -0,0 +1 @@
+body{color:#000;background-color:#e1f5f4}body a{color:#4169e1}body a:hover{color:#c5d1f6}body a:visited{color:#1a3ca2}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#d1f6ff;border-radius:5px;color:#1a1a1a;border:solid #05ceff 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#1a0ee4}span:hover.button-selected{color:#6b63f5}div.button:hover,span.button:hover{border:solid #6b63f5 2px !important;color:#6b63f5;text-decoration:underline}div.blank,span.blank{content:"";color:#191970;background:#dcfffe}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#05386b;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#1a1a1a;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#1a0ee4}div.side-menu ul li:hover.button-selected{color:#6b63f5}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#1a1a1a;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #1a0ee4 2px;color:#1a0ee4}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #1e90ff, #d1f6ff)}div.side-menu div.buttons div.star{content:"u272D";color:#fff;background:linear-gradient(to bottom right, #8484f0, cyan)}div.side-menu div.buttons div.tick{content:"u2714";color:#ff8;background:linear-gradient(to bottom right, #1a0ee4, #d1f6ff)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#fff}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:#ff8}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#0828d9;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#0828d9;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#041677}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#061fa8;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#0a6bcc;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#05386b;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#0a6bcc;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#0a6bcc;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#05386b;text-decoration:underline}div.quiz-questions div.quiz-index{color:#05386b;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#05386b;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#0a6bcc}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#074c92}div.quiz-questions div.question div.feedback{background-color:#d1f6ff;border:solid #05ceff 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#01a}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#074c92;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#01a;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#6bb6ff}input.input-button{color:#191970;background-color:#d1f6ff;border:solid #05ceff 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:lime;border:2px solid #05386b;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#05386b;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#fff}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #05ceff 2px;border-radius:5px;background-color:#d1f6ff}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#4682b4 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#d1f6ff;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#d1f6ff;border:7px solid}nav div ul li ul li:hover{background:#05ceff;color:red}nav div ul span{color:#fff}nav div ul li:hover{background-color:#d1f6ff}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #05386b;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #e1f5f4;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#1e90ff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#fff}nav div ul>li:nth-child(1) ul li a{color:#fff}nav div ul>li:nth-child(1):after{border-left-color:#1e90ff}nav div ul>li:nth-child(2){background:#389dff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#fff}nav div ul>li:nth-child(2) ul li a{color:#fff}nav div ul>li:nth-child(2):after{border-left-color:#389dff}nav div ul>li:nth-child(3){background:#51a9ff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#fff}nav div ul>li:nth-child(3) ul li a{color:#fff}nav div ul>li:nth-child(3):after{border-left-color:#51a9ff}nav div ul>li:nth-child(4){background:#6bb6ff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#fff}nav div ul>li:nth-child(4) ul li a{color:#fff}nav div ul>li:nth-child(4):after{border-left-color:#6bb6ff}nav div ul>li:nth-child(5){background:#84c2ff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#fff}nav div ul>li:nth-child(5) ul li a{color:#fff}nav div ul>li:nth-child(5):after{border-left-color:#84c2ff}nav div ul>li:nth-child(6){background:#9ecfff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#fff}nav div ul>li:nth-child(6) ul li a{color:#fff}nav div ul>li:nth-child(6):after{border-left-color:#9ecfff}nav div ul>li:nth-child(7){background:#b7dbff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#fff}nav div ul>li:nth-child(7) ul li a{color:#fff}nav div ul>li:nth-child(7):after{border-left-color:#b7dbff}div#menu-icon{display:inline-block;color:#05386b;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#d1f6ff}span#quizzes-menu-icon{color:#fff;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-fresh.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-light.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-light.css
new file mode 100644
index 00000000000..3ae3a1bc9b5
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-light.css
@@ -0,0 +1 @@
+body{color:#d77c04;background-color:#eae7dc}body a{color:blue}body a:hover{color:#99f}body a:visited{color:#009}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#d8c3a5;border-radius:5px;color:#734202;border:solid #c08206 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#634b11e6}span:hover.button-selected{color:rgba(143,108,24,.9019607843)}div.button:hover,span.button:hover{border:solid rgba(143,108,24,.9019607843) 2px !important;color:rgba(143,108,24,.9019607843);text-decoration:underline}div.blank,span.blank{content:"";color:#775004;background:#fff8dc}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#6b1309;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#734202;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#634b11e6}div.side-menu ul li:hover.button-selected{color:rgba(143,108,24,.9019607843)}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#734202;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #634b11e6 2px;color:#634b11e6}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #e7aa00, white)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #cf730c, #594466)}div.side-menu div.buttons div.tick{content:"u2714";color:green;background:linear-gradient(to bottom right, #7e3523, #ede20d)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:green}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#a96d12;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#a96d12;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#4d3108}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#7b4f0d;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#7a4109;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#6b1309;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#7a4109;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#7a4109;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#1b0e02;text-decoration:underline}div.quiz-questions div.quiz-index{color:#6b1309;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#6b1309;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#7a4109}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:brown}div.quiz-questions div.question div.feedback{background-color:#d8c3a5;border:solid #7b5f36 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#231f1b}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:brown;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#231f1b;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#6e5728}input.input-button{color:#775004;background-color:#d8c3a5;border:solid #c08206 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:red;border:2px solid #6b1309;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#6b1309;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#fff}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #c08206 2px;border-radius:5px;background-color:#d8c3a5}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#7b5f36 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#d8c3a5;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#d8c3a5;border:7px solid}nav div ul li ul li:hover{background:#c08206;color:red}nav div ul span{color:#fff}nav div ul li:hover{background-color:#d8c3a5}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #6b1309;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #eae7dc;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#7b4f0d;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#fff}nav div ul>li:nth-child(1) ul li a{color:#fff}nav div ul>li:nth-child(1):after{border-left-color:#7b4f0d}nav div ul>li:nth-child(2){background:#925e0f;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#fff}nav div ul>li:nth-child(2) ul li a{color:#fff}nav div ul>li:nth-child(2):after{border-left-color:#925e0f}nav div ul>li:nth-child(3){background:#a96d12;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#fff}nav div ul>li:nth-child(3) ul li a{color:#fff}nav div ul>li:nth-child(3):after{border-left-color:#a96d12}nav div ul>li:nth-child(4){background:#c07b14;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#fff}nav div ul>li:nth-child(4) ul li a{color:#fff}nav div ul>li:nth-child(4):after{border-left-color:#c07b14}nav div ul>li:nth-child(5){background:#d78a17;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#fff}nav div ul>li:nth-child(5) ul li a{color:#fff}nav div ul>li:nth-child(5):after{border-left-color:#d78a17}nav div ul>li:nth-child(6){background:#e79820;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#fff}nav div ul>li:nth-child(6) ul li a{color:#fff}nav div ul>li:nth-child(6):after{border-left-color:#e79820}nav div ul>li:nth-child(7){background:#eaa237;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#fff}nav div ul>li:nth-child(7) ul li a{color:#fff}nav div ul>li:nth-child(7):after{border-left-color:#eaa237}div#menu-icon{display:inline-block;color:#6b1309;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#d8c3a5}span#quizzes-menu-icon{color:#fff;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-light.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-lively.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-lively.css
new file mode 100644
index 00000000000..cd2a4f2a994
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-lively.css
@@ -0,0 +1 @@
+body{color:#ca3435;background-color:#fbe7b2}body a{color:#299617}body a:hover{color:#73e75f}body a:visited{color:#113e09}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#febaad;border-radius:5px;color:#a8d0e6;border:solid #da2647 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#ad4379}span:hover.button-selected{color:#d086ac}div.button:hover,span.button:hover{border:solid #d086ac 2px !important;color:#d086ac;text-decoration:underline}div.blank,span.blank{content:"";color:#ff3855;background:#fdd7e4}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#fd0e35;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#a8d0e6;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#ad4379}div.side-menu ul li:hover.button-selected{color:#d086ac}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#a8d0e6;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #ad4379 2px;color:#ad4379}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #da2647, #febaad)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #cc0000, #ff00cc)}div.side-menu div.buttons div.tick{content:"u2714";color:#fff;background:linear-gradient(to bottom right, #ffaeac, #cc0000)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:#fff}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#f10628;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#f10628;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#8d0418}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#bf0520;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#f0c;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#fd0e35;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#f0c;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#f0c;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#99007a;text-decoration:underline}div.quiz-questions div.quiz-index{color:#fd0e35;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#fd0e35;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#f0c}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#fd3657}div.quiz-questions div.question div.feedback{background-color:#febaad;border:solid #dc2603 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#ffe4df}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#fd3657;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#ffe4df;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#f76c6c}input.input-button{color:#ff3855;background-color:#febaad;border:solid #da2647 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:#c289b0;border:2px solid #fd0e35;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#fd0e35;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#ff0}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #da2647 2px;border-radius:5px;background-color:#febaad}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#ff6 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#febaad;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#febaad;border:7px solid}nav div ul li ul li:hover{background:#da2647;color:red}nav div ul span{color:#ff0}nav div ul li:hover{background-color:#febaad}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #fd0e35;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #fbe7b2;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#ff3855;color:#ff0;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#ff0}nav div ul>li:nth-child(1) ul li a{color:#ff0}nav div ul>li:nth-child(1):after{border-left-color:#ff3855}nav div ul>li:nth-child(2){background:#ff526b;color:#ff0;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#ff0}nav div ul>li:nth-child(2) ul li a{color:#ff0}nav div ul>li:nth-child(2):after{border-left-color:#ff526b}nav div ul>li:nth-child(3){background:#ff6b81;color:#ff0;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#ff0}nav div ul>li:nth-child(3) ul li a{color:#ff0}nav div ul>li:nth-child(3):after{border-left-color:#ff6b81}nav div ul>li:nth-child(4){background:#ff8596;color:#ff0;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#ff0}nav div ul>li:nth-child(4) ul li a{color:#ff0}nav div ul>li:nth-child(4):after{border-left-color:#ff8596}nav div ul>li:nth-child(5){background:#ff9eac;color:#ff0;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#ff0}nav div ul>li:nth-child(5) ul li a{color:#ff0}nav div ul>li:nth-child(5):after{border-left-color:#ff9eac}nav div ul>li:nth-child(6){background:#ffb8c2;color:#ff0;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#ff0}nav div ul>li:nth-child(6) ul li a{color:#ff0}nav div ul>li:nth-child(6):after{border-left-color:#ffb8c2}nav div ul>li:nth-child(7){background:#ffd1d8;color:#ff0;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#ff0}nav div ul>li:nth-child(7) ul li a{color:#ff0}nav div ul>li:nth-child(7):after{border-left-color:#ffd1d8}div#menu-icon{display:inline-block;color:#fd0e35;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#febaad}span#quizzes-menu-icon{color:#ff0;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-lively.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-muted.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-muted.css
new file mode 100644
index 00000000000..9e4d8456148
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-muted.css
@@ -0,0 +1 @@
+body{color:#373737;background-color:#f4f4f4}body a{color:blue}body a:hover{color:#99f}body a:visited{color:#009}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#dcd0c0;border-radius:5px;color:#655d41;border:solid #866c4a 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#bd7209}span:hover.button-selected{color:#ba6513}div.button:hover,span.button:hover{border:solid #ba6513 2px !important;color:#ba6513;text-decoration:underline}div.blank,span.blank{content:"";color:#000;background:#fff8dc}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#c0b283;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#655d41;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#bd7209}div.side-menu ul li:hover.button-selected{color:#ba6513}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#655d41;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #bd7209 2px;color:#bd7209}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, white, slateblue)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, yellow, green)}div.side-menu div.buttons div.tick{content:"u2714";color:green;background:linear-gradient(to bottom right, red, yellow)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:green}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#4f4628;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#4f4628;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#0b0a06}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#2d2817;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#bd960f;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#c0b283;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#bd960f;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#bd960f;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#5f4b08;text-decoration:underline}div.quiz-questions div.quiz-index{color:#c0b283;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#c0b283;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#bd960f}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#cec39e}div.quiz-questions div.question div.feedback{background-color:#dcd0c0;border:solid #866c4a 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#fff}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#cec39e;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#fff;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#261868}input.input-button{color:#000;background-color:#dcd0c0;border:solid #866c4a 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:#e37222;border:2px solid #c0b283;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#c0b283;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#a8a8a8}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #866c4a 2px;border-radius:5px;background-color:#dcd0c0}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#804000 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#dcd0c0;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#dcd0c0;border:7px solid}nav div ul li ul li:hover{background:#866c4a;color:red}nav div ul span{color:#a8a8a8}nav div ul li:hover{background-color:#dcd0c0}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #c0b283;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #f4f4f4;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#2d2817;color:#a8a8a8;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#a8a8a8}nav div ul>li:nth-child(1) ul li a{color:#a8a8a8}nav div ul>li:nth-child(1):after{border-left-color:#2d2817}nav div ul>li:nth-child(2){background:#3e3720;color:#a8a8a8;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#a8a8a8}nav div ul>li:nth-child(2) ul li a{color:#a8a8a8}nav div ul>li:nth-child(2):after{border-left-color:#3e3720}nav div ul>li:nth-child(3){background:#4f4628;color:#a8a8a8;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#a8a8a8}nav div ul>li:nth-child(3) ul li a{color:#a8a8a8}nav div ul>li:nth-child(3):after{border-left-color:#4f4628}nav div ul>li:nth-child(4){background:#605531;color:#a8a8a8;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#a8a8a8}nav div ul>li:nth-child(4) ul li a{color:#a8a8a8}nav div ul>li:nth-child(4):after{border-left-color:#605531}nav div ul>li:nth-child(5){background:#716439;color:#a8a8a8;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#a8a8a8}nav div ul>li:nth-child(5) ul li a{color:#a8a8a8}nav div ul>li:nth-child(5):after{border-left-color:#716439}nav div ul>li:nth-child(6){background:#827342;color:#a8a8a8;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#a8a8a8}nav div ul>li:nth-child(6) ul li a{color:#a8a8a8}nav div ul>li:nth-child(6):after{border-left-color:#827342}nav div ul>li:nth-child(7){background:#93824a;color:#a8a8a8;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#a8a8a8}nav div ul>li:nth-child(7) ul li a{color:#a8a8a8}nav div ul>li:nth-child(7):after{border-left-color:#93824a}div#menu-icon{display:inline-block;color:#c0b283;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#dcd0c0}span#quizzes-menu-icon{color:#a8a8a8;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-muted.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-sleek.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-sleek.css
new file mode 100644
index 00000000000..16f9a248f7f
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-sleek.css
@@ -0,0 +1 @@
+body{color:#000;background-color:#fff}body a{color:blue}body a:hover{color:#99f}body a:visited{color:#009}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#e8e8e8;border-radius:5px;color:#1a1a1a;border:solid #4682b4 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#0000cd}span:hover.button-selected{color:gray}div.button:hover,span.button:hover{border:solid gray 2px !important;color:gray;text-decoration:underline}div.blank,span.blank{content:"";color:#4169e1;background:#f2f2f2}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:navy;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#1a1a1a;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#0000cd}div.side-menu ul li:hover.button-selected{color:gray}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#1a1a1a;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #0000cd 2px;color:#0000cd}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #b1b1ec, #ccc)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #000080, aqua)}div.side-menu div.buttons div.tick{content:"u2714";color:silver;background:linear-gradient(to bottom right, aqua, #000080)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:silver}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#bcbcbc;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#bcbcbc;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#898989}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#a2a2a2;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#0000e6;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:navy;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#0000e6;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#0000e6;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:navy;text-decoration:underline}div.quiz-questions div.quiz-index{color:navy;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:navy;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#0000e6}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#0000a9}div.quiz-questions div.question div.feedback{background-color:#e8e8e8;border:solid #828282 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#000}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#0000a9;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#000;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#0000e6}input.input-button{color:#4169e1;background-color:#e8e8e8;border:solid #4682b4 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:red;border:2px solid navy;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:navy;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#fff}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #4682b4 2px;border-radius:5px;background-color:#e8e8e8}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#00008b !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#e8e8e8;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#e8e8e8;border:7px solid}nav div ul li ul li:hover{background:#4682b4;color:red}nav div ul span{color:#fff}nav div ul li:hover{background-color:#e8e8e8}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid navy;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #fff;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#a2a2a2;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#fff}nav div ul>li:nth-child(1) ul li a{color:#fff}nav div ul>li:nth-child(1):after{border-left-color:#a2a2a2}nav div ul>li:nth-child(2){background:#bcbcbc;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#fff}nav div ul>li:nth-child(2) ul li a{color:#fff}nav div ul>li:nth-child(2):after{border-left-color:#bcbcbc}nav div ul>li:nth-child(3){background:#d5d5d5;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#fff}nav div ul>li:nth-child(3) ul li a{color:#fff}nav div ul>li:nth-child(3):after{border-left-color:#d5d5d5}nav div ul>li:nth-child(4){background:#efefef;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#fff}nav div ul>li:nth-child(4) ul li a{color:#fff}nav div ul>li:nth-child(4):after{border-left-color:#efefef}nav div ul>li:nth-child(5){background:#fff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#fff}nav div ul>li:nth-child(5) ul li a{color:#fff}nav div ul>li:nth-child(5):after{border-left-color:#fff}nav div ul>li:nth-child(6){background:#fff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#fff}nav div ul>li:nth-child(6) ul li a{color:#fff}nav div ul>li:nth-child(6):after{border-left-color:#fff}nav div ul>li:nth-child(7){background:#fff;color:#fff;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#fff}nav div ul>li:nth-child(7) ul li a{color:#fff}nav div ul>li:nth-child(7):after{border-left-color:#fff}div#menu-icon{display:inline-block;color:navy;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#e8e8e8}span#quizzes-menu-icon{color:#fff;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-sleek.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-spring.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-spring.css
new file mode 100644
index 00000000000..5030398ff29
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-spring.css
@@ -0,0 +1 @@
+body{color:#e5ee00;background-color:#2faa54}body a{color:#095c0f}body a:hover{color:#17e726}body a:visited{color:#000}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#18cc44;border-radius:5px;color:#f7ff22;border:solid #185522 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#084316}span:hover.button-selected{color:#0d7126}div.button:hover,span.button:hover{border:solid #0d7126 2px !important;color:#0d7126;text-decoration:underline}div.blank,span.blank{content:"";color:#185522;background:#aef9b2}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#ff0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#f7ff22;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#084316}div.side-menu ul li:hover.button-selected{color:#0d7126}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#f7ff22;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #084316 2px;color:#084316}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #AEF9B2, darkgreen)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #18cc44, #048022)}div.side-menu div.buttons div.tick{content:"u2714";color:#fff;background:linear-gradient(to bottom right, darkgreen, limegreen)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:#fff}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:f0ff5c;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:f0ff5c;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#e6e6e6}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#fff;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#80ff00;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#ff0;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#80ff00;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#80ff00;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#4d9900;text-decoration:underline}div.quiz-questions div.quiz-index{color:#ff0;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#ff0;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#80ff00}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#ffff29}div.quiz-questions div.question div.feedback{background-color:#29964a;border:solid #007a00 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#1007b1}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#ffff29;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#1007b1;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#09dd34}input.input-button{color:#185522;background-color:#18cc44;border:solid #185522 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:red;border:2px solid #ff0;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#ff0;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#f5f5f5}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #185522 2px;border-radius:5px;background-color:#18cc44}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#b9f7c8 !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#18cc44;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#18cc44;border:7px solid}nav div ul li ul li:hover{background:#185522;color:red}nav div ul span{color:#f5f5f5}nav div ul li:hover{background-color:#18cc44}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #ff0;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #2faa54;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#185522;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#f5f5f5}nav div ul>li:nth-child(1) ul li a{color:#f5f5f5}nav div ul>li:nth-child(1):after{border-left-color:#185522}nav div ul>li:nth-child(2){background:#1e692a;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#f5f5f5}nav div ul>li:nth-child(2) ul li a{color:#f5f5f5}nav div ul>li:nth-child(2):after{border-left-color:#1e692a}nav div ul>li:nth-child(3){background:#237d32;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#f5f5f5}nav div ul>li:nth-child(3) ul li a{color:#f5f5f5}nav div ul>li:nth-child(3):after{border-left-color:#237d32}nav div ul>li:nth-child(4){background:#29913a;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#f5f5f5}nav div ul>li:nth-child(4) ul li a{color:#f5f5f5}nav div ul>li:nth-child(4):after{border-left-color:#29913a}nav div ul>li:nth-child(5){background:#2ea542;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#f5f5f5}nav div ul>li:nth-child(5) ul li a{color:#f5f5f5}nav div ul>li:nth-child(5):after{border-left-color:#2ea542}nav div ul>li:nth-child(6){background:#34b84a;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#f5f5f5}nav div ul>li:nth-child(6) ul li a{color:#f5f5f5}nav div ul>li:nth-child(6):after{border-left-color:#34b84a}nav div ul>li:nth-child(7){background:#3ec854;color:#f5f5f5;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#f5f5f5}nav div ul>li:nth-child(7) ul li a{color:#f5f5f5}nav div ul>li:nth-child(7):after{border-left-color:#3ec854}div#menu-icon{display:inline-block;color:#ff0;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#18cc44}span#quizzes-menu-icon{color:#f5f5f5;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-spring.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-vibrant.css b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-vibrant.css
new file mode 100644
index 00000000000..cb2979a644e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/css/webquiz-vibrant.css
@@ -0,0 +1 @@
+body{color:#24304e;background-color:#f9f9dd}body a{color:green}body a:hover{color:#1aff1a}body a:visited{color:#001a00}div.quiz-page{position:absolute;top:36px;left:5%;min-width:60%;width:88%}div.button,span.button{background-color:#98fb98;border-radius:5px;color:#a8d0e6;border:solid #228b22 2px;font-size:12px;font-weight:normal;text-align:center}span.button{padding:1px 4px 1px 4px}span.button-selected{color:#03bd0e}span:hover.button-selected{color:#adff2f}div.button:hover,span.button:hover{border:solid #adff2f 2px !important;color:#adff2f;text-decoration:underline}div.blank,span.blank{content:"";color:#006400;background:#fff8dc}div.side-menu{float:left;font-size:10px;font-weight:normal;margin:0;overflow:hidden;width:100px;display:block;clear:left}div.side-menu>div{color:#228b22;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-bottom:.8ex}div.side-menu ul{list-style:none;padding-left:0;padding-bottom:10px}div.side-menu ul li{color:#a8d0e6;font-size:14px;text-align:left;word-wrap:break-word}div.side-menu ul li.button-selected{color:#03bd0e}div.side-menu ul li:hover.button-selected{color:#adff2f}div.side-menu ul li:hover{text-decoration:underline}div.side-menu div.buttons{width:100%;height:100%;margin-bottom:6px;display:table}div.side-menu div.buttons div.button{display:table-cell;float:left;line-height:30px;margin-left:5px;margin-top:5px;position:relative;width:30px}div.side-menu div.buttons div.button span{color:#a8d0e6;text-decoration:none}div.side-menu div.buttons div.button:after{bottom:-35%;content:attr(content);height:100%;position:absolute;width:100%;right:-35%;clear:right}div.side-menu div.buttons div.button-selected{border:solid #03bd0e 2px;color:#03bd0e}div.side-menu div.buttons div.cross{content:"u2718";color:red;background:linear-gradient(to bottom right, #ffffbf, #007e00)}div.side-menu div.buttons div.star{content:"u272D";color:#ff0;background:linear-gradient(to bottom right, #0e6655, #00fd00)}div.side-menu div.buttons div.tick{content:"u2714";color:silver;background:linear-gradient(to bottom right, #0e6655, #00fd00)}div.side-menu table.marking-key{margin-left:2px;clear:left}div.side-menu table.marking-key tbody tr td{width:2ex;padding-right:2px !important}div.side-menu table.marking-key tbody tr td.cross{font-size:medium;color:red}div.side-menu table.marking-key tbody tr td.star{font-size:small;color:#ff0}div.side-menu table.marking-key tbody tr td.tick{font-size:medium;color:silver}div.side-menu div.school{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#11806a;text-align:center;padding:10px 0 0 0}div.side-menu div.school A,div.side-menu div.school A:link,div.side-menu div.school A:visited{font-family:arial,verdana,helvetica;font-weight:normal;font-size:xx-small;color:#11806a;text-align:center;padding:10px 0 0 0}div.side-menu div.copyright{font-family:arial,verdana,helvetica;font-size:xx-small;font-weight:normal;text-align:center;color:#052620}div.side-menu div.copyright A,div.side-menu div.copyright A:link,div.side-menu div.copyright A:visited{text-decoration:none;color:#0b5345;font-weight:bold}div.side-menu div.copyright A span.webquizlogo,div.side-menu div.copyright A:link span.webquizlogo,div.side-menu div.copyright A:visited span.webquizlogo{font-variant:small-caps;font-weight:bold}div.question-label,span.question-label{color:#0aa738;font-variant:small-caps;font-weight:normal;font-size:smaller;margin-bottom:10px;text-align:left}span#question-label{display:none}div.quiz-questions{display:grid}div.quiz-questions div.quiz-header{padding-right:1%;width:80%}div.quiz-questions div.quiz-header div.quiz-title{color:#228b22;font-size:large;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:.8ex;min-width:50%}div.quiz-questions div.quiz-header span.arrows{color:#0aa738;float:right;right:5%;font-size:12px;margin-right:20px}div.quiz-questions div.quiz-header span.arrows A{text-decoration:none !important}div.quiz-questions div.quiz-header span.arrows A{color:#0aa738;font-size:12px}div.quiz-questions div.quiz-header span.arrows A:hover{color:#044718;text-decoration:underline}div.quiz-questions div.quiz-index{color:#228b22;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left}div.quiz-questions div.quiz-index ul{list-style:none !important}div.quiz-questions div.quiz-index ul li:before{content:"➣";color:#228b22;padding-left:0;padding-right:1ex;margin-left:-1em}div.quiz-questions div.quiz-index ul li{list-style-image:none !important;overflow:visible}div.quiz-questions div.quiz-index ul li:hover{color:#0aa738}div.quiz-questions div.question{position:relative;margin:0 0 5px 0;display:none;padding-bottom:1em}div.quiz-questions div.question form{padding:10px 0 0 0}div.quiz-questions div.question form table tr{vertical-align:top}div.quiz-questions div.question form table tr td{vertical-align:top}div.quiz-questions div.question div.question-choices{padding-left:10px;padding-right:15px;text-align:left}div.quiz-questions div.question table.question-choices td{padding-right:0;vertical-align:baseline}div.quiz-questions div.question table.question-choices td:nth-child(3n+1){padding-right:6px}div.quiz-questions div.question td.brown{color:#06c316}div.quiz-questions div.question div.feedback{background-color:#98fb98;border:solid #006400 2px;border-radius:5px;display:none;padding:0 1ex 0 1ex;transition:height .66s ease-out}div.quiz-questions div.question div.feedback div{text-align:left;color:#0e6655}div.quiz-questions div.question div.feedback ol{counter-reset:list;list-style-type:none;margin:0;padding:0 !important}div.quiz-questions div.question div.feedback ol li:before{color:#06c316;content:counter(list, lower-latin) ") ";counter-increment:list;padding:0 0 0 0}div.quiz-questions div.question div.feedback ol li{text-align:left;color:#0e6655;padding-right:2em}div.quiz-questions div.question div.feedback ol li em{color:#007e00}input.input-button{color:#006400;background-color:#98fb98;border:solid #228b22 2px;border-radius:5px;margin-right:40px;padding:0 4px 0 4px}div.warning{background-color:#e37222;border:2px solid #228b22;color:#fff;padding:2mm;top:20%;left:20%;position:absolute;z-index:999}div.breadcrumbs{float:left;clear:both;display:block}nav{margin:0 auto;padding:4px 0 4px 0;height:20px;z-index:99;position:absolute;left:5%;top:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;min-width:600px}nav div.navleft{float:left}nav div.navright{float:right}nav div ul{margin:0;padding:0;list-style-type:none;position:absolute}nav div ul li{text-align:center;margin:0;-webkit-transition:all .2s;padding:2px 4px 2px 18px;background-color:#228b22;position:relative;float:left}nav div ul li a{text-decoration:none;display:contents;-webkit-transition:all .5s}nav div ul li span{color:#e2e25b}nav div ul li ul{display:none;padding-left:4px;margin:0;-webkit-transition:all 1s;border:solid #228b22 2px;border-radius:5px;background-color:#98fb98}nav div ul li ul li{width:100%;text-align:left;-webkit-transition:height .5s;padding:1px 0 0 4px}nav div ul li ul li a{color:#38a32a !important}nav div ul li ul li::after{content:none}nav div ul li ul li:first-child{padding-top:2px}nav div ul li ul li:nth-child(n){background:#98fb98;padding-left:0}nav div ul li ul li:nth-child(n):after{border-left-color:#98fb98;border:7px solid}nav div ul li ul li:hover{background:#228b22;color:red}nav div ul span{color:#e2e25b}nav div ul li:hover{background-color:#98fb98}nav div ul li a{color:green}nav div ul li a:hover{color:#ff0}nav div ul>li::after{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #228b22;position:absolute;top:50%;margin-top:-7px;left:100%;z-index:99}nav div ul>li::before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #f9f9dd;position:absolute;top:50%;margin-top:-7px;margin-left:2px;left:100%;z-index:98}nav div ul>li:nth-child(1){padding-left:4px}nav div ul>li:nth-child(1){background:#006400;color:#e2e25b;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(1) a{color:#e2e25b}nav div ul>li:nth-child(1) ul li a{color:#e2e25b}nav div ul>li:nth-child(1):after{border-left-color:#006400}nav div ul>li:nth-child(2){background:#007e00;color:#e2e25b;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(2) a{color:#e2e25b}nav div ul>li:nth-child(2) ul li a{color:#e2e25b}nav div ul>li:nth-child(2):after{border-left-color:#007e00}nav div ul>li:nth-child(3){background:#009700;color:#e2e25b;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(3) a{color:#e2e25b}nav div ul>li:nth-child(3) ul li a{color:#e2e25b}nav div ul>li:nth-child(3):after{border-left-color:#009700}nav div ul>li:nth-child(4){background:#00b100;color:#e2e25b;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(4) a{color:#e2e25b}nav div ul>li:nth-child(4) ul li a{color:#e2e25b}nav div ul>li:nth-child(4):after{border-left-color:#00b100}nav div ul>li:nth-child(5){background:#00ca00;color:#e2e25b;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(5) a{color:#e2e25b}nav div ul>li:nth-child(5) ul li a{color:#e2e25b}nav div ul>li:nth-child(5):after{border-left-color:#00ca00}nav div ul>li:nth-child(6){background:#00e400;color:#e2e25b;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(6) a{color:#e2e25b}nav div ul>li:nth-child(6) ul li a{color:#e2e25b}nav div ul>li:nth-child(6):after{border-left-color:#00e400}nav div ul>li:nth-child(7){background:#00fd00;color:#e2e25b;font-family:Arial,Verdana,sans-serif !important}nav div ul>li:nth-child(7) a{color:#e2e25b}nav div ul>li:nth-child(7) ul li a{color:#e2e25b}nav div ul>li:nth-child(7):after{border-left-color:#00fd00}div#menu-icon{display:inline-block;color:#228b22;float:left;text-decoration:none;margin-right:1px;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold !important;font-size:14px !important}div#menu-icon:hover{background-color:#98fb98}span#quizzes-menu-icon{color:#e2e25b;font-size:8px}span#sidelabelopen{display:block}span#sidelabelclosed{display:none}@media(max-width: 600px){div.side-menu{display:none}#sidelabelopen span{display:none}#sidelabelclosed span{display:block}div.breadcrumbs{display:none}div.quiz-page{top:6px}}@media(min-width: 601px){div.side-menu{display:block}#sidelabelopen span{display:block}#sidelabelclosed span{display:none}div.breadcrumbs{display:block}div.quiz-page{top:36px}}/*# sourceMappingURL=webquiz-vibrant.css.map */
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/doc/examples b/Master/texmf-dist/doc/latex/webquiz/www/doc/examples
new file mode 120000
index 00000000000..d15735c1dfa
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/doc/examples
@@ -0,0 +1 @@
+../../examples \ No newline at end of file
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/doc/webquiz-online-manual.tex b/Master/texmf-dist/doc/latex/webquiz/www/doc/webquiz-online-manual.tex
new file mode 120000
index 00000000000..dcdc896493e
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/doc/webquiz-online-manual.tex
@@ -0,0 +1 @@
+../../webquiz-online-manual.tex \ No newline at end of file
diff --git a/Master/texmf-dist/doc/latex/webquiz/www/js/webquiz.js b/Master/texmf-dist/doc/latex/webquiz/www/js/webquiz.js
new file mode 100644
index 00000000000..f919a1c672f
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/webquiz/www/js/webquiz.js
@@ -0,0 +1 @@
+var currentB,currentQ,dTotal,quizindex_menu,qTotal,side_closed,side_menu,side_open,correct=[],buttonOrder=[],questionOrder=[],wrongAnswers=[],currentFeedback=null,QuizSpecifications=[],Discussion=[],onePage=!1,QuizTitles=[],blank={content:"",name:"blank"},cross={content:"✘",name:"cross"},star={content:"✭",name:"star"},tick={content:"✔",name:"tick"};function markAnswer(){"undefined"!=typeof Storage&&(sessionStorage.correct=JSON.stringify(correct),sessionStorage.wrongAnswers=JSON.stringify(wrongAnswers))}var quizindex_menu_not_created=!0;function create_quizindex_menu(){if(quizindex_menu_not_created){document.getElementById("quizzes-menu-icon").innerHTML=" &#9776;";var q,quiz_link,max=0,menu=document.createDocumentFragment();for(q=0;q<QuizTitles.length;q++)(quiz_link=document.createElement("li")).innerHTML='<a href="'+QuizTitles[q][1]+'">'+QuizTitles[q][0]+"</a>",menu.appendChild(quiz_link),max=Math.max(max,QuizTitles[q][0].length);quizindex_menu.style.width=Math.round(max)+"ex",quizindex_menu.appendChild(menu),quizindex_menu_not_created=!1}}function MenuEventListener(evnt){var menu_icon=document.getElementById("quzzes-menu-icon");quizindex_menu.contains(evnt.target)||("block"===quizindex_menu.style.display||menu_icon.contains(evnt.target))&&(evnt.stopPropagation(),toggle_quizindex_menu())}function toggle_quizindex_menu(){"block"===quizindex_menu.style.display?quizindex_menu.style.display="none":(quizindex_menu.style.display="block",window.addEventListener("click",MenuEventListener,!0))}function toggle_side_menu(){"block"===side_menu.style.display||""===side_menu.style.display?(side_menu.style.display="none",side_open.style.display="none",side_closed.style.display="block"):(side_menu.style.display="block",side_open.style.display="block",side_closed.style.display="none")}function showQuestion(newB,newQ){onePage||(newQ!=currentQ&&0!=currentQ&&(hideFeedback(),document.getElementById("question"+currentQ).style.display="none",currentB.classList.remove("button-selected")),document.getElementById("question"+newQ).style.display="table",document.getElementById("question-number").innerHTML=0<newQ?(document.getElementById("question-label").style.display="contents",String(newB)):(document.getElementById("question-label").style.display="none",Discussion[-newQ]),(currentB=document.getElementById("button"+newB)).classList.add("button-selected")),currentQ=newQ}function hideFeedback(){currentFeedback&&(currentFeedback.style.display="none")}function showFeedback(tag){hideFeedback(),(currentFeedback=document.getElementById(tag)).style.display="block"}function nextQuestion(increment){if(currentQ<0)gotoQuestion(1===increment?1:qTotal);else{for(var q,b=buttonOrder[currentQ];0===(b+=increment)?b=qTotal:qTotal<b&&(b=1),(q=questionOrder[b])!==currentQ&&correct[q];);b===currentB?alert("There are no more unanswered questions"):gotoQuestion(b)}}var buttons=["blank","cross","star","tick"];function updateQuestionMarker(bnum,qnum){if(0<qnum){var marker,button=document.getElementById("button"+bnum);marker=correct[qnum]?0===wrongAnswers[qnum]?star:tick:0<wrongAnswers[qnum]?cross:blank;for(var b=0;b<buttons.length;b++)button.classList.remove(buttons[b]);button.classList.add(marker.name),button.setAttribute("content",marker.content)}}function gotoQuestion(bnum){var qnum=0<bnum?questionOrder[bnum]:bnum;gotoQuestionHelper(qnum),history.pushState(qnum,null,null)}function gotoQuestionHelper(qnum){var bnum=0<qnum?buttonOrder[qnum]:qnum;updateQuestionMarker(bnum,qnum),showQuestion(bnum,qnum)}var compare={complex:function(ans,val){var a=math.complex(ans),b=math.complex(val);return a.re==b.re&&a.im==b.im},integer:function(ans,val){return parseInt(val)==parseInt(ans)},lowercase:function(ans,val){return val==String(ans).toLowerCase()},number:function(ans,val){return math.eval(val)==math.eval(ans)},string:function(ans,val){return val==String(ans)}};function checkAnswer(qnum){var i,question=QuizSpecifications[qnum],studentAnswer=document.forms["Q"+qnum+"Form"];if("input"==question.type){var answer=studentAnswer.elements[0].value;if(""==answer)return void alert("Please answer the question first!");try{correct[qnum]=compare[question.comparison](answer,question.value)}catch(err){correct[qnum]=False}correct[qnum]?showFeedback("q"+qnum+"true"):showFeedback("q"+qnum+"false")}else if("single"==question.type){var checkedAnswer=0;for(i=0;i<question.length;i++)if(studentAnswer.elements[i].checked){correct[qnum]=question[i],checkedAnswer=i+1;break}showFeedback("q"+qnum+"feedback"+checkedAnswer)}else{var badAnswers=[];for(i=0;i<question.length;i++)if(studentAnswer.elements[i].checked!==question[i]){badAnswers.push(i+1);break}0===badAnswers.length?(correct[qnum]=!0,showFeedback("q"+qnum+"feedback0")):(correct[qnum]=!1,showFeedback("q"+qnum+"feedback"+badAnswers[Math.floor(Math.random()*badAnswers.length)]))}correct[qnum]||(wrongAnswers[qnum]+=1),updateQuestionMarker(buttonOrder[qnum],qnum),markAnswer()}function shuffleQuestions(){var i,j,qi;for(i=questionOrder.length-1;0<i;i--)j=1+Math.floor(Math.random()*i),qi=questionOrder[i],questionOrder[i]=questionOrder[j],questionOrder[j]=qi;for(i=buttonOrder.length-1;0<i;i--)buttonOrder[questionOrder[i]]=i}function initSession(){for("undefined"!=typeof Storage&&(sessionStorage.correct&&(correct=JSON.parse(sessionStorage.correct)),sessionStorage.wrongAnswers&&(wrongAnswers=JSON.parse(sessionStorage.wrongAnswers))),i=0;i<qTotal+1;i++)updateQuestionMarker(buttonOrder[i],i);qnum=0<dTotal?-1:questionOrder[1],history.replaceState(qnum,null,null)}function WebQuizInit(questions,discussions,quizfile){window.addEventListener("popstate",function(e){gotoQuestionHelper(e.state)}),dTotal=discussions,0==(qTotal=questions)&&(document.getElementsByClassName("arrows")[0].style.display="none");var i;currentQ=currentB=0;for(i=0;i<qTotal+1;i++)wrongAnswers[i]=0,correct[i]=!1,questionOrder[i]=i,buttonOrder[i]=i;var script=document.createElement("script");script.src=quizfile+"/wq-"+quizfile+".js",script.type="text/javascript",document.head.appendChild(script),side_menu=document.getElementById("sidemenu"),side_open=document.getElementById("sidelabelopen"),side_closed=document.getElementById("sidelabelclosed"),quizindex_menu=document.getElementById("quizindex-menu"),0<QuizTitles.length&&quizindex_menu&&create_quizindex_menu()} \ No newline at end of file