Estructura y estilos para listado de artículos candidatos

This commit is contained in:
alay 2017-12-02 17:14:07 +01:00
parent 3bdc162f23
commit ecd218f32d
2 changed files with 16 additions and 2 deletions

View file

@ -25,9 +25,11 @@
title: "Donde se cruzan los caminos" title: "Donde se cruzan los caminos"
thumbnailUrl: "audio.svg" thumbnailUrl: "audio.svg"
details: "Formato audio, sin difusión pública" details: "Formato audio, sin difusión pública"
ribbon:
- {abbr: "formato audio", title: "formato audio", url: ""}
autores: autores:
- {nombre: "", twitter ""} - {nombre: "", twitter ""}
medio: "Formato audio, sin difusión pública" medio: "Formato audio"
fecha: "" fecha: ""
- -
id: 3 id: 3
@ -56,6 +58,8 @@
details: "Nadie pensaría en la bicicleta como el transporte del futuro. Lejos de eso, parece ser un medio de transporte básico, rudimentario, y barato. Sin embargo, en los últimos años se ha fomentado su uso en todas las ciudades europeas, bien sea por motivos ecológicos o por evitar la congestión diaria de tráfico." details: "Nadie pensaría en la bicicleta como el transporte del futuro. Lejos de eso, parece ser un medio de transporte básico, rudimentario, y barato. Sin embargo, en los últimos años se ha fomentado su uso en todas las ciudades europeas, bien sea por motivos ecológicos o por evitar la congestión diaria de tráfico."
autores: autores:
- {nombre: "José San Miguel Clavería", twitter: ""} - {nombre: "José San Miguel Clavería", twitter: ""}
ribbon:
- {abbr: "Sin difusión pública. Estudiante", title: "", url: ""}
medio: "Sin difusión publica" medio: "Sin difusión publica"
fecha: "10/05/2017" fecha: "10/05/2017"
- -

View file

@ -7,7 +7,17 @@
<div class="zoe-effect" data-toggle="modal" data-target="#articleDetail-{{ article.id }}"> <div class="zoe-effect" data-toggle="modal" data-target="#articleDetail-{{ article.id }}">
<figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/articles/' | append: article.thumbnailUrl }})"> <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/articles/' | append: article.thumbnailUrl }})">
<div class="overlay solid-overlay"></div> <div class="overlay solid-overlay"></div>
<figcaption style="height: 60px;"> {% if article.ribbon != null %}
<ul class="ribbon-wrapper">
{% for ribbon in article.ribbon %}
<li class="{{ ribbon["abbr"] | downcase }}">
<p class="ribbon abbr">{{ ribbon["abbr"] }}</p>
<p class="ribbon full-title">{{ ribbon["title"] }}</p>
</li>
{% endfor %}
</ul>
{% endif %}
<figcaption style="height: 70px;">
<div class="col-md-8 col-xs-8 text-left"> <div class="col-md-8 col-xs-8 text-left">
<h2 class="name" style="margin-top: 0; font-size: 1em;"> <h2 class="name" style="margin-top: 0; font-size: 1em;">
{{ article.title }} {{ article.title }}