2022-11-09 13:31:58 +01:00
|
|
|
<!DOCTYPE html>
|
2022-11-10 21:27:24 +01:00
|
|
|
<html lang="es">
|
2022-11-09 13:31:58 +01:00
|
|
|
<head>
|
|
|
|
|
<script src="/js/index.js"></script>
|
2023-05-02 00:45:43 +02:00
|
|
|
% my $css_version = config 'css_version';
|
|
|
|
|
<link rel="stylesheet" href="/css/styles.css?v=<%=$css_version%>"/>
|
2022-11-09 13:31:58 +01:00
|
|
|
<title><%= title %></title>
|
2022-11-10 21:31:48 +01:00
|
|
|
<meta name="description" content="Lee más sobre: <%= title %>"/>
|
2022-11-09 17:14:58 +01:00
|
|
|
<meta property="og:title" content="<%= title %>"/>
|
2022-11-09 22:31:41 +01:00
|
|
|
<meta property="og:site_name" content="Burguillos.info" />
|
2022-11-13 02:01:24 +01:00
|
|
|
% my $ogimage = stash 'ogimage';
|
2022-11-13 04:49:49 +01:00
|
|
|
% my $user_agent = stash 'useragent';
|
|
|
|
|
% if (defined $ogimage && $user_agent !~ /TelegramBot/) {
|
2022-11-13 18:18:52 +01:00
|
|
|
<meta name="image" property="og:image" content="<%= $ogimage %>?v=3"/>
|
2022-11-13 02:01:24 +01:00
|
|
|
% } else {
|
2022-11-22 17:21:00 +01:00
|
|
|
<meta name="image" property="og:image" content="https://burguillos.info/img/burguillos.png?v=4">
|
2022-11-13 02:01:24 +01:00
|
|
|
% }
|
2022-11-09 13:31:58 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="site-wrapper">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="page-contents">
|
2022-11-11 02:40:52 +01:00
|
|
|
<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>
|
2022-11-14 03:56:36 +01:00
|
|
|
<div></div>
|
2023-05-01 05:40:29 +02:00
|
|
|
<a href="#mobile-foldable" class="menu-expand">
|
2023-05-01 05:42:20 +02:00
|
|
|
<img class="open-menu-icon" src="/img/hamburger-menu-yellow.png" alt="Expandir el menú."/>
|
|
|
|
|
<img class="open-menu-icon-hover" src="/img/hamburger-menu-purple.png" alt="Expandir el menú."/>
|
2023-05-01 05:40:29 +02:00
|
|
|
</a>
|
2022-11-11 02:40:52 +01:00
|
|
|
</nav>
|
2022-11-14 03:56:36 +01:00
|
|
|
<nav class="mobile-foldable" id="mobile-foldable"><%
|
|
|
|
|
my $first = 1;
|
|
|
|
|
for my $category_key (sort {
|
2022-11-11 02:40:52 +01:00
|
|
|
$categories->{$a}{priority} <=> $categories->{$b}{priority}
|
|
|
|
|
} keys %$categories) {
|
|
|
|
|
my $category = $categories->{$category_key};
|
|
|
|
|
%><a href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><%
|
|
|
|
|
}
|
|
|
|
|
%></nav>
|
2022-11-09 13:31:58 +01:00
|
|
|
|
2022-11-11 02:40:52 +01:00
|
|
|
<%= 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>
|
|
|
|
|
</div>
|
2022-11-09 13:31:58 +01:00
|
|
|
</div>
|
|
|
|
|
</html>
|
