2023-03-15 15:56:14 +01:00
|
|
|
<!DOCTYPE html>
|
2023-03-29 18:47:45 +02:00
|
|
|
<html lang="en" style="scrollbar-gutter: stable;" data-theme={@settings.theme}>
|
2023-03-15 15:56:14 +01:00
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<meta name="csrf-token" content={get_csrf_token()} />
|
2023-03-23 08:24:13 +01:00
|
|
|
<.live_title suffix={" · #{@settings.title}"}>
|
|
|
|
<%= assigns[:page_title] || "Home" %>
|
2023-03-15 15:56:14 +01:00
|
|
|
</.live_title>
|
2023-03-31 16:58:10 +02:00
|
|
|
|
2023-03-23 08:24:13 +01:00
|
|
|
<.favicon />
|
|
|
|
|
2023-05-28 22:35:36 +02:00
|
|
|
<link rel="authorization_endpoint" href={@auth_endpoint} />
|
|
|
|
<link rel="token_endpoint" href={@token_endpoint} />
|
|
|
|
<link rel="micropub" href={~p"/indie/micropub"} />
|
|
|
|
|
2023-05-25 21:23:04 +02:00
|
|
|
<%= for identity <- @identities do %>
|
|
|
|
<link rel="me" href={identity.url} />
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://rsms.me/" />
|
|
|
|
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
|
2023-03-15 15:56:14 +01:00
|
|
|
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
|
2023-03-31 17:33:42 +02:00
|
|
|
<script defer phx-track-static type="text/javascript" src={~p"/assets/public.js"}>
|
2023-03-15 15:56:14 +01:00
|
|
|
</script>
|
2023-03-29 18:47:45 +02:00
|
|
|
<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>
|
2023-03-31 16:58:10 +02:00
|
|
|
<style>
|
|
|
|
<%= @settings.custom_css %>
|
|
|
|
</style>
|
2023-03-15 15:56:14 +01:00
|
|
|
</head>
|
2023-05-21 22:45:06 +02:00
|
|
|
<body class="bg-theme-background mx-3 md:mx-0">
|
2023-06-03 09:26:45 +02:00
|
|
|
<header class="my-8 max-w-xl mx-auto block">
|
2023-05-21 22:45:06 +02:00
|
|
|
<nav>
|
|
|
|
<ul class="flex gap-3">
|
|
|
|
<li>
|
2023-06-02 07:31:47 +02:00
|
|
|
<a href="/">
|
2023-05-25 21:23:04 +02:00
|
|
|
<.icon name="hero-home" /> Home
|
|
|
|
</a>
|
2023-05-21 22:45:06 +02:00
|
|
|
</li>
|
2023-06-02 07:31:47 +02:00
|
|
|
<li>
|
|
|
|
<a href="/about">
|
|
|
|
<.icon name="hero-hand-raised" /> About
|
|
|
|
</a>
|
|
|
|
</li>
|
2023-06-20 23:10:40 +02:00
|
|
|
<%= if @current_user do %>
|
|
|
|
<li>
|
|
|
|
<a href="/admin">
|
|
|
|
<.icon name="hero-beaker" /> Admin
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<% end %>
|
2023-06-02 07:31:47 +02:00
|
|
|
<li class="flex-1"></li>
|
|
|
|
<li>
|
|
|
|
<.darkmode_toggle />
|
|
|
|
</li>
|
2023-05-21 22:45:06 +02:00
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</header>
|
2023-04-07 16:19:56 +02:00
|
|
|
|
2023-05-22 20:05:44 +02:00
|
|
|
<main>
|
2023-04-07 16:19:56 +02:00
|
|
|
<%= @inner_content %>
|
|
|
|
</main>
|
|
|
|
|
2023-06-03 11:47:55 +02:00
|
|
|
<footer class="max-w-full mt-8 p-8 text-theme-base/75 bg-theme-background1">
|
|
|
|
<section class="max-w-2xl mx-auto flex gap-3">
|
|
|
|
<div class="flex-1">
|
|
|
|
<h2 class="font-bold tracking-wider">Info</h2>
|
2023-06-03 09:26:45 +02:00
|
|
|
|
2023-06-03 11:47:55 +02:00
|
|
|
<ul class="list-disc list-inside">
|
|
|
|
<li>Served by Chiya v<%= Application.spec(:chiya, :vsn) %></li>
|
|
|
|
<li>Made by Inhji</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flex-1">
|
|
|
|
<h2 class="font-bold tracking-wider">Links</h2>
|
|
|
|
|
|
|
|
<ul class="list-disc list-inside">
|
|
|
|
<li><a href="#"><del>Wiki</del></a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flex-1">
|
|
|
|
<h2 class="font-bold tracking-wider">Elsewhere</h2>
|
|
|
|
|
|
|
|
<ul class="list-disc list-inside">
|
|
|
|
<%= for identity <- @public_identities do %>
|
|
|
|
<li><a href={identity.url}><%= identity.name %></a></li>
|
|
|
|
<% end %>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2023-06-03 09:26:45 +02:00
|
|
|
</section>
|
2023-06-03 11:47:55 +02:00
|
|
|
|
|
|
|
<section class="max-w-2xl mx-auto">
|
|
|
|
<.divider />
|
|
|
|
<div data-dummy="true" />
|
|
|
|
</section>
|
|
|
|
|
2023-06-03 11:48:08 +02:00
|
|
|
<p class="mt-4 max-w-2xl mx-auto text-center">
|
|
|
|
Struggling to make a decent website since 2011
|
|
|
|
</p>
|
2023-04-07 16:19:56 +02:00
|
|
|
</footer>
|
2023-06-03 11:47:55 +02:00
|
|
|
|
|
|
|
<section class="flex h-1 w-full flex-row">
|
|
|
|
<div class="bg-theme-primary w-full"></div>
|
|
|
|
<div class="bg-theme-secondary w-full"></div>
|
|
|
|
<div class="bg-theme-tertiary w-full"></div>
|
|
|
|
<div class="bg-theme-quaternary w-full"></div>
|
|
|
|
<div class="bg-theme-quinary w-full"></div>
|
|
|
|
</section>
|
2023-04-10 12:08:19 +02:00
|
|
|
</body>
|
2023-03-31 16:58:10 +02:00
|
|
|
</html>
|