burguillos.info/templates/layouts/default.html.ep

80 lines
3.3 KiB
Plaintext

<!DOCTYPE html>
% my $categories = stash 'categories';
% my $current_category_slug = stash 'current_category_slug';
% my $description_og = stash 'description_og';
% $description_og =~ s/\s+/ /g;
% $description_og = substr $description_og, 0, 157;
% $description_og =~ s/\s\S+$//;
% $description_og.='...';
% my $base_url = config 'base_url';
<html lang="es">
<head>
<script src="/js/bundle.js"></script>
% my $css_version = config 'css_version';
<link rel="stylesheet" href="/css/styles.css?v=<%=$css_version%>"/>
<title><%= title %></title>
<meta name="description" content="<%=defined $description_og ? $description_og : '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) {
<meta name="image" property="og:image" content="<%= $ogimage %>?v=3"/>
<meta name="twitter:image" content="<%=$ogimage%>" />
% } else {
<meta name="image" property="og:image" content="<%=$base_url%>/img/burguillos.webp?v=4">
<meta name="twitter:image" content="<%=$base_url%>/img/burguillos.webp?v=4">
% }
<meta name="twitter:card" content="summary_large_image"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<div class="site-wrapper">
</div>
<div class="search-overlay">
<div class="bounding-search-bar">
%= include 'page/_search_bar'
<a href="#" class="exit-search">
<img alt="Exit search" src="/img/exit.svg"/>
</a>
</div>
<div class="search-results">
</div>
</div>
<div class="complete-container">
%= include 'page/_mobile_menu', categories => $categories
<div class="page-contents">
%= include 'page/_desktop_menu', categories => $categories, current_category_slug => $current_category_slug
%= include 'page/_mobile_foldable', categories => $categories
<div class="description android open-browser-container">
<a href="<%= $current_route %>" class="open-in-browser">
<img alt="" src="/img/firefox.svg"/>
<span>Abrir en el navegador.</span>
</a>
</div>
% if ($is_android) {
<div class="description open-browser-container">
<a href="https://play.google.com/store/apps/details?id=info.burguillos.bi" class="open-in-browser">
<img alt="" src="/img/play-store.svg"/>
<span>Prueba nuestra aplicación para Android. Más fácil, mejor.</span>
</a>
</div>
% }
<%= content %></body>
<div class="description android">
<a href="#" class="pin-to-home">Añade esta página a la pantalla de inicio de tu móvil.</a>
</div>
<hr/>
<div class="footer description">
<p>©2022-2023 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>
</div>
%= include 'ads/_carousel'
</div>
</html>