Adding in page previews with better style for text overflows.

This commit is contained in:
sergiotarxz 2022-11-14 03:38:15 +01:00
parent 61da57fec0
commit 379072fa87
4 changed files with 20 additions and 16 deletions

View File

@ -5,6 +5,7 @@
<ogdesc>Migrantes Bienvenidos.</ogdesc>
<category>index</category>
<slug>migrantes-bienvenidos</slug>
<img src="/img/refugees-welcome.png"/>
<content>
<p>Debido a la llegada continuada de personas que provienen de otros países, provincias y localidades, desde Burguillos.info hemos considerado oportuno dedicarle un post a todos aquel que no es natal de Burguillos pero que ya es un burguillero más.</p>
<p>La gente de Burguillos aprecia enormemente la riqueza cultural producto de la mezcla de culturas que se produce en el pueblo.</p>

View File

@ -76,6 +76,7 @@ body {
font-size: 60px;
}
div.description {
word-wrap: break-word;
div.suscribirse-rss {
img {
max-height: 300px;
@ -97,7 +98,11 @@ body {
text-overflow: ellipsis;
margin-bottom: 10px;
article {
word-wrap: break-word;
width: 90%;
p,h4,h3,h2 {
margin: 0px;
}
b,p {
font-size: 38px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@ -17,22 +17,20 @@
% if (defined $category_post) {
% for my $post (@$category_post) {
<a href="/posts/<%=$post->{slug}%>">
<article>
% my $date_article = DateTime::Format::ISO8601->parse_datetime($post->{date});
% $date_article->set_time_zone('Europe/Madrid');
<p class="date"><%= ''.$date_article %></p>
% if (defined $post->{image}) {
<img alt="Portada de <%=$post->{title}%>" src="<%=$post->{image}%>"/>
% }
<h4><%=$post->{title}%></h4>
% my $xml = Mojo::DOM->new($post->{content});
% my $text = $xml->all_text;
% if (length($text) > 120) {
% $text = substr($text, 0, 100).'...';
% }
<p><%=$text%></p>
<p class="author">Escrito por <%=$post->{author}%></p>
</article>
<article><%
my $date_article = DateTime::Format::ISO8601->parse_datetime($post->{date});
$date_article->set_time_zone('Europe/Madrid');
%><p class="date"><%= ''.$date_article %></p><%
if (defined $post->{image}) {
%><img alt="Portada de <%=$post->{title}%>" src="<%=$post->{image}%>"/><%
}
%><h4><%=$post->{title}%></h4><%
my $xml = Mojo::DOM->new($post->{content});
my $text = $xml->all_text;
if (length($text) > 120) {
$text = substr($text, 0, 100).'...';
}
%><p><%=$text%></p><p class="author">Escrito por <%=$post->{author}%></p></article>
</a>
% }
% } else {