sergiotarxz/owlcode.tech
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Aligning text articles list to end.

Browse Source
This commit is contained in:
Sergiotarxz 2023-05-07 16:46:51 +02:00
parent 67ec2d5432
commit ff572e844b
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/styles.css
View File

@ -107,7 +107,10 @@ body {
height: 12em; } height: 12em; }
body div.page-contents div.description div.articles a article div.article-down-part { body div.page-contents div.description div.articles a article div.article-down-part {
margin-top: 2em; margin-top: 2em;
height: 9em; } height: 9em;
display: flex;
align-items: end;
padding-bottom: 2em; }
body div.page-contents div.description div.articles a article:hover { body div.page-contents div.description div.articles a article:hover {
background: blueviolet; background: blueviolet;
color: #f2eb8c; } color: #f2eb8c; }

3
public/css/styles.scss
View File

@ -152,6 +152,9 @@ body {
div.article-down-part { div.article-down-part {
margin-top: 2em; margin-top: 2em;
height: 9em; height: 9em;
display: flex;
align-items: end;
padding-bottom: 2em;
} }
padding: 5%; padding: 5%;

4
templates/page/_list_posts.html.ep
View File

@ -16,7 +16,7 @@
<img alt="Portada de <%=$post->{title}%>" src="<%=$post->{image}%>"/> <img alt="Portada de <%=$post->{title}%>" src="<%=$post->{image}%>"/>
</div><% </div><%
} }
%></div><div class="article-down-part"> %></div><div class="article-down-part"><div>
<h3><%=$post->{title}%></h3><% <h3><%=$post->{title}%></h3><%
my $xml = Mojo::DOM->new($post->{content}); my $xml = Mojo::DOM->new($post->{content});
my $text = $xml->all_text; my $text = $xml->all_text;
@ -24,7 +24,7 @@
$text = substr($text, 0, 100).'...'; $text = substr($text, 0, 100).'...';
} }
%><p><%=$text%></p><p class="author">Escrito por <%=$post->{author}%></p> %><p><%=$text%></p><p class="author">Escrito por <%=$post->{author}%></p>
</div></article> </div></div></article>
</a> </a>
% } % }
</div> </div>