% my $posts = stash 'posts';
<h2>Artículos</h2>
<div class="articles">
% unless (defined $posts && @$posts) {
    <p>Parece que aun no hay artículos.</p>
% }
% for my $post (@$posts) {
    <a href="/posts/<%=$post->{slug}%>">
        <article><%
    my $date_article = DateTime::Format::ISO8601->parse_datetime($post->{date});
    $date_article->set_time_zone('Europe/Madrid');
            %><div class="article-up-part">
                <p class="date"><%= ''.$date_article %></p><%
    my $title = $post->{title};
    if (length($title) > 50) {
        $title = substr($title, 0, 47).'...'; 
    }
    if (defined $post->{image}) {
        %><div class="image-container">
                <img alt="Portada de <%=$title%>" src="<%=$post->{image}%>"/>
          </div><%
    }
            %></div><div class="article-down-part"><div>
                <h3><%=$title%></h3><%
    my $xml = Mojo::DOM->new($post->{content});
    my $text = $xml->all_text;
    if (length($text) > 50) {
        $text = substr($text, 0, 47).'...';
    }
                %><p><%=$text%></p><p class="author">Escrito por <%=$post->{author}%></p>
            </div></div></article>
    </a>
%	}
</div>