<!DOCTYPE html>
<html lang="es">
  <head>
	  <script src="/js/index.js"></script>
	  <link rel="stylesheet" href="/css/styles.css"/>
	  <title><%= title %></title>
	  <meta name="description" content="Lee más sobre: <%= title %>"/>
	  <meta property="og:title" content="<%= title %>"/>
	  <meta property="og:site_name" content="Burguillos.info" />
% my $ogimage = stash 'ogimage';
% my $user_agent = stash 'useragent';
% if (defined $ogimage && $user_agent !~ /TelegramBot/) {
	  <meta name="image" property="og:image" content="<%= $ogimage %>?v=3"/>
% } else {
	  <meta name="image" property="og:image" content="https://burguillos.info/img/burguillos.png?v=4">
% }
	  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
  <body>
	<div class="site-wrapper">
	</div>
	<div class="page-contents">
		<nav class="desktop"><% for my $category_key (sort {
			       $categories->{$a}{priority} <=> $categories->{$b}{priority} 
			   } keys %$categories) {
				   my $category = $categories->{$category_key};
				   my $selected = defined($current_slug) && $category->{slug} eq $current_slug;
				%><a class="<%=$selected && "selected" %>" href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><% 
			   }
			%></nav>
		<nav class="mobile-shortcuts">
			<a class="go-to-index" href="<%='/'.$categories->{index}{slug}%>"><%== $categories->{index}{menu_text} %></a>
			<div></div>
			<a href="#mobile-foldable" class="menu-expand"><img class="open-menu-icon" src="/img/menu.png" alt="Expandir el menú."/></a>
		</nav>
		<nav class="mobile-foldable" id="mobile-foldable"><% 
			   my $first = 1;
		           for my $category_key (sort {
			       $categories->{$a}{priority} <=> $categories->{$b}{priority} 
			   } keys %$categories) {
				   my $category = $categories->{$category_key};
				%><a href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><% 
			   }
		%></nav>

		<%= content %></body>
		<hr/>
		<div class="footer description">
			<p>©2022 Sergio Iglesias</p>
			<p>Enterate de todas las novedades de Burguillos.info:</p>
			<a class="suscribe-category-rss" href="/all.rss">
				 <img src="/img/rss.svg" alt="Icono de suscripción rss"/>
			</a>
			<a class="suscribe-category-rss" href="https://social.burguillos.info/people/f2ed63704b62013bf35d58d090500000">
				 <img src="/img/diaspora.png" alt="Icono de suscripción por Diaspora"/>
			 </a>
		</div>
	</div>
</html>