PoorBooru/templates/layouts/main.html.ep
Lucas b2c2b7e3a5 backend: rework CSS
- Change text defaults to "small text"
- Add class for "big text"
- Use variable for gaps
- Split .gallery links normal style from pseudo classes
- Remove unused classes and elements
2023-03-26 20:56:06 +00:00

31 lines
1000 B
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><%= join(" - ", "Pooru", title() // ()) %></title>
<%= stylesheet "/css/style.css" %>
</head>
<body class="flex-c-vertical">
<header class="border-bottom">
<nav class="viewport text-big flex-c-horizontal">
<%= 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">
%= content
</div>
</main>
<footer class="border-top">
<p class="viewport text-center leading-loose">
Powered by <%= link_to OpenBSD => "https://www.openbsd.org" %> and <%= link_to Perl => "https://www.perl.org/" %>.
</p>
</footer>
</body>
</html>