<extends src="./lib/html/base.html">
  <block name="content">
    <h1 class="head-line">Contact Me</h1>

    <div class="row">
      <div class="col-md-6">
        <form id="sendmail" role="form" action="mail.html" method="post">
          <div class="form-group">
            <label div="control-label" for="mail">Email address</label>
            <input
              id="mail"
              class="form-control"
              type="email"
              placeholder="Your address"
              name="mail"
              required
            />
          </div>

          <div class="form-group">
            <label div="control-label" for="subject">Subject</label>
            <input
              id="subject"
              class="form-control"
              type="text"
              placeholder="E.g. There's a typo on your home page!"
              name="subject"
              autocomplete="off"
              required
            />
          </div>

          <div class="form-group">
            <label div="control-label" for="message">Message</label>
            <textarea
              id="message"
              class="form-control"
              type="text"
              rows="6"
              name="message"
              autocomplete="off"
              required
            ></textarea>
          </div>

          <button class="btn btn-primary" type="submit" form="sendmail">
            Send
          </button>
        </form>
      </div>

      <div class="col-md-6">
        <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>
  </block>
</extends>