1{{#> layout }}
2
3<div class="max-w-screen-lg p-5 mx-auto font-extralight text-main lg:p-20">
4 <h1 class="mb-10 font-display font-extralight">We’re building a community of passionate developers & advocates.</h1>
5
6 <p class="mt-5 leading-relaxed">If you would like to get involved early, sign up below and we will let you know when our developer community opens!</p>
7
8 <form action="/signups" method="post" class="max-w-screen-md mt-10">
9 <ul>
10 <li class="flex flex-row mt-5 text-lg">
11 <span class="relative w-6 mt-2 mr-5 checkbox__input">
12 <span class="absolute z-0 block checkbox__brackets">
13 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false">
14 <path d="M8 0H0V32H8V31H1V1H8V0Z" fill="white"/>
15 <path d="M24 31H31V1H24V0H32V32H24V31Z" fill="white"/>
16 </svg>
17 </span>
18 <input class="absolute z-10" type="checkbox" value=true name="wants_releases">
19 <span class="flex items-center justify-center checkbox__control">
20 <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
21 <path d="M1 6.38905L4.33333 9.72239L11 0.833496" fill='none' stroke='currentColor' stroke-width="1" stroke-linecap="round"/>
22 </svg>
23 </span>
24 </span>
25
26 <div class="flex-1 mt-1">
27 <label for="wants_releases">
28 <span class="radio__label">Let me know when there is a beta release I can try.</span>
29 </label>
30 <p class="text-sm leading-6 text-gray-300">
31 We'll put you on the list to play with an early beta and let you know when Zed launches.
32 </p>
33 </div>
34 </li>
35 <li class="flex flex-row mt-5 text-lg">
36 <span class="relative w-6 mt-2 mr-5 checkbox__input">
37 <span class="absolute z-0 block checkbox__brackets">
38 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false">
39 <path d="M8 0H0V32H8V31H1V1H8V0Z" fill="white"/>
40 <path d="M24 31H31V1H24V0H32V32H24V31Z" fill="white"/>
41 </svg>
42 </span>
43
44 <input class="absolute z-10" type="checkbox" value=true name="wants_updates">
45 <span class="flex items-center justify-center checkbox__control">
46 <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
47 <path d="M1 6.38905L4.33333 9.72239L11 0.833496" fill='none' stroke='currentColor' stroke-width="1" stroke-linecap="round"/>
48 </svg>
49 </span>
50 </span>
51
52 <div class="flex-1 mt-1">
53 <label for="wants_updates">
54 <span class="radio__label">I’m interested in following Zed's development</span>
55 </label>
56 <p class="text-sm leading-6 text-gray-300">
57 We'll send you occasional updates about our progress and share what we're learning along the way.
58 </p>
59 </div>
60 </li>
61 <li class="flex flex-row mt-5 text-lg">
62 <span class="relative w-6 mt-2 mr-5 checkbox__input">
63 <span class="absolute z-0 block checkbox__brackets">
64 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false">
65 <path d="M8 0H0V32H8V31H1V1H8V0Z" fill="white"/>
66 <path d="M24 31H31V1H24V0H32V32H24V31Z" fill="white"/>
67 </svg>
68 </span>
69
70 <input class="absolute z-10" type="checkbox" value=true name="wants_community">
71
72 <span class="flex items-center justify-center checkbox__control">
73 <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
74 <path d="M1 6.38905L4.33333 9.72239L11 0.833496" fill='none' stroke='currentColor' stroke-width="1" stroke-linecap="round"/>
75 </svg>
76 </span>
77 </span>
78
79 <div class="flex-1 mt-1">
80 <label for="wants_community">
81 <span class="radio__label">I want to test early releases & join the Zed community</span>
82 </label>
83 <p class="text-sm leading-6 text-gray-300">
84 We'll add you to the waitlist to receive early builds and ask you to help us by testing them out.
85 </p>
86 </div>
87 </li>
88 </ul>
89 <div class="lg:flex lg:flex-row lg:mt-10">
90 <input class="block w-full p-5 mt-10 bg-transparent border border-white font-extralight lg:mt-0 lg:mr-5" type="text" id="form-email" name="email_address" required minlength="4" placeholder="Your email">
91
92 <input class="block w-full p-5 mt-5 bg-transparent border border-white font-extralight lg:mt-0" type="text" id="form-gh" name="github_login" placeholder="Github Username">
93 </div>
94
95 <textarea class="block w-full h-40 p-5 mt-5 leading-relaxed bg-transparent border border-white font-extralight" type="text" name="about" placeholder="Tell us a bit about yourself and your interest in Zed. What does your dream code-editing experience look like? What do you love or hate about your current editor?"></textarea>
96
97 <button class="block mt-10 text-lg opacity-100 font-extralight hover:opacity-80">
98 Join the waitlist →
99 </button>
100
101 <p class="mt-10 text-sm leading-relaxed text-gray-500">
102 We're not gonna spam you—You can expect an email every 1 to 3 months from us if you sign up for updates, and occasional emails about beta releases.
103 </p>
104 </form>
105</div>
106
107{{/layout}}