1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
extends layout
block content
.chat#chat
button.button.add-peer-button.is-big.is-outlined.is-info(toggle-contact-modal)
i.fas.fa-plus
.columns.level.main
.section.column.level-right
#messages
.message-field
input#message.message-input.input(placeholder='Enter a message')
button#send_message.message-button.button.is-success(type=submit)
i.fas.fa-paper-plane
.modal#add_contact_modal
.modal-background
.modal-card
header.modal-card-head
p.modal-card-title Add a contact
button.delete(aria-label='close', toggle-contact-modal)
section.modal-card-body
input#peer_id.input.is-focused(placeholder='Contact ID')
footer.modal-card-foot
button#add_peer_id.button.is-success(toggle-contact-modal) Add
button.button(aria-label='close', toggle-contact-modal) Cancel
.enter-pin#enter_pin
.title.has-text-centered Enter a passphrase
.subtitle.has-text-centered.is-danger#pin_message
.columns.is-centered.is-flex.pin-wrapper
.column.is-centered.is-flex
input#1(type='text', maxlength=1, min=0, max=9)
.column.is-centered.is-flex
input#2(type='text', maxlength=1, min=0, max=9)
.column.is-centered.is-flex
input#3(type='text', maxlength=1, min=0, max=9)
.column.is-centered.is-flex
input#4(type='text', maxlength=1, min=0, max=9)
|