form#quiz6(data-quiz='6')

  fieldset
    legend What does 
      q MVC
      |  stand for in web development?
    p
      label
        input(type="radio" name="q1" value="0")
        |  Most Violated Commandment
    p
      label
        input(type="radio" name="q1" value="1")
        |  Main Venture Capitalist
    p
      label
        input(type="radio" name="q1" value="2")
        |  Modern Viet Cong

    p
      label
        input(type="radio" name="q1" value="3")
        |  Model View Controller

  fieldset
    legend What is an example of an advantage of the JAMSTACK approach in web development?
    p
      label
        input(type="radio" name="q2" value="0")
        |  Preparing, buttering and applying jam to several rounds of toast in order to maximise efficiency while coding
    p
      label
        input(type="radio" name="q2" value="1")
        |  A communal PA system means musicians can spontaneously form bands in order to create music
    p
      label
        input(type="radio" name="q2" value="2")
        |  A static version of the site exists which can be easily indexed by search engines

    p
      label
        input(type="radio" name="q2" value="3")
        |  It's an expression meaning that to attempt something is futile - 
        q like trying to stack jam

  fieldset
    legend Which of these paths would the following wildcard pattern match: 
      code src/**/*/js
    p
      label
        input(type="radio" name="q3" value="0") 
        code  src/js/modules/my-module/my-module.js
    p
      label
        input(type="radio" name="q3" value="1") 
        code  src/js/index.js
    p
      label
        input(type="radio" name="q3" value="2") 
        code  src/toolkit.js

    p
      label
        input(type="radio" name="q3" value="3")
        |  All of the above

  fieldset
    legend Which of the following is an advantage of using modular HTML?
    p
      label
        input(type="radio" name="q4" value="0")
        |  If the same component lives on every page, in order to update it, we only have to change one file
    p
      label
        input(type="radio" name="q4" value="1")
        |  There's no advantage to using modular HTML
    p
      label
        input(type="radio" name="q4" value="2")
        |  It improves the JavaScript performance

    p
      label
        input(type="radio" name="q4" value="3")
        |  It runs purely inside the web browser
  
  p
    input(type="submit" value="Submit answers")


details.shop
  summary Emoji shop
  h2.h5 Current NodeBucks™ balance:
  p.h1 Ꞥ
    span(data-js="balance") | 0
  p Earn NodeBucks™ by answering questions correctly
  p.items(data-js="emoji-shop")


details.inventory
  summary Inventory
  h2.h5 Current NodeBucks™ balance:
  p.h1 Ꞥ
    span(data-js="balance") | 0
  p
    button(data-js="emoji-test") Test out emojis
  p ℹ️ Click on emojis in your intentory to toggle them on and off when you complete a quiz
  p.items(data-js="inventory")

footer
  p Curious about this quiz? Why not check out the 
    a(href='https://dev.to/rossangus/nodejs-for-developers-course-chapter-0-installing-and-updating-node-2kim') free Node.js for Developers course
    |  on dev.to.

output