signup.html

<form action="https://engineering.us17.list-manage.com/subscribe/post?u=adad314c44bcc60468b0657a4&amp;id=9754ef4ff3" method="post" target="_blank" id="signup" class="states">
  <div class="s-initial">
    <h1>Get an email every time we publish a new chapter:</h1>

    <div class="field">
      <label for="signup-name">Name </label>
      <input type="text" name="NAME" id="signup-name" />
    </div>

    <div class="field">
      <label for="signup-email">Email Address</label>
      <input type="email" name="EMAIL" id="signup-email" required />
    </div>

    <div style="position: absolute; left: -5000px;" aria-hidden="true">
      <input type="text" name="b_adad314c44bcc60468b0657a4_9754ef4ff3" tabindex="-1" />
    </div>

    <button type="submit">Subscribe</button>
    
    <div class="checkoff">
      <input type="checkbox" value="text" name="EMAILTYPE" id="signup-emailtype" />
      <label for="signup-emailtype">Plain-text emails</label>
    </div>
  </div>
  <div class="s-progress status">
    Adding your email to the list...
  </div>
  <div class="s-success status">
    Success! You'll receive a welcome email shortly.
  </div>
  <div class="s-error status">
    Error! Something seems to have gone wrong.
  </div>
  <a href="#" id="signup-close">Close</a>
</form>
<script src="signup.js"></script>