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

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>