45 lines
1.8 KiB
Plaintext
45 lines
1.8 KiB
Plaintext
|
|
<header class="sticky top-0 px-4 sm:px-6 dark:text-white lg:px-8 bg-white dark:bg-zinc-700 border-b border-zinc-200 dark:border-zinc-900 shadow">
|
|
<div class="flex items-center justify-between py-3">
|
|
<div class="flex items-center gap-4">
|
|
<a href="/">
|
|
<h1 class="font-bold">Swornforged</h1>
|
|
</a>
|
|
<p class="rounded-full bg-emerald-600/5 dark:bg-emerald-600/50 dark:text-emerald-300/75 px-2 text-[0.8125rem] font-medium leading-6 text-emerald-600">
|
|
<a href={"https://github.com/rsek/dataforged/releases/tag/v" <> Application.get_env(:swornforged, :dataforged_version)}>v<%= Application.get_env(:swornforged, :dataforged_version) %></a>
|
|
</p>
|
|
</div>
|
|
<div class="flex items-center gap-4">
|
|
<a
|
|
href="https://github.com/rsek/dataforged/"
|
|
class="text-[0.8125rem] font-semibold leading-6 text-zinc-900 hover:text-zinc-700 dark:text-zinc-100 dark:hover:text-zinc-300"
|
|
>
|
|
Dataforged
|
|
</a>
|
|
<a
|
|
href="https://www.ironswornrpg.com/buy"
|
|
class="rounded-lg bg-teal-600 text-white hover:bg-teal-500 text-shadow focus:bg-teal-500 px-2 py-1 text-[0.8125rem] font-semibold leading-6 shadow-sm"
|
|
>
|
|
Buy Ironsworn <span aria-hidden="true">→</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="px-4 py-20 sm:px-6 lg:px-8">
|
|
<div class="mx-auto max-w-2xl">
|
|
<.flash kind={:info} title="Success!" flash={@flash} />
|
|
<.flash kind={:error} title="Error!" flash={@flash} />
|
|
<.flash
|
|
id="disconnected"
|
|
kind={:error}
|
|
title="We can't find the internet"
|
|
close={false}
|
|
autoshow={false}
|
|
phx-disconnected={show("#disconnected")}
|
|
phx-connected={hide("#disconnected")}
|
|
>
|
|
Attempting to reconnect <Heroicons.arrow_path class="ml-1 w-3 h-3 inline animate-spin" />
|
|
</.flash>
|
|
<%= @inner_content %>
|
|
</div>
|
|
</main> |