PoorBooru/views/layouts/main.tt

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="[% settings.charset %]">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
  <title>[% settings.appname %] - [% title %]</title>
  <link rel="stylesheet" href="[% request.uri_base %]/css/style.css">
</head>
<body class="bg-default fg-default flex-c-vertical">
  <header>
    <nav class="viewport flex-c-horizontal main-nav-link-gap">
      <a class="main-nav-link" href="[% uris.root %]">[% settings.appname %]</a>
      <a class="main-nav-link" href="[% uris.random %]">random</a>
      <a class="main-nav-link" href="[% uris.tags %]">tags</a>
      <span class="flex-i-fullsize"><!-- spacer --></span>
      <a class="main-nav-link" href="[% uris.login %]">login</a>
    </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">
[% UNLESS no_title %]
      <h1>[% title %]</h1>
[% END %]
      <div class="viewport flex-i-fullsize">[% content %]</div>
[% IF pager %]
      <footer>
        <nav class="text-center">
[% IF pager.first -%]
          <a href="[% pager.first %]">&lt;&lt;</a>
[% END -%]
[% IF pager.prev -%]
          <a href="[% pager.prev %]">&lt;</a>
[% END -%]
          <span>[% pager.cur %]</span>
[% IF pager.next -%]
          <a href="[% pager.next %]">&gt;</a>
[% END -%]
[% IF pager.last -%]
          <a href="[% pager.last %]">&gt;&gt;</a>
[% END -%]
        </nav>
      </footer>
[% END %]
    </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://perldancer.org/">Dancer2</a></p>
  </footer>
</body>
</html>
Initial import 2023-02-18 10:49:05 +01:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="[% settings.charset %]">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">`
			`<title>[% settings.appname %] - [% title %]</title>`
			`<link rel="stylesheet" href="[% request.uri_base %]/css/style.css">`
			`</head>`
			`<body class="bg-default fg-default flex-c-vertical">`
Rework main layout 2023-02-18 14:51:17 +01:00			`<header>`
frontend: layout and css improvements Make title and pager part of the main layout. Adjust sizes and vertical rhythm all over the place. Add flex to the main section, again keeping the header and footer at top and bottom. Rename main navigation classes. Remove unused index.tt template. 2023-02-19 18:01:55 +01:00			`<nav class="viewport flex-c-horizontal main-nav-link-gap">`
			`<a class="main-nav-link" href="[% uris.root %]">[% settings.appname %]</a>`
			`<a class="main-nav-link" href="[% uris.random %]">random</a>`
			`<a class="main-nav-link" href="[% uris.tags %]">tags</a>`
Initial import 2023-02-18 10:49:05 +01:00			`<span class="flex-i-fullsize"><!-- spacer --></span>`
frontend: layout and css improvements Make title and pager part of the main layout. Adjust sizes and vertical rhythm all over the place. Add flex to the main section, again keeping the header and footer at top and bottom. Rename main navigation classes. Remove unused index.tt template. 2023-02-19 18:01:55 +01:00			`<a class="main-nav-link" href="[% uris.login %]">login</a>`
Initial import 2023-02-18 10:49:05 +01:00			`</nav>`
			`</header>`
frontend: layout and css improvements Make title and pager part of the main layout. Adjust sizes and vertical rhythm all over the place. Add flex to the main section, again keeping the header and footer at top and bottom. Rename main navigation classes. Remove unused index.tt template. 2023-02-19 18:01:55 +01:00			`<main class="border-bottom border-top border-accent flex-i-fullsize flex-c-vertical">`
			`<div class="viewport flex-i-fullsize flex-c-vertical">`
backend: add partial support for viewing media 2023-02-19 21:22:29 +01:00			`[% UNLESS no_title %]`
frontend: layout and css improvements Make title and pager part of the main layout. Adjust sizes and vertical rhythm all over the place. Add flex to the main section, again keeping the header and footer at top and bottom. Rename main navigation classes. Remove unused index.tt template. 2023-02-19 18:01:55 +01:00			`<h1>[% title %]</h1>`
backend: add partial support for viewing media 2023-02-19 21:22:29 +01:00			`[% END %]`
frontend: use width in .viewport Also add .viewport to main div. 2023-02-19 21:22:22 +01:00			`<div class="viewport flex-i-fullsize">[% content %]</div>`
frontend: layout and css improvements Make title and pager part of the main layout. Adjust sizes and vertical rhythm all over the place. Add flex to the main section, again keeping the header and footer at top and bottom. Rename main navigation classes. Remove unused index.tt template. 2023-02-19 18:01:55 +01:00			`[% IF pager %]`
			`<footer>`
			`<nav class="text-center">`
			`[% IF pager.first -%]`
			`<a href="[% pager.first %]"><<</a>`
			`[% END -%]`
			`[% IF pager.prev -%]`
			`<a href="[% pager.prev %]"><</a>`
			`[% END -%]`
			`<span>[% pager.cur %]</span>`
			`[% IF pager.next -%]`
			`<a href="[% pager.next %]">></a>`
			`[% END -%]`
			`[% IF pager.last -%]`
			`<a href="[% pager.last %]">>></a>`
			`[% END -%]`
			`</nav>`
			`</footer>`
			`[% END %]`
			`</div>`
Initial import 2023-02-18 10:49:05 +01:00			`</main>`
			`<footer class="text-center">`
frontend: layout and css improvements Make title and pager part of the main layout. Adjust sizes and vertical rhythm all over the place. Add flex to the main section, again keeping the header and footer at top and bottom. Rename main navigation classes. Remove unused index.tt template. 2023-02-19 18:01:55 +01:00			`<p class="viewport text-small">Powered by <a href="https://www.openbsd.org">OpenBSD</a> and <a href="https://perldancer.org/">Dancer2</a></p>`
Initial import 2023-02-18 10:49:05 +01:00			`</footer>`
			`</body>`
			`</html>`