1{{#> layout }}
 2
 3<div class="max-w-screen-lg p-10 mx-auto font-thin text-main lg:p-20">
 4    <h1 class="mb-10 font-display font-extralight">We’re building a community of passionate developers &amp; advocates.</h1>
 5    <p class="mt-5 leading-7">Be the first to join a community of builders that want to make the future.</p>
 6    <form action="/signups" method="post" class="mt-10">
 7        <input class="block w-full p-5 mt-10 font-thin bg-transparent border border-white" type="text" id="form-email" name="email_address" required minlength="4" placeholder="Your email">
 8        <input class="block w-full p-5 mt-5 font-thin bg-transparent border border-white" type="text" id="form-gh" name="github_login" placeholder="Github Username">
 9        <textarea class="block w-full h-40 p-5 mt-5 font-thin leading-relaxed bg-transparent border border-white" type="text" name="about" placeholder="Tell us about yourself, and your interest Zed. What do you love or hate about your current code editor?"></textarea>
10        <ul>
11            <li class="flex flex-row mt-10 text-lg">
12                <input class="w-8 mt-2 mr-5" value=true name="wants_releases" type="checkbox" id="form-releases" checked>
13                <div class="flex-1">
14                    <label for="wants_releases">I want to try Zed when it is available</label>
15                    <p class="mt-1 text-sm leading-6 text-gray-400">Get updates on beta releases, and when Zed launches.</p>
16                </div>
17            </li>
18            <li class="flex flex-row mt-5 text-lg">
19                <input class="w-8 mt-2 mr-5" value=true name="wants_updates" type="checkbox" id="form-follow">
20                <div class="flex-1">
21                    <label for="wants_updates">I’m interested in following Zed's development</label>
22                    <p class="mt-1 text-sm leading-6 text-gray-400">Receive occasional email updates on the development of Zed and it's tech</p>
23                </div>
24            </li>
25            <li class="flex flex-row mt-5 text-lg">
26                <input class="w-8 mt-2 mr-5" value=true name="wants_community" type="checkbox" id="form-community" name="community">
27                <div class="flex-1">
28                   <label for="wants_community">I want to join the Zed Universe community</label>
29                    <p class="mt-1 text-sm leading-6 text-gray-400">Join the waitlist for our alpha tester community to get early access to releases and contribute to Zed's development through testing &amp; feedback.</p>
30                </div>
31            </li>
32        </ul>
33
34        <button href="/story" class="block mt-10 text-lg underline">Join the waitlist.</button>
35    </form>
36
37    <p class="mt-20 text-sm leading-7 text-gray-500">We'll never spam your email &mdash; You can expect an email every 1 to 3 months from us if you sign up for updates, and occasional emails about public testing releases.</p>
38</div>
39
40{{/layout}}