<main class="centered">
  <section class="accent">
    <%%= page_header(greeting) %>
    <form action="/" method="post">
      <input type="hidden" name="_csrf_token" value="<%%= csrf_token %>">
      <label>
        <span>tell us your name</span>
        <input type="text" name="name" value="" autofocus>
      </label>
      <button type="submit">Submit</button>
    </form>
    <h2>Find out more</h2>
    <nav>
      <a href="https://github.com/CrowdHailer/raxx">SOURCE CODE</a>
      <a href="https://elixir-lang.slack.com/messages/C56H3TBH8/">CHAT</a>
    </nav>
    <%%= javascript_variables greeting: greeting %>
    <script type="text/javascript">
      document.addEventListener('DOMContentLoaded', function () {
        app.show(greeting)
      })
    </script>
  </section>
</main>
