74 lines
2.8 KiB
Twig
74 lines
2.8 KiB
Twig
{% extends 'layouts/base.twig' %}
|
|
{% block content %}
|
|
|
|
{# Sección noticias #}
|
|
{% if recent_posts_noticias %}
|
|
<section class="recent-posts">
|
|
<div class="row g-4 mt-3">
|
|
{# Columna izquierda - Artículo principal #}
|
|
<div class="col-md-8">
|
|
{% set main_article = recent_posts_noticias[0] %}
|
|
<div class="card main-article">
|
|
<a href="{{ main_article.link }}">
|
|
<img src="{{ main_article.thumbnail.src('medium') }}"
|
|
alt="{{ main_article.thumbnail.alt }}"
|
|
class="card-img " />
|
|
<div class="card-img-overlay">
|
|
<h3 class="card-title text-wrap">
|
|
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# Columna derecha - Dos artículos secundarios #}
|
|
<div class="col-md-4">
|
|
<div class="d-flex flex-column h-100 justify-content-between">
|
|
{% for article in recent_posts_noticias[1:3] %}
|
|
<div class="card secondary-article">
|
|
<a href="{{ article.link }}">
|
|
<img src="{{ article.thumbnail.src('medium') }}"
|
|
alt="{{ article.thumbnail.alt }}"
|
|
class="card-img "/>
|
|
<div class="card-img-overlay">
|
|
<h3 class="card-title text-wrap">
|
|
<a href="{{ article.link }}">{{ article.title }}</a>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% else %}
|
|
<h2>no hay artículos</h2>
|
|
{% endif %}
|
|
|
|
{# Sección Logos #}
|
|
{% if botones_imagen %}
|
|
<section class="custom-buttons-section my-5">
|
|
<div class="row g-3">
|
|
{% for boton in botones_imagen %}
|
|
<div class="col-md-3 col-sm-6">
|
|
<a href="{{ boton.enlace }}" class="btn-image-only d-block" target="_blank" rel="noopener noreferrer">
|
|
<img src="{{ boton.imagen.sizes.medium }}"
|
|
alt="{{ boton.imagen.alt }}"
|
|
class="img-fluid rounded">
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
|
|
{# Sección vídeos #}
|
|
{% include 'partials/section-videos.twig' %}
|
|
|
|
{# Sección Campañas / conlfictos #}
|
|
<h2> Sección Campañas / conflictos</h2>
|
|
|
|
|
|
|
|
|
|
{% endblock %} |