Nuevo template para pagina quienes-somos

This commit is contained in:
2025-07-30 10:45:33 +00:00
parent 1d7c2c4148
commit 89b925b667
2 changed files with 114 additions and 133 deletions

View File

@@ -0,0 +1,113 @@
{% extends "base.twig" %}
{% block content %}
<div id="page" class="{{post.slug}}">
<div class="page-header mb-5 pb-5" style="background-image:url({% if post.thumbnail %}{{post.thumbnail|resize(1440,400)}}{% else %}{{site.theme.link}}/public/img/cabecera-provisional.jpg{% endif %}); background-repeat:no-repeat; background-position:center center; background-size:cover;">
<div class="overlay bg-gradient-1">
<div class="container pb-5 h-100">
<div class="d-flex h-100 justify-content-center align-items-end">
<h1 class="title text-white">{{post.title}}</h1>
</div>
</div>
</div>
</div>
<div class="page-content pb-3">
<div class="container">
{{post.content}}
</div>
</div>
<div class="quienes-somos-tabs container-fluid mt-5 pb-3">
<div class="quienesTabs-wrapper mb-5">
<ul class="nav nav-tabs nav-fill container" id="quienesTabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="metodologia-tab" data-toggle="tab" href="#metodologia" role="tab" aria-controls="home" aria-selected="true"><h2 class="title equipo-title">Metodología</h2></a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="mision-tab" data-toggle="tab" href="#mision" role="tab" aria-controls="profile" aria-selected="false"><h2 class="title equipo-title">Misión y visión</h2></a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="principios-tab" data-toggle="tab" href="#principios" role="tab" aria-controls="contact" aria-selected="false"><h2 class="title equipo-title">Principios y valores</h2></a>
</li>
</ul>
</div>
<div class="tab-content container" id="quienesTabsContent">
<div class="tab-pane fade show active" id="metodologia" role="tabpanel" aria-labelledby="metodologia-tab">
{{post.meta('quienes_metodologia')}}
</div>
<div class="tab-pane fade" id="mision" role="tabpanel" aria-labelledby="mision-tab">
{{post.meta('quienes_mision_y_vision')}}
</div>
<div class="tab-pane fade" id="principios" role="tabpanel" aria-labelledby="principios-tab">
<p><a href="/principios-y-valores">Ver principios y valores</a></p>
</div>
</div>
</div>
<!-- Equipo -->
<div class="container-fluid mt-5">
<div class="section-heading">
<div class="container">
<h2 class="title equipo-title">Equipo</h2>
</div>
</div>
<div class="container pt-5 pb-5">
<div class="row">
{{ posts_by_type('team',30,'posts-team-members.twig') }}
</div>
</div>
</div>
<!-- Transparencia -->
<div class="container-fluid transparencia">
<div class="section-heading mt-5 mb-3">
<div class="container">
<h2 class="title transparencia-title">Transparencia</h2>
</div>
</div>
<div class="row">
<div class="col-md-8 item-1">
<div class="d-flex flex-column h-100">
<div class="quienes-slider">
{{post.meta('galeria_transparencia')}}
</div>
</div>
</div>
<div class="col-md-4 item-2">
<div class="d-flex flex-column h-100">
<div class="transparencia-block-1 p-5 d-flex flex-column h-100">
<p class="lead font-weight-bold mb-auto">{{post.meta('dossier').title}}</p>
<p class="mb-0"><a href="{{post.meta('dossier').url}}" class="btn btn-light" target="_blank">Descargar</a></p>
</div>
<div class="transparencia-block-2 p-5 d-flex flex-column h-100">
<p class="lead font-weight-bold mb-auto">{{post.meta('resumen').title}}</p>
<p class="mb-0"><a href="{{post.meta('resumen').url}}" class="btn btn-light" target="_blank">Descargar</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid mt-5 pt-5">
{% include 'block-network.twig' %}
{% include 'block-clientes.twig' %}
</div>
</div>
{% endblock %}

View File

@@ -19,140 +19,8 @@
{{post.content}}
</div>
</div>
{% if post.id == '1059' %}
<!--Quienes somos -->
<div class="quienes-somos-tabs container-fluid mt-5 pb-3">
<div class="quienesTabs-wrapper mb-5">
<ul class="nav nav-tabs nav-fill container" id="quienesTabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="metodologia-tab" data-toggle="tab" href="#metodologia" role="tab" aria-controls="home" aria-selected="true"><h2 class="title equipo-title">Metodología</h2></a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="mision-tab" data-toggle="tab" href="#mision" role="tab" aria-controls="profile" aria-selected="false"><h2 class="title equipo-title">Misión y visión</h2></a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="principios-tab" data-toggle="tab" href="#principios" role="tab" aria-controls="contact" aria-selected="false"><h2 class="title equipo-title">Principios y valores</h2></a>
</li>
</ul>
</div>
<div class="tab-content container" id="quienesTabsContent">
<div class="tab-pane fade show active" id="metodologia" role="tabpanel" aria-labelledby="metodologia-tab">
{{post.meta('quienes_metodologia')}}
</div>
<div class="tab-pane fade" id="mision" role="tabpanel" aria-labelledby="mision-tab">
{{post.meta('quienes_mision_y_vision')}}
</div>
<div class="tab-pane fade" id="principios" role="tabpanel" aria-labelledby="principios-tab">
<p><a href="/principios-y-valores">Ver principios y valores</a></p>
</div>
</div>
</div>
{#
<!-- Metodologia -->
<div class="container-fluid mt-5">
<div class="section-heading">
<div class="container">
<h2 class="title equipo-title">Metodología</h2>
</div>
</div>
<div class="container pt-5 pb-5">
{{post.meta('quienes_metodologia')}}
</div>
</div>
<!-- Mision -->
<div class="container-fluid mt-5">
<div class="section-heading">
<div class="container">
<h2 class="title equipo-title">Misión y visión</h2>
</div>
</div>
<div class="container pt-5 pb-5">
{{post.meta('quienes_mision_y_vision')}}
</div>
</div>
<!-- Principios -->
<div class="container-fluid mt-5">
<div class="section-heading">
<div class="container">
<h2 class="title equipo-title">Principios y valores</h2>
</div>
</div>
<div class="container pt-5 pb-5">
<p><a href="/principios-y-valores">Ver principios y valores</a></p>
</div>
</div>
#}
<!-- Equipo -->
<div class="container-fluid mt-5">
<div class="section-heading">
<div class="container">
<h2 class="title equipo-title">Equipo</h2>
</div>
</div>
<div class="container pt-5 pb-5">
<div class="row">
{{ posts_by_type('team',30,'posts-team-members.twig') }}
</div>
</div>
</div>
<!-- Transparencia -->
<div class="container-fluid transparencia">
<div class="section-heading mt-5 mb-3">
<div class="container">
<h2 class="title transparencia-title">Transparencia</h2>
</div>
</div>
<div class="row">
<div class="col-md-8 item-1">
<div class="d-flex flex-column h-100">
<div class="quienes-slider">
{{post.meta('galeria_transparencia')}}
</div>
</div>
</div>
<div class="col-md-4 item-2">
<div class="d-flex flex-column h-100">
<div class="transparencia-block-1 p-5 d-flex flex-column h-100">
<p class="lead font-weight-bold mb-auto">{{post.meta('dossier').title}}</p>
<p class="mb-0"><a href="{{post.meta('dossier').url}}" class="btn btn-light" target="_blank">Descargar</a></p>
</div>
<div class="transparencia-block-2 p-5 d-flex flex-column h-100">
<p class="lead font-weight-bold mb-auto">{{post.meta('resumen').title}}</p>
<p class="mb-0"><a href="{{post.meta('resumen').url}}" class="btn btn-light" target="_blank">Descargar</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- FIN Quienes somos -->
<div class="container-fluid mt-5 pt-5">
{% include 'block-network.twig' %}
{% include 'block-clientes.twig' %}
</div>
{% elseif post.id == '29' or post.id == '37' or post.id == '66' or post.id == '70' or post.id == '72' %}
{% if post.id == '29' or post.id == '37' or post.id == '66' or post.id == '70' or post.id == '72' %}
<div class="container-fluid mt-5 pb-5 page-servicios que-hacemos" style="background-image:url({% if post.id == '29' %}{{site.theme.link}}/public/img/icono_investigacion3x.png{% elseif post.id == '37' %}{{site.theme.link}}/public/img/icono_evaluacion3x.png{% elseif post.id == '66' %}{{site.theme.link}}/public/img/icono_formacion3x.png{% elseif post.id == '70' %}{{site.theme.link}}/public/img/icono_intervencion3x.png{% elseif post.id == '72' %}{{site.theme.link}}/public/img/icono_consultoria3x.png{% endif %}); background-repeat:no-repeat; background-position:-50px 0; background-size:250px;">
<div class="section-heading border-bottom mb-3 pt-5 mb-5">