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">
|
|
|
|
|
<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-gap">
|
|
|
|
|
<%= link_to "Pooru~" => "/" => (class => "main-nav-link") %>
|
|
|
|
|
<%= link_to "random" => "/random" => (class => "main-nav-link") %>
|
|
|
|
|
<%= link_to "tags" => "/tags" => (class => "main-nav-link") %>
|
|
|
|
|
<span class="flex-i-fullsize"><!-- spacer --></span>
|
|
|
|
|
<%= link_to login => "/login" => (class => "main-nav-link") %>
|
|
|
|
|
</nav>
|
|
|
|
|
</header>
|
|
|
|
|
<main class="border-bottom border-top border-accent flex-i-fullsize flex-c-vertical">
|
|
|
|
|
<div class="viewport flex-i-fullsize flex-c-vertical">
|
|
|
|
|
<h1><%= title %></h1>
|
|
|
|
|
<div class="viewport flex-i-fullsize"><%= content %></div>
|
2023-03-10 21:34:00 +01:00
|
|
|
<% 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>
|
|
|
|
|
<% } %>
|
2023-03-05 18:23:13 +01:00
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<footer class="text-center">
|
|
|
|
|
<p class="viewport text-small">Powered by <a href="https://www.openbsd.org">OpenBSD</a> and <a href="https://mojolicious.org/">Mojolicious</a></p>
|
|
|
|
|
</footer>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
