42 lines
1.4 KiB
Text
42 lines
1.4 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
<title><%= join(" - ", "Pooru", title() // ()) %></title>
|
|
<%= stylesheet "/css/style.css" %>
|
|
% if (stash "pooru.search") {
|
|
<%= javascript begin %>
|
|
const endpoints = {
|
|
search: "<%= url_for("search_tags") %>",
|
|
};
|
|
<% end %>
|
|
<%= javascript "/js/app.js", defer => undef %>
|
|
<%= javascript '/js/alpinejs@3.14.9/dist/cdn.min.js', defer => undef %>
|
|
% }
|
|
</head>
|
|
<body class="layout-flex-column">
|
|
<header>
|
|
<nav class="layout-viewport layout-flex-row">
|
|
<%= link_to "Pooru~" => "/" %>
|
|
<%= link_to "tags" => url_for("list_tags") %>
|
|
<%= link_to "random tag" => url_for("random_tag") %>
|
|
<%= link_to "random media" => url_for("random_media") %>
|
|
<span class="layout-flex-item-fullsize"><!-- spacer --></span>
|
|
<%= link_to "login" => "/login" %>
|
|
</nav>
|
|
</header>
|
|
<main class="layout-flex-item-fullsize layout-flex-column">
|
|
<div class="layout-viewport layout-flex-item-fullsize layout-flex-column">
|
|
<%= content %>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<p class="layout-viewport text-center">
|
|
Powered by <a href="//www.openbsd.org/">OpenBSD</a> /
|
|
<a href="//www.mojolicious.org/">Mojolicious</a> /
|
|
<a href="//www.haproxy.org/">HAProxy</a>.
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|