73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
|
<extends src="./lib/html/base.html">
|
||
|
|
<block name="content">
|
||
|
|
<section class="section">
|
||
|
|
<div class="container">
|
||
|
|
<h1 class="title has-text-weight-normal">Contact Me</h1>
|
||
|
|
|
||
|
|
<div class="columns">
|
||
|
|
<div class="column">
|
||
|
|
<form id="sendmail" role="form" action="mail.html" method="post">
|
||
|
|
<div class="field">
|
||
|
|
<label class="label" for="mail">Email address</label>
|
||
|
|
<input
|
||
|
|
id="mail"
|
||
|
|
class="input"
|
||
|
|
type="email"
|
||
|
|
placeholder="Your address"
|
||
|
|
name="mail"
|
||
|
|
required
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="field">
|
||
|
|
<label class="label" for="subject">Subject</label>
|
||
|
|
<input
|
||
|
|
id="subject"
|
||
|
|
class="input"
|
||
|
|
type="text"
|
||
|
|
placeholder="E.g. There's a typo on your home page!"
|
||
|
|
name="subject"
|
||
|
|
autocomplete="off"
|
||
|
|
required
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="field">
|
||
|
|
<label class="label" for="message">Message</label>
|
||
|
|
<textarea
|
||
|
|
id="message"
|
||
|
|
class="textarea"
|
||
|
|
type="text"
|
||
|
|
rows="6"
|
||
|
|
name="message"
|
||
|
|
autocomplete="off"
|
||
|
|
required
|
||
|
|
></textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="field">
|
||
|
|
<div class="control">
|
||
|
|
<button class="button is-link">Send</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="column content">
|
||
|
|
<!-- prettier-ignore -->
|
||
|
|
<markdown>
|
||
|
|
Any messages you enter here are directly forwarded to me. I aim to
|
||
|
|
respond within a day.
|
||
|
|
|
||
|
|
Don't be upset about the form, I want to avoid the spam
|
||
|
|
publishing your email address brings with it... And minimize
|
||
|
|
the amount of mail that doesn't reach me, this form is an
|
||
|
|
exception in all my spam filters, you see ;)
|
||
|
|
</markdown>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</block>
|
||
|
|
</extends>
|