pastel.codes/views/contact.pug

61 lines
2.3 KiB
Plaintext
Raw Normal View History

2020-06-29 10:09:10 +01:00
extends layout
block head
script(src='https://hcaptcha.com/1/api.js' async='' defer='defer')
block nav-links
2020-07-01 12:10:30 +01:00
li.nav-item
2020-06-29 10:09:10 +01:00
a.nav-link(href='/')
span Home
li.nav-item
a.nav-link(href='/about')
span About
li.nav-item
a.nav-link(href='#')
span CV
li.nav-item
a.nav-link(href='https://git.pastel.codes/Blankie')
span Projects
li.nav-item
a.nav-link(href='https://blog.pastel.codes')
span Blog
2020-07-01 12:10:30 +01:00
li.nav-item.active
2020-06-29 10:09:10 +01:00
a.nav-link(href='#')
span Contact
block content
.container
2020-07-01 12:10:30 +01:00
.row
.col
h1
span Contact.
.row
.col
form#contact-form(action='/contact' method='post' role='form')
.form-group
label Name
.form-row
.col
input#fname(name='firstname' class="form-control" type='text' placeholder='First name' required="true" pattern="^[\\w'\\-,.][^0-9_!¡?÷?¿/\\\\+=@#$%ˆ&*(){}|~<>;:[\\]]{2,}$")
.col
input#lname(name='lastname' class="form-control" type='text' placeholder='Last name' required="true" pattern="^[\\w'\\-,.][^0-9_!¡?÷?¿/\\\\+=@#$%ˆ&*(){}|~<>;:[\\]]{2,}$")
.form-group
label(for='email') Email
input#email(name='email' class="form-control" type='text' placeholder='Email (example@email.com)' required='true' pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$")
.form-group
label(for='message') Message
textarea#message(name='message' class="form-control" placeholder='Enter your message here' rows='3' required='true')
2020-07-01 12:16:57 +01:00
.form-group(style="margin-bottom: 0.5rem")
2020-07-01 12:10:30 +01:00
.h-captcha(data-sitekey='49abba50-1813-4ab3-acbf-2a8bfff1f7c3')
button(type='submit' class="btn btn-primary") Submit
.row
.col
if message
#contact-message
p=message
if success
p=success
span#email=email