49 lines
1.8 KiB
Text
49 lines
1.8 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en" style="scrollbar-gutter: stable;" data-theme={@settings.theme}>
|
|
<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 suffix={" · #{@settings.title}"}>
|
|
<%= assigns[:page_title] || "Home" %>
|
|
</.live_title>
|
|
|
|
<.favicon />
|
|
|
|
<link rel="preconnect" href="https://rsms.me/">
|
|
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
|
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
|
|
<script defer phx-track-static type="text/javascript" src={~p"/assets/public.js"}>
|
|
</script>
|
|
<script>
|
|
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
document.documentElement.dataset["mode"] = "dark"
|
|
} else {
|
|
delete document.documentElement.dataset["mode"]
|
|
}
|
|
</script>
|
|
<style>
|
|
<%= @settings.custom_css %>
|
|
</style>
|
|
</head>
|
|
<body class="bg-theme-background antialiased min-h-screen flex flex-col">
|
|
<.admin_bar current_user={@current_user} settings={@settings} />
|
|
|
|
<main class="flex-1">
|
|
<%= @inner_content %>
|
|
</main>
|
|
|
|
<footer class="px-4 py-1 sm:px-6 lg:px-8 bg-white/30 dark:bg-black/30 text-gray-900 dark:text-gray-100 text-xs leading-6 font-semibold flex">
|
|
<div>
|
|
<span class="text-theme-primary">⌘</span> <span>Chiya</span>
|
|
<span class="rounded-full bg-theme-primary/10 px-2 text-xs font-medium leading-6 text-theme-primary">
|
|
v<%= Application.spec(:chiya, :vsn) %>
|
|
</span>
|
|
</div>
|
|
<div class="flex-1" />
|
|
<div><a href="#top">Back to top</a></div>
|
|
</footer>
|
|
|
|
<%= raw(@settings.custom_html) %>
|
|
</body>
|
|
</html>
|