--- /dev/null
+input#modalLang.modal(type="checkbox")
+div(role="dialog")
+ #language.card
+ label.modal-close(for="modalLang")
+ form
+ fieldset
+ label(for="langSelect")= translations["Language"]
+ select#langSelect
+ each language,langCode in langName
+ option(value=langCode selected=(lang==langCode))
+ =language
+
+input#modalSettings.modal(type="checkbox")
+div(role="dialog" aria-labelledby="settingsTitle")
+ .card.smallpad(@change="updateSettings")
+ label.modal-close(for="modalSettings")
+ h3#settingsTitle.section= translations["Preferences"]
+ fieldset
+ label(for="setSqSize")= translations["Square size (in pixels). 0 for 'adaptative'"]
+ input#setSqSize(type="number" v-model="settings.sqSize")
+ fieldset
+ label(for="selectHints")= translations["Show move hints?"]
+ select#setHints(v-model="settings.hints")
+ option(value="0")= translations["None"]
+ option(value="1")= translations["Moves from a square"]
+ option(value="2")= translations["Pieces which can move"]
+ fieldset
+ label(for="setHighlight")= translations["Highlight squares? (Last move & checks)"]
+ input#setHighlight(type="checkbox" v-model="settings.highlight")
+ fieldset
+ label(for="setCoords")= translations["Show board coordinates?"]
+ input#setCoords(type="checkbox" v-model="settings.coords")
+ fieldset
+ label(for="selectColor")= translations["Board colors"]
+ select#setBcolor(v-model="settings.bcolor")
+ option(value="lichess")
+ = translations["brown"]
+ option(value="chesscom")
+ = translations["green"]
+ option(value="chesstempo")
+ = translations["blue"]
+ fieldset
+ label(for="selectSound")= translations["Play sounds?"]
+ select#setSound(v-model="settings.sound")
+ option(value="0")= translations["None"]
+ option(value="1")= translations["New game"]
+ option(value="2")= translations["All"]
+
+input#modalContact.modal(type="checkbox")
+div(role="dialog" aria-labelledby="contactTitle")
+ form.card.smallpad
+ label.modal-close(for="modalContact")
+ h3#contactTitle.section= translations["Contact form"]
+ fieldset
+ label(for="userEmail")= translations["Email"]
+ input#userEmail(type="email")
+ fieldset
+ label(for="mailSubject")= translations["Subject"]
+ input#mailSubject(type="text")
+ fieldset
+ label(for="mailContent")= translations["Content"]
+ br
+ textarea#mailContent
+ fieldset
+ button(type="button" onClick="trySendMessage()") Send
+ p#emailSent= translations["Email sent!"]