PoorBooru/templates/layouts/main.html.ep

41 lines
1.5 KiB
Plaintext

<!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>PoorBooru - <%= title %></title>
<%= stylesheet "/css/style.css" %>
</head>
<body class="bg-default fg-default flex-c-vertical">
<header>
<nav class="viewport flex-c-horizontal main-nav">
<%= link_to "Pooru~" => "/" %>
<%= link_to "random" => "/random" %>
<%= link_to "tags" => "/tags" %>
<span class="flex-i-fullsize"><!-- spacer --></span>
<%= link_to login => "/login" %>
</nav>
</header>
<main class="flex-i-fullsize flex-c-vertical">
<div class="viewport flex-i-fullsize flex-c-vertical">
<h1><%= title %></h1>
<div class="flex-i-fullsize"><%= content %></div>
<% if (defined $pager) { %>
<footer>
<nav class="text-center">
<%= link_to "<<" => $pager->{first_page} if exists $pager->{first_page} %>
<%= link_to "<" => $pager->{previous_page} if exists $pager->{previous_page} %>
<span><%= $pager->{current_page} %></span>
<%= link_to ">" => $pager->{next_page} if exists $pager->{next_page} %>
<%= link_to ">>" => $pager->{last_page} if exists $pager->{last_page} %>
</nav>
</footer>
<% } %>
</div>
</main>
<footer class="border-top">
<p class="viewport text-center text-small">Powered by <a href="https://www.openbsd.org">OpenBSD</a> and <a href="https://www.perl.org/">Perl</a>.</p>
</footer>
</body>
</html>