<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>
