{{#> layout }}

<div class="max-w-screen-lg mx-auto text-main font-extralight p-20">
    {{#if current_user}}

    <h1 class="font-display font-extralight mb-10">Releases</h1>
    <p class="mt-5 leading-7">Zed is currently only available on OS X.</p>
    <p class="mt-5 leading-7">We are frequently shipping new versions, check back reguarly to get the most recent version. If you run into an issue you think we might not know about use the "new issue" links by the appropriate version to let us know about it.</p>
    {{#if releases}}
    
    <ul class="mt-10 leading-7">
        {{#each releases}}
        <li id="release-{{name}}" class="mb-5">
            <a class="text-lg underline leading-7 hover:text-gray-300" href="/releases/{{tag_name}}/{{assets.0.name}}">Zed {{name}}</a></h2>
            <p class="text-gray-400 mt-2">
                <a class="hover:text-white" href="https://github.com/zed-industries/zed/releases/tag/{{tag_name}}">Release Notes</a>
                 · 
                <a class="hover:text-white" href="https://github.com/zed-industries/zed/issues/new?labels=defect&title={{name}}+New+issue">New issue</a>
            </p>
        </li>
        {{/each}}
    </ul>

    {{/if}}

    {{else}}

    <h1 class="font-display font-extralight mb-10">Hold it!</h1>
    <p class="mt-5 leading-7">You can't access this without <a href=" /sign_in" class="underline mt-5 leading-7 hover:text-white">logging in</a>.</p>
    <p class="mt-5 leading-7">Try <a href="/community" class="underline mt-5 leading-7 hover:text-white">joining our community</a> to get access to updates & releases.</p>
    
    {{/if}}
</div>

{{/layout}}