{{ define "main" }}
<section class="revolt-form-section">
  <div class="container">
    <h1>{{ .Title }}</h1>
    <img src="/images/hmc/revolt-promotion.png" style="border-radius: 10px;">
    <p>We run our own server at <strong><a href="https://revolt.handmadecities.com">revolt.handmadecities.com</a></strong>. Real humans only.</p>

    <form action="https://register.handmadecities.com" method="POST" class="revolt-form">
      <div class="form-group">
        <label for="name">Name <span class="required">*</span></label>
        <input type="text" id="name" name="name" required>
      </div>

      <div class="form-group">
        <label for="email">Email <span class="required">*</span></label>
        <input type="email" id="email" name="email" required>
      </div>

      <div class="form-group">
        <label for="website">Personal Website</label>
        <input type="url" id="website" name="website" placeholder="https://example.com">
      </div>

      <div class="form-group">
        <label for="reason">Why are you interested in joining?</label>
        <textarea id="reason" name="reason" rows="4"></textarea>
      </div>

      <button type="submit">Submit Application</button>
    </form>
  </div>
</section>
{{ end }}