grav-theme-libretic/templates/partials/blog_item.html.twig

75 lines
2.5 KiB
Twig

<div class="list-item">
<div class="list-blog-header">
{% if big_header %}
{{ page.media.images|first.cropResize(900,600).html|raw }}
{% else %}
{{ page.media.images|first.cropZoom(900,300).html|raw }}
{% endif %}
{% if page.header.link %}
<h4>
{% if page.header.continue_link is not sameas(false) %}
<a href="{{ page.url }}"><i class="fa fa-angle-double-right"></i></a>
{% endif %}
<a href="{{ page.header.link }}">{{ page.title }}</a>
</h4>
{% else %}
<h4><a href="{{ page.url }}">{{ page.title }}</a></h4>
{% endif %}
<span class="list-blog-date">
<i class="fa fa-calendar"></i>
{{ page.date|date("d") }} {{ page.date|localizeddate('long', 'none', 'fr', 'Europe/Paris', 'MMM') }} {{ page.date|date("Y") }}
</span>
{% if page.header.author %}
<span class="list-blog-author">
<i class="fa fa-user"></i>
{{ page.header.author }}
</span>
{% endif %}
{% if page.taxonomy.tag %}
<ul class="tags">
<i class="fa fa-tag"></i>
{% for tag in page.taxonomy.tag %}
<li><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}">{{ tag }}</a></li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="list-blog-padding">
{% if page.header.continue_link is sameas(false) %}
<p>{{ page.content|raw }}</p>
{% if not truncate %}
{% set show_prev_next = true %}
{% endif %}
{% elseif truncate and page.summary != page.content %}
<p>{{ page.summary|raw }}</p>
<p><a href="{{ page.url }}">Continuer la lecture...</a></p>
{% elseif truncate %}
<p>{{ page.content|truncate(550) }}</p>
<p><a href="{{ page.url }}">Continuer la lecture...</a></p>
{% else %}
<p>{{ page.content|raw }}</p>
{% set show_prev_next = true %}
{% endif %}
{% if show_prev_next %}
<p class="prev-next">
{% if not page.isLast %}
<a class="button" href="{{ page.prevSibling.url }}"><i class="fa fa-chevron-left"></i> Article précédent</a>
{% endif %}
{% if not page.isFirst %}
<a class="button" href="{{ page.nextSibling.url }}">Article suivant <i class="fa fa-chevron-right"></i></a>
{% endif %}
</p>
{% endif %}
</div>
</div>