ADD portada, backend & styles

This commit is contained in:
2025-07-25 11:51:47 +00:00
parent 81f7145333
commit edb558c2d5
5 changed files with 321 additions and 98 deletions

View File

@ -1,5 +1,6 @@
{% extends 'layouts/base.twig' %}
{% block content %}
<div class="page-portada">
{# Sección noticias #}
{% if recent_posts_noticias %}
@ -25,7 +26,7 @@
<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">
<div class="card secondary-article {% if loop.first %}media-mb{% endif %}">
<a href="{{ article.link }}">
<img src="{{ article.thumbnail.src('medium') }}"
alt="{{ article.thumbnail.alt }}"
@ -48,6 +49,8 @@
{# Sección Logos #}
{% if botones_imagen %}
<section class="custom-buttons-section my-5">
<p class="mb-4 position-relative fs-4 fw-bold sp-module-title">ENLACES</p>
<div class="row g-3">
{% for boton in botones_imagen %}
<div class="col-md-3 col-sm-6">
@ -66,9 +69,57 @@
{% include 'partials/section-videos.twig' %}
{# Sección Campañas / conlfictos #}
<h2> Sección Campañas / conflictos</h2>
<section class="recent-posts py-4">
<div class="container">
<div class="row align-items-stretch">
{% if posts_campana %}
<div class="col-6">
<p class="mb-4 position-relative fs-4 fw-bold sp-module-title">CAMPAÑAS</p>
{% set main_article = posts_campana[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 card-img-fixed" />
<div class="card-img-overlay">
<h3 class="card-title text-wrap">
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
</h3>
</div>
</div>
</div>
{% else %}
<h2>no hay artículos</h2>
{% endif %}
{% if posts_campana %}
<div class="col-6">
<p class="mb-4 position-relative fs-4 fw-bold sp-module-title">CONFLICTOS LABORALES</p>
{% set main_article = posts_campana[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 card-img-fixed" />
<div class="card-img-overlay">
<h3 class="card-title text-wrap">
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
</h3>
</div>
</div>
</div>
{% else %}
<h2>no hay artículos</h2>
{% endif %}
</div>
</div>
</section>
</div>
{% endblock %}