--- /dev/null
+input#modal-settings.modal(type="checkbox")
+div(role="dialog" aria-labelledby="settingsTitle")
+ .card.smallpad(onChange="blabla(event)")
+ label#close-settings.modal-close(for="modal-settings")
+ h3#settingsTitle.section= translations["Preferences"]
+ fieldset
+ label(for="langSelect")= translations["Language"]
+ // image avec drapeau + select language ici
+ select#langSelect
+ each langCode in languages
+ option(value=langCode selected=(lang==langCode))
+ =langName[langCode]
+ fieldset
+ label(for="nameSetter")
+ =translations["My name is..."]
+ input#nameSetter(type="text" value=this.myname)
+ // theme sombre / clair
+ // taille echiquier : TODO
+ fieldset
+ label(for="setHints")= translations["Show hints?"]
+ input#setHints(type: "checkbox" checked=this.hints)
+ fieldset
+ label(for="selectColor")= translations["Board colors"]
+ select#selectColor
+ option(value="lichess" selected="this.color=='lichess'")
+ = translations["brown"]
+ option(value="chesscom" selected="this.color=='chesscom'")
+ = translations["green"]
+ option(value="chesstempo" selected="this.color=='chesstempo'")
+ = translations["blue"]
+ fieldset
+ label(for="selectSound")= translations["Play sounds?"]
+ select#selectSound
+ option(value="0" selected="this.sound==0")= translations["None"]
+ option(value="1" selected="this.sound==1")= translations["New game"]
+ option(value="2" selected="this.sound==2")= translations["All"]