103 lines
4.6 KiB
Plaintext
103 lines
4.6 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>
|
|
% my $css_version = config 'css_version';
|
|
<script src="/js/bundle.js?v=<%=$css_version%>"></script>
|
|
<link rel="stylesheet" href="/css/styles.css?v=<%=$css_version%>"/>
|
|
<title><%= title %></title>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="description" content="<%=defined $description_og ? $description_og : 'Lee más sobre: ' . title %>" />
|
|
<meta property="og: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" />
|
|
<meta property="og:type" content="website" />
|
|
% my $ogimage = stash 'ogimage';
|
|
% say STDERR $ogimage;
|
|
% my $user_agent = stash 'useragent';
|
|
|
|
<meta property="og:url" content="<%=$base_url%><%= url_for %>"/>
|
|
% if (defined $ogimage) {
|
|
% my $url_for = url_for || '';
|
|
<meta itemprop="image" property="og:image" content="<%= $ogimage %>"/>
|
|
<meta name="image" content="<%= $ogimage %>"/>
|
|
<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 property="og:image:alt" content="Portada de <%= title %>"/>
|
|
<meta name="twitter:card" content="summary_large_image"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
</head>
|
|
<body>
|
|
% if (defined $ogimage) {
|
|
<!-- You must be wondering what the fuck is this always hidden image, we are tricking facebook into thinking this is the first image in the website
|
|
because ogimages broke in their side.-->
|
|
<img style="display: none;" src="<%= $ogimage %>" alt="Portada de <%= title %>"/>
|
|
% }
|
|
<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
|
|
%= include 'page/_mobile_foldable', categories => $categories
|
|
<div class="contents-without-menu">
|
|
<div class="search-in-page">
|
|
<a href="#" class="down">
|
|
<img alt="Next result" src="/img/down.svg"/>
|
|
</a>
|
|
<a href="#" class="up">
|
|
<img alt="Previous result" src="/img/up.svg"/>
|
|
</a>
|
|
</div>
|
|
<div class="page-contents">
|
|
%= include 'page/_desktop_menu', categories => $categories, current_category_slug => $current_category_slug
|
|
<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 no-android-app 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>
|
|
</div>
|
|
</html>
|