backend: use % for control flow and directives, <%= %> for interpolation

templates/_pager.html.ep

@@ -1,4 +1,4 @@
-<% if (my $pager = stash("pager")) { %>
+% if (my $pager = stash("pager")) {
 <footer>
   <nav class="text-center">
     <%= link_to "<<" => $pager->{first_page} if exists $pager->{first_page} %>
@@ -8,4 +8,4 @@
     <%= link_to ">>" => $pager->{last_page} if exists $pager->{last_page} %>
   </nav>
 </footer>
-<% } %>
+% }

templates/layouts/main.html.ep

@@ -21,12 +21,16 @@
 % if (defined title) {
       <h1><%= title %></h1>
 % }
-      <div class="flex-i-fullsize"><%= content %></div>
+      <div class="flex-i-fullsize">
-      <%= include '_pager' %>
+%= content 
+      </div>
+%= include "_pager"
     </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>
+    <p class="viewport text-center text-small">
+    Powered by <%= link_to OpenBSD => "https://www.openbsd.org" %> and <%= link_to Perl => "https://www.perl.org/" %>.
+    </p>
   </footer>
 </body>
 </html>

templates/media.html.ep

@@ -2,7 +2,7 @@
 
 <p class="text-center">
   <%= link_to $media->{download} => begin %>
-  <%= image $media->{download} %>
+    <%= image $media->{download} %>
   <% end %>
 </p>
 

templates/tags.html.ep

@@ -2,6 +2,6 @@
 
 <p class="text-center">
 % for my $t (@$tags) {
-<%= link_to "$t->{name} ($t->{count})" => $t->{uri} %>
+  <%= link_to "$t->{name} ($t->{count})" => $t->{uri} %>
 % }
 </p>