1{{#> layout }}
 2
 3
 4<div class="container mx-auto max-w-screen-md p-10 pt-20">
 5    <h1 class="text-white text-4xl font-extralight mb-10">Updates</h1>
 6    {{#if releases}}
 7    <div class="container mx-auto py-12 px-8 md:px-12">
 8        {{#each releases}}
 9        <div class="md:flex md:flex-row mb-32 md:mb-12">
10            <div class="font-display mb-8 md:mb-0 md:text-right w-48">
11                <div class="text-2xl font-bold whitespace-nowrap">
12                    VERSION {{name}}
13                </div>
14                <a class="text-md underline text-yellow-600 hover:text-yellow-700"
15                    href="/releases/{{tag_name}}/{{assets.0.name}}">
16                    DOWNLOAD
17                </a>
18            </div>
19            <div
20                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">
21                {{{body}}}
22            </div>
23        </div>
24        {{/each}}
25    </div>
26    {{else}}
27
28    <p>You can't access this without <a href=" /sign_in">logging in</a>.</p>
29
30    {{/if}}
31</div>
32
33{{/layout}}