1{{#> layout }}
 2
 3<div class="max-w-screen-lg p-5 mx-auto font-extralight text-main lg:p-20">
 4    {{#if current_user}}
 5    <h1 class="mb-10 font-display font-extralight">Releases</h1>
 6    <p class="mt-5 leading-relaxed">Zed is currently only available on macOS.</p>
 7    <p class="mt-5 mb-10 leading-relaxed">We are frequently shipping new versions, check back regularly to get the most recent version.</p>
 8
 9    {{#if releases}}
10    
11    {{#each releases}}
12    <article id="{{name}}" class="mb-20">
13        <h3 class="mb-2 font-display font-extralight">{{name}}</h3>
14        <div>
15          <a class="text-sm underline opacity-80 hover:opacity-100" href="/releases/{{tag_name}}/{{assets.0.name}}">Download</a>  · <a class="text-sm underline opacity-50 hover:opacity-100" href="https://github.com/zed-industries/zed/releases/tag/{{tag_name}}">Release Notes</a>
16        </p> 
17        <div class="mt-10 type-prose">
18            {{{body}}}
19        </div>
20        <div class="mt-5">
21            <p>&mdash;&mdash;&mdash;</p>
22        </div>
23    </article>
24    {{/each}}
25    {{/if}}
26
27    {{else}}
28
29    <h1 class="mb-10 font-display font-extralight">Hold it!</h1>
30    <p class="mt-5 leading-relaxed">You can't access this without <a href=" /sign_in" class="mt-5 leading-relaxed underline">logging in</a>.</p>
31    <p class="mt-5 leading-relaxed">Try <a href="/community" class="mt-5 leading-relaxed underline">joining our community</a> to get access to updates & releases.</p>
32    {{/if}}
33</div>
34
35{{/layout}}