62 lines
2.7 KiB
Plaintext
62 lines
2.7 KiB
Plaintext
<!DOCTYPE xhtml>
|
|
<html lang="es">
|
|
<!--
|
|
% use Mojo::DOM;
|
|
% 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';
|
|
% my $site_name = config 'site_name';
|
|
% my $title = title;
|
|
% my $title_meta = defined $title ? Mojo::DOM->new('<div>'.title.'</div>')->all_text : '';
|
|
-->
|
|
<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_meta %></title>
|
|
<meta name="description" content="<%=defined $description_og ? $description_og : 'Lee más sobre: ' . title %>" />
|
|
<meta property="og:title" content="<%= $title_meta %>"/>
|
|
<meta property="og:site_name" content="<%=$site_name%>" />
|
|
% 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>
|
|
% 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="complete-container">
|
|
%= include 'page/_mobile_menu', categories => $categories
|
|
%= include 'page/_mobile_foldable', categories => $categories
|
|
<div class="page-contents no-carousel">
|
|
%= include 'page/_desktop_menu', categories => $categories, current_category_slug => $current_category_slug
|
|
<%= content %>
|
|
<hr/>
|
|
<div class="footer description padding">
|
|
<p>©2022-2023 Owlcode.tech</p>
|
|
<p>Enterate de todas las novedades de <%=$site_name%>:</p>
|
|
<a class="suscribe-category-rss" href="/all.rss">
|
|
<img src="/img/rss.svg" alt="Icono de suscripción rss"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</html>
|