66 lines
2.3 KiB
Text
66 lines
2.3 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en" class="[scrollbar-gutter:stable]">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="csrf-token" content={get_csrf_token()} />
|
|
<.live_title>
|
|
{assigns[:page_title] || "ExMR"}
|
|
</.live_title>
|
|
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
|
|
<script>
|
|
if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
document.documentElement.classList.add('dark');
|
|
} else {
|
|
document.documentElement.classList.remove('dark')
|
|
}
|
|
</script>
|
|
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
|
|
</script>
|
|
</head>
|
|
<body class="bg-white dark:bg-zinc-950 dark:text-zinc-100">
|
|
<ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
|
|
<DarkMode.button />
|
|
<%= if @current_user do %>
|
|
<li class="text-[0.8125rem] leading-6 text-zinc-900 dark:text-zinc-300">
|
|
{@current_user.email}
|
|
</li>
|
|
<li>
|
|
<.link
|
|
href={~p"/users/settings"}
|
|
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-100"
|
|
>
|
|
{gettext("Settings")}
|
|
</.link>
|
|
</li>
|
|
<li>
|
|
<.link
|
|
href={~p"/users/log_out"}
|
|
method="delete"
|
|
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-100"
|
|
>
|
|
{gettext("Log out")}
|
|
</.link>
|
|
</li>
|
|
<% else %>
|
|
<li>
|
|
<.link
|
|
href={~p"/users/register"}
|
|
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-100"
|
|
>
|
|
{gettext("Register")}
|
|
</.link>
|
|
</li>
|
|
<li>
|
|
<.link
|
|
href={~p"/users/log_in"}
|
|
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-100"
|
|
>
|
|
{gettext("Log in")}
|
|
</.link>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
{@inner_content}
|
|
</body>
|
|
</html>
|