{{#> layout }} {{#if releases}} <div class="bg-white"> <div class="container mx-auto py-12 px-8 md:px-12"> {{#each releases}} <div class="md:flex md:flex-row mb-32 md:mb-12"> <div class="font-display mb-8 md:mb-0 md:text-right w-48"> <div class="text-2xl font-bold whitespace-nowrap"> VERSION {{name}} </div> <a class="text-md underline text-yellow-600 hover:text-yellow-700" href="/releases/{{tag_name}}/{{assets.0.name}}"> DOWNLOAD </a> </div> <div class="prose prose-lg xl:prose-xl border-t md:border-t-0 pt-8 md:border-l border-gray-400 md:ml-8 md:pl-8 md:pt-0 xl:ml-16 xl:pl-16 max-w-5xl font-body"> {{{body}}} </div> </div> {{/each}} </div> </div> {{else}} <div class="bg-dotgrid-sm md:bg-dotgrid-md lg:bg-dotgrid-lg"> <img src="/static/svg/hero.svg" class="container mx-auto px-8 md:px-12 py-16 md:py-24 lg:py-32" /> </div> <div class="container mx-auto py-24 lg:py-32 px-8 md:px-12 lg:flex lg:flex-row lg:items-center"> <div class="prose prose-xl md:prose-2xl text-gray-50 prose-gray-50 w-full lg:w-1/2"> <h1>Meet Zed, a lightning fast code editor written natively in Rust.</h1> <p> Level up your development process with <ul> <li>a lightning fast code editor</li> <li>real time collaboration on any work tree</li> <li>powerful code annotation tools</li> <li>the ability to rewind time to any point</li> </ul> </p> <p>Early access to Zed will open up mid-2022 for small teams and individuals. Be the first in line.</p> <p>Read our story.</p> </div> <form class="my-16 lg:my-0 lg:ml-16 flex-1 text-xl md:text-2xl" action="/signups" method="post"> <input name="github_login" placeholder="@github_handle" class="w-3/5 xl:w-1/2 p-3 mb-8 block bg-gray-50 placeholder-gray-500"> <input name="email_address" placeholder="email@addre.ss" class="w-4/5 xl:w-3/4 p-3 my-8 block bg-gray-50 placeholder-gray-500"> <textarea name="about" class="block w-full xl:w-full h-48 p-3 my-8 bg-gray-50 placeholder-gray-500 my-6" placeholder="Please tell us a bit about you and why you're interested in Zed. What code editor do you use today? What do you love and hate about it?"></textarea> <button class="p-4 rounded-md text-gray-50 bg-gray-500 inline-block cursor-pointer hover:bg-gray-400 font-display"> ENGAGE </button> </form> </div> {{/if}} {{/layout}}