-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
46 lines (41 loc) · 1.62 KB
/
contact.html
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
41
42
43
44
45
46
{% extends "base.html" %}
{% block title %}Contact{% endblock %}
{% block content %}
<section class="section">
<h1 class="title">Contact Me</h1>
<form id="contactForm" onsubmit="return sendEmail()">
<div class="field">
<label class="label">Name</label>
<div class="control">
<input class="input" type="text" id="name" placeholder="Your Name" required>
</div>
</div>
<div class="field">
<label class="label">Subject</label>
<div class="control">
<input class="input" type="text" id="subject" placeholder="Subject" required>
</div>
</div>
<div class="field">
<label class="label">Message</label>
<div class="control">
<textarea class="textarea" id="message" placeholder="Your Message" required></textarea>
</div>
</div>
<div class="control">
<button class="button is-primary" type="submit">Send</button>
</div>
</form>
</section>
<script>
function sendEmail() {
var name = encodeURIComponent(document.getElementById('name').value);
var subject = encodeURIComponent(document.getElementById('subject').value);
var message = encodeURIComponent(document.getElementById('message').value);
var mailtoLink = 'mailto:[email protected]?subject=' + name + ' - ' + subject + '&body=' + message;
window.location.href = mailtoLink;
// Stops the page from reloading after the mailto link is opened
return false;
}
</script>
{% endblock %}