play-with-docker.github.io icon indicating copy to clipboard operation
play-with-docker.github.io copied to clipboard

Redesign quiz from scratch

Open Privat33r-dev opened this issue 9 months ago • 3 comments

Fixes #258

Still WIP, but is ready to use. Points to address:

  • [ ] Resolve situation with checkboxes: I need label to be big so when users clicks, checkboxes is also toggled; when I make checkbox inside of the label, CSS properties (e.g. to make text bold when checked) don't work through "~" operator. In theory, I can resolve with click event on JS, but it feels a bit dirty. For now I just made them invisible, but UI is somewhat sufficient.
  • [ ] Explain to user that he got the question correct/wrong.
  • [x] Count total points received by user.
  • [x] Submit text answer on Enter
  • [ ] Add alternative variants for open ended questions. Can be achieved by regex.
  • [ ] Limit styling only to the article to avoid design issues in other parts (bootstrap, jquery removal update in different PR)

UI Preview

Privat33r-dev avatar May 07 '24 21:05 Privat33r-dev