PoorBooru/templates/layouts/main.html.ep

42 lines
1.7 KiB
Plaintext
Raw Normal View History

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>
<!--<pre><code><%= dumper $pager %></code></pre>-->
<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>