2023-03-05 18:23:13 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
2023-03-19 22:59:41 +01:00
|
|
|
<title><%= join(" - ", "Pooru", title() // ()) %></title>
|
2023-03-05 18:23:13 +01:00
|
|
|
<%= stylesheet "/css/style.css" %>
|
|
|
|
|
</head>
|
|
|
|
|
<body class="bg-default fg-default flex-c-vertical">
|
|
|
|
|
<header>
|
2023-03-14 22:53:34 +01:00
|
|
|
<nav class="viewport flex-c-horizontal main-nav">
|
|
|
|
|
<%= link_to "Pooru~" => "/" %>
|
|
|
|
|
<%= link_to "random" => "/random" %>
|
|
|
|
|
<%= link_to "tags" => "/tags" %>
|
2023-03-05 18:23:13 +01:00
|
|
|
<span class="flex-i-fullsize"><!-- spacer --></span>
|
2023-03-14 22:53:34 +01:00
|
|
|
<%= link_to login => "/login" %>
|
2023-03-05 18:23:13 +01:00
|
|
|
</nav>
|
|
|
|
|
</header>
|
2023-03-14 22:53:34 +01:00
|
|
|
<main class="flex-i-fullsize flex-c-vertical">
|
2023-03-05 18:23:13 +01:00
|
|
|
<div class="viewport flex-i-fullsize flex-c-vertical">
|
2023-03-19 22:59:41 +01:00
|
|
|
% if (defined title) {
|
2023-03-05 18:23:13 +01:00
|
|
|
<h1><%= title %></h1>
|
2023-03-19 22:59:41 +01:00
|
|
|
% }
|
2023-03-19 22:59:41 +01:00
|
|
|
<div class="flex-i-fullsize">
|
|
|
|
|
%= content
|
|
|
|
|
</div>
|
|
|
|
|
%= include "_pager"
|
2023-03-05 18:23:13 +01:00
|
|
|
</div>
|
|
|
|
|
</main>
|
2023-03-14 22:53:34 +01:00
|
|
|
<footer class="border-top">
|
2023-03-19 22:59:41 +01:00
|
|
|
<p class="viewport text-center text-small">
|
|
|
|
|
Powered by <%= link_to OpenBSD => "https://www.openbsd.org" %> and <%= link_to Perl => "https://www.perl.org/" %>.
|
|
|
|
|
</p>
|
2023-03-05 18:23:13 +01:00
|
|
|
</footer>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
