44 lines
1.5 KiB
Text
44 lines
1.5 KiB
Text
<header class="px-4 sm:px-6 lg:px-8">
|
|
<a
|
|
href="#main"
|
|
class="absolute left-0 -translate-y-full bg-black p-2 text-white transition-transform focus:transform-none"
|
|
>
|
|
<%= gettext("Skip to content") %>
|
|
</a>
|
|
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
|
|
<div class="flex items-center gap-4">
|
|
<a href="/">
|
|
<img src={~p"/images/logo.svg"} width="36" />
|
|
</a>
|
|
<p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
|
|
v<%= Application.spec(:phoenix, :vsn) %>
|
|
</p>
|
|
</div>
|
|
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
|
|
<a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700">
|
|
@elixirphoenix
|
|
</a>
|
|
<a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700">
|
|
GitHub
|
|
</a>
|
|
<a
|
|
href="https://hexdocs.pm/phoenix/overview.html"
|
|
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80"
|
|
>
|
|
Get Started <span aria-hidden="true">→</span>
|
|
</a>
|
|
<.link href={~p"/users/settings"} class="hover:text-zinc-700">
|
|
<%= @current_user.email %>
|
|
</.link>
|
|
<.link href={~p"/auth/log_out"} method="delete" class="hover:text-zinc-700">
|
|
Log out
|
|
</.link>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main id="main" class="px-4 py-20 sm:px-6 lg:px-8">
|
|
<div class="mx-auto max-w-2xl">
|
|
<.flash_group flash={@flash} />
|
|
<%= @inner_content %>
|
|
</div>
|
|
</main>
|