ADD segundo idioma
This commit is contained in:
@ -2,8 +2,8 @@
|
||||
|
||||
{% block content %}
|
||||
<main class="container py-5 text-center">
|
||||
<h1 class="display-4">404 - Página no encontrada</h1>
|
||||
<h1 class="display-4">404 - {{ __('Página no encontrada', 'Sindikatua') }}</h1>
|
||||
<p class="lead">Ez da aurkitu bilatzen duzun orria / No se ha encontrado la página que buscabas</p>
|
||||
<a href="<?php echo home_url(); ?>" class="btn btn-primary mt-4">Volver al inicio</a>
|
||||
<a href="<?php echo home_url(); ?>" class="btn btn-primary mt-4">{{ __('Volver al inicio', 'Sindikatua') }}</a>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
1
views/templates/page-afiliazioa.twig
Normal file
1
views/templates/page-afiliazioa.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/page-quieres-afiliarte.twig' %}
|
||||
1
views/templates/page-berriak.twig
Normal file
1
views/templates/page-berriak.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/page-noticias.twig' %}
|
||||
1
views/templates/page-bideoak.twig
Normal file
1
views/templates/page-bideoak.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/page-videos.twig' %}
|
||||
1
views/templates/page-cnt-ri-buruz.twig
Normal file
1
views/templates/page-cnt-ri-buruz.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/single-acerca.twig' %}
|
||||
@ -1,13 +1,9 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<!-- <p class="alert alert-info" role="alert">
|
||||
<i class="bi bi-envelope-at"></i>
|
||||
PLANTILLA CONTACTOS</p> -->
|
||||
|
||||
<section class="contacto-barakaldo">
|
||||
<section class="contacto">
|
||||
<div class="container my-5">
|
||||
|
||||
<!-- mapa & contacts -->
|
||||
<div class="row">
|
||||
<!-- Column map -->
|
||||
@ -28,7 +24,8 @@
|
||||
|
||||
<small>
|
||||
<a href="https://www.openstreetmap.org/?#map=19/{{ latitud }}/{{ longitud }}">
|
||||
Ver el mapa más grande
|
||||
{{ __('Ver el mapa más grande', 'Sindikatua') }}
|
||||
|
||||
</a>
|
||||
</small>
|
||||
{% endif %}
|
||||
@ -37,7 +34,7 @@
|
||||
<!-- Column content -->
|
||||
<div class="col-md-6">
|
||||
<div class="content">
|
||||
<h2>{{ contacto_info.nombre }}</h2>
|
||||
<h1>{{ contacto_info.nombre }}</h1>
|
||||
<p>{{ contacto_info.direccion }}</p>
|
||||
<p>{{ contacto_info.forma_contacto }}</p>
|
||||
|
||||
@ -63,7 +60,8 @@
|
||||
<!-- form -->
|
||||
<div class="row mt-5">
|
||||
<div class="col-12">
|
||||
<p class="mb-4 position-relative fs-4 fw-bold sp-module-title">Contacto</p>
|
||||
<h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Contacto', 'Sindikatua')|upper }}</h2>
|
||||
|
||||
<div class="formulario-contacto">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">DOCUMENTOS</p>
|
||||
<h1 class="mb-5 position-relative fs-4 fw-bold sp-module-title">{{ post.title }}</h1>
|
||||
|
||||
<section class="documentos">
|
||||
<div class="container">
|
||||
@ -41,13 +41,13 @@
|
||||
class="btn btn-sm me-2 btn-primary-cnt"
|
||||
target="_blank">
|
||||
<i class="bi bi-eye-fill"></i>
|
||||
Ver documento
|
||||
{{ __('Ver documento', 'Sindikatua') }}
|
||||
</a>
|
||||
|
||||
<a href="{{ doc.documento_url }}" download
|
||||
class="btn btn-sm me-2 btn-primary-cnt" >
|
||||
<i class="bi bi-cloud-download-fill"></i>
|
||||
Descargar
|
||||
{{ __('Descargar', 'Sindikatua') }}
|
||||
</a>
|
||||
|
||||
{% endif %}
|
||||
|
||||
1
views/templates/page-dokumentuak.twig
Normal file
1
views/templates/page-dokumentuak.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/page-documentos.twig' %}
|
||||
@ -1,50 +1,50 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">ENLACES</p>
|
||||
<h1 class="mb-5 position-relative fs-4 fw-bold sp-module-title">{{ post.title }}</h1>
|
||||
|
||||
{% if enlaces %}
|
||||
<div class="enlaces">
|
||||
<div class="accordion" id="accordionEnlaces">
|
||||
{% for grupo in enlaces %}
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<div class="accordion" id="accordionEnlaces">
|
||||
{% for grupo in enlaces %}
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
|
||||
<button class="accordion-button {% if loop.index0 != 0 %}collapsed{% endif %}"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse{{ loop.index }}"
|
||||
aria-expanded="{% if loop.index0 == 0 %}true{% else %}false{% endif %}"
|
||||
aria-controls="collapse{{ loop.index }}">
|
||||
{{ grupo.titulo }}
|
||||
<button class="accordion-button {% if loop.index0 != 0 %}collapsed{% endif %}"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse{{ loop.index }}"
|
||||
aria-expanded="{% if loop.index0 == 0 %}true{% else %}false{% endif %}"
|
||||
aria-controls="collapse{{ loop.index }}">
|
||||
{{ grupo.titulo }}
|
||||
|
||||
<span class="badge bg-secondary ms-2">{{ grupo.enlaces|length }}</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse{{ loop.index }}"
|
||||
class="accordion-collapse collapse {% if loop.index0 == 0 %}show{% endif %}"
|
||||
data-bs-parent="#accordionEnlaces">
|
||||
<div class="accordion-body">
|
||||
{% if grupo.enlaces %}
|
||||
<div class="d-grid gap-2">
|
||||
{% for enlace in grupo.enlaces %}
|
||||
<a href="{{ enlace.url }}"
|
||||
class="btn btn-outline-dark btn-sm text-start"
|
||||
target == '_blank'
|
||||
rel="noopener noreferrer">
|
||||
{{ enlace.titulo }}
|
||||
{% if enlace.target == '_blank' %}
|
||||
<i class="fas fa-external-link-alt ms-1 small"></i>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<span class="badge bg-secondary ms-2">{{ grupo.enlaces|length }}</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse{{ loop.index }}"
|
||||
class="accordion-collapse collapse {% if loop.index0 == 0 %}show{% endif %}"
|
||||
data-bs-parent="#accordionEnlaces">
|
||||
<div class="accordion-body">
|
||||
{% if grupo.enlaces %}
|
||||
<div class="d-grid gap-2">
|
||||
{% for enlace in grupo.enlaces %}
|
||||
<a href="{{ enlace.url }}"
|
||||
class="btn btn-outline-dark btn-sm text-start"
|
||||
target == '_blank'
|
||||
rel="noopener noreferrer">
|
||||
{{ enlace.titulo }}
|
||||
{% if enlace.target == '_blank' %}
|
||||
<i class="fas fa-external-link-alt ms-1 small"></i>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
1
views/templates/page-hasiera.twig
Normal file
1
views/templates/page-hasiera.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/page-portada.twig' %}
|
||||
@ -1,7 +1,7 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">INDUSTRIA</p>
|
||||
<h1 class="mb-5 position-relative fs-4 fw-bold sp-module-title">{{ post.title }}</h1>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
1
views/templates/page-loturak.twig
Normal file
1
views/templates/page-loturak.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/page-enlaces.twig' %}
|
||||
@ -1,7 +1,7 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">NOTICIAS</p>
|
||||
<h1 class="mb-5 position-relative fs-3 fw-bold sp-module-title">{{ post.title }}</h1>
|
||||
|
||||
<section class="posts-noticias">
|
||||
{% if recent_posts_noticias %}
|
||||
@ -10,15 +10,19 @@
|
||||
<div class="card my-3 position-relative">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-4">
|
||||
<img src="{{ noticias.thumbnail.src }}"
|
||||
class="rounded-start object-fit-cover w-100 h-100"
|
||||
alt="{{ noticias.thumbnail.alt }}"
|
||||
style="min-height: 200px;"
|
||||
/>
|
||||
<a href="{{ noticias.link }}" title="{{ noticias.title }}">
|
||||
<img src="{{ noticias.thumbnail.src }}"
|
||||
class="rounded-start object-fit-cover w-100 h-100 img-noticias"
|
||||
alt="{{ noticias.thumbnail.alt }}"
|
||||
style="min-height: 200px;"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="card-body" style="padding-bottom: 60px;">
|
||||
<h5 class="card-title">{{ noticias.title }}</h5>
|
||||
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
|
||||
<h5 class="card-title-text">{{ noticias.title }}</h5>
|
||||
</a>
|
||||
<p class="card-text"> {{
|
||||
noticias.excerpt({
|
||||
words: 50,
|
||||
@ -29,7 +33,10 @@
|
||||
<a href="{{ noticias.link }}"
|
||||
class="btn position-absolute btn-secondary-cnt"
|
||||
style="position: absolute; bottom: 15px; right: 15px; z-index: 10;"
|
||||
>Sigue leyendo...</a>
|
||||
>
|
||||
{{ __('Sigue leyendo', 'Sindikatua') }}...
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,120 +4,116 @@
|
||||
|
||||
{# 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 {% if loop.first %}media-mb{% endif %}">
|
||||
<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>
|
||||
<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 img-noticias" />
|
||||
<div class="card-img-overlay">
|
||||
<h3 class="card-title text-wrap">
|
||||
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
|
||||
</h3>
|
||||
</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 margin-50">
|
||||
<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 btn-hover">
|
||||
<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>
|
||||
|
||||
{# 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 {% if loop.first %}media-mb{% endif %}">
|
||||
<a href="{{ article.link }}">
|
||||
<img src="{{ article.thumbnail.src('medium') }}"
|
||||
alt="{{ article.thumbnail.alt }}"
|
||||
class="card-img img-noticias"/>
|
||||
<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>
|
||||
{% endif %}
|
||||
|
||||
{# Sección vídeos #}
|
||||
{# Sección Enlaces #}
|
||||
<section class="custom-buttons-section margin-50">
|
||||
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Enlaces', 'Sindikatua')|upper }}</h1>
|
||||
|
||||
<div class="row g-3">
|
||||
{% if botones_imagen %}
|
||||
{% for boton in botones_imagen %}
|
||||
<div class="col-6 col-sm-6 col-md-3 btn-hover">
|
||||
<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 %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{# Sección vídeos + Opinión #}
|
||||
<section class="py-4 margin-50">
|
||||
{% include 'partials/section-videos.twig' %}
|
||||
</section>
|
||||
|
||||
{# Sección Campañas / conflictos #}
|
||||
<section class="recent-posts py-4">
|
||||
<div class="container">
|
||||
<div class="row align-items-stretch">
|
||||
<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>
|
||||
<div class="col-6">
|
||||
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h1>
|
||||
|
||||
{% if posts_campana and posts_campana|length > 0 %}
|
||||
{% 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" />
|
||||
class="card-img card-img-fixed img-noticias" />
|
||||
<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>
|
||||
<p>{{ __('No hay artículos', 'Sindikatua') }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if posts_campana %}
|
||||
<div class="col-6">
|
||||
<p class="mb-4 position-relative fs-4 fw-bold sp-module-title">CONFLICTOS LABORALES (WIP)</p>
|
||||
<div class="col-6">
|
||||
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h1>
|
||||
|
||||
{% if posts_campana and posts_campana|length > 0 %}
|
||||
{% 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" />
|
||||
class="card-img card-img-fixed img-noticias" />
|
||||
<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>
|
||||
<p>{{ __('No hay artículos', 'Sindikatua') }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,43 +1,15 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">AFÍLIATE</p>
|
||||
|
||||
<div class="affiliate-section">
|
||||
<div class="container">
|
||||
<div class="row align-items-center p-5">
|
||||
<!-- Primera columna - Imagen -->
|
||||
<div class="col-md-6">
|
||||
{% if afiliate_fields.imagen_afiliate %}
|
||||
<div class="affiliate-image">
|
||||
<img src="{{ afiliate_fields.imagen_afiliate }}"
|
||||
class="img-fluid rounded">
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- Segunda columna - Contenido y botón -->
|
||||
<div class="col-md-6">
|
||||
<div class="affiliate-content">
|
||||
<!-- Contenido de la página -->
|
||||
<div class="page-content">
|
||||
{{ post.content }}
|
||||
</div>
|
||||
|
||||
<!-- Botón de afiliado -->
|
||||
{% if afiliate_fields.enlace_boton_afiliate %}
|
||||
<div class="affiliate-button-container mt-4">
|
||||
<a href="{{ afiliate_fields.enlace_boton_afiliate }}"
|
||||
class="btn btn-lg btn-primary-cnt"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer">
|
||||
{{ afiliate_fields.texto_boton }}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<h1 class="mb-5 position-relative fs-4 fw-bold sp-module-title">{{ post.title }}</h1>
|
||||
|
||||
<div class="affiliate-section">
|
||||
<div class="container">
|
||||
<div class="page-content">
|
||||
{{ post.content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@ -1,64 +1,61 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">VÍDEOS</p>
|
||||
|
||||
<h1 class="mb-5 position-relative fs-4 fw-bold sp-module-title">{{ post.title }}</h1>
|
||||
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
{% if videos %}
|
||||
{% for video in videos %}
|
||||
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-2">
|
||||
<div class="video-item">
|
||||
{% set url_video = video.meta('url_video') %}
|
||||
{% set video_data = generar_embed(url_video) %}
|
||||
{% if video_data %}
|
||||
{% if videos %}
|
||||
{% for video in videos %}
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-2">
|
||||
<div class="video-item">
|
||||
{% set url_video = video.meta('url_video') %}
|
||||
{% set video_data = generar_embed(url_video) %}
|
||||
{% if video_data %}
|
||||
|
||||
{# Thumbnail clickeable en lugar del iframe #}
|
||||
<div class="ratio ratio-16x9 video-thumbnail-container position-relative rounded"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#videoModal"
|
||||
data-video-url="{{ video_data.embed_url }}"
|
||||
data-video-title="{{ video.titulo }}"
|
||||
data-video-allow="{{ video_data.allow }}"
|
||||
style="cursor: pointer;
|
||||
background-image: url('{{ video_data.thumbnail_url }}');
|
||||
background-size: cover;
|
||||
background-position: center;">
|
||||
{# Thumbnail clickeable en lugar del iframe #}
|
||||
<div class="ratio ratio-16x9 video-thumbnail-container position-relative rounded"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#videoModal"
|
||||
data-video-url="{{ video_data.embed_url }}"
|
||||
data-video-title="{{ video.titulo }}"
|
||||
data-video-allow="{{ video_data.allow }}"
|
||||
style="cursor: pointer;
|
||||
background-image: url('{{ video_data.thumbnail_url }}');
|
||||
background-size: cover;
|
||||
background-position: center;">
|
||||
|
||||
{# Overlay con botón play #}
|
||||
<div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="btn btn-danger btn-lg rounded-circle d-flex align-items-center justify-content-center"
|
||||
style="width: 60px; height: 60px;">
|
||||
<i class="bi bi-play-btn" style="font-size: 2rem;"></i>
|
||||
{# Overlay con botón play #}
|
||||
<div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="btn btn-danger btn-lg rounded-circle d-flex align-items-center justify-content-center"
|
||||
style="width: 60px; height: 60px;">
|
||||
<i class="bi bi-play-btn" style="font-size: 2rem;"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# Overlay oscuro al hover #}
|
||||
<div class="position-absolute top-0 start-0 w-100 h-100 bg-dark opacity-0 hover-overlay"
|
||||
style="transition: opacity 0.3s ease;">
|
||||
</div>
|
||||
|
||||
{# Título del vídeo #}
|
||||
<div class="position-absolute bottom-0 start-0 end-0 bg-dark bg-opacity-75 text-white p-3 rounded">
|
||||
<h6 class="mb-0 text-white">{{ video.titulo }}</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# Overlay oscuro al hover #}
|
||||
<div class="position-absolute top-0 start-0 w-100 h-100 bg-dark opacity-0 hover-overlay"
|
||||
style="transition: opacity 0.3s ease;">
|
||||
</div>
|
||||
|
||||
{# Título del vídeo #}
|
||||
<div class="position-absolute bottom-0 start-0 end-0 bg-dark bg-opacity-75 text-white p-3 rounded">
|
||||
<h6 class="mb-0 text-white">{{ video.titulo }}</h6>
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="alert alert-warning">
|
||||
<h5>{{ video.titulo }}</h5>
|
||||
<p class="mb-0">No se ha configurado URL para este vídeo.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="alert alert-warning">
|
||||
<h5>{{ video.titulo }}</h5>
|
||||
<p class="mb-0">No se ha configurado URL para este vídeo.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p>No hay vídeos disponibles.</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p>No hay vídeos disponibles.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{# MODAL PARA REPRODUCIR VÍDEO #}
|
||||
@ -87,5 +84,4 @@
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
1
views/templates/page-zerbitzu-publikoak.twig
Normal file
1
views/templates/page-zerbitzu-publikoak.twig
Normal file
@ -0,0 +1 @@
|
||||
{% extends 'templates/page-servicios-publicos.twig' %}
|
||||
@ -3,9 +3,9 @@
|
||||
|
||||
{% block content %}
|
||||
<section class="search-canvas ">
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">BÚSQUEDA</p>
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">{{ post.title }}</p>
|
||||
|
||||
<p>Resultados de búsqueda para: "{{ search_query }}"</p>
|
||||
<p>{{ __('Resultados de búsqueda para', 'Sindikatua')}}: "{{ search_query }}"</p>
|
||||
<div class="content-wrapper">
|
||||
{% for post in posts %}
|
||||
{% include ['partials/tease-' ~ post.type ~ '.twig', 'partials/tease.twig'] %}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{% extends 'layouts/base.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">ACERCA DE LA CNT</p>
|
||||
<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">{{ post.title }}</p>
|
||||
|
||||
<div class="container mt-4">
|
||||
<div class="row">
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
<!-- Title & author & date -->
|
||||
<h1 class="article-h1">{{ post.title }}</h1>
|
||||
<p class="blog-author mt-3 mb-5 border-dark border-bottom">
|
||||
<span>Autor:</span>
|
||||
<span>{{ __('Autor', 'Sindikatua')}}:</span>
|
||||
<a href="{{ post.author.path }}">{{ post.author.name }}</a>
|
||||
<span>•</span>
|
||||
<time datetime="{{ post.date|date('Y-m-d H:i:s') }}">{{ post.date }}</time>
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
|
||||
<h1 class="article-h1">{{ post.title }}</h1>
|
||||
<p class="blog-author mt-3 mb-5 border-dark border-bottom">
|
||||
<span>Autor:</span>
|
||||
<span>{{ __('Autor', 'Sindikatua')}}:</span>
|
||||
<a href="{{ post.author.path }}">{{ post.author.name }}</a>
|
||||
<span>•</span>
|
||||
<time datetime="{{ post.date|date('Y-m-d H:i:s') }}">{{ post.date }}</time>
|
||||
@ -35,7 +35,7 @@
|
||||
</div>
|
||||
|
||||
{% if post.comment_status == 'closed' %}
|
||||
<p>No se puede comentar.</p>
|
||||
<p>{{ __('No se puede comentar', 'Sindikatua') }}</p>
|
||||
{% else %}
|
||||
{% include 'partials/comment-form.twig' %}
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user