Files
andaira/views/page.twig
2025-07-29 11:08:33 +00:00

356 lines
13 KiB
Twig

{% 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 {% if post.id == '29' or post.id == '37' or post.id == '66' or post.id == '70' or post.id == '72' %}page-servicios{% endif %}">
<div class="container">
{{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' %}
<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">
<div class="container">
<h2 class="title underline">Qué hacemos</h2>
</div>
</div>
<div class="section-body container">
<div class="row">
{#<div class="col-md-2">#}
{#{% if post.id == '29' %}
<img src="{{site.theme.link}}/public/img/icono_investigacion3x.png" alt="{{ post.title }}" />
{% elseif post.id == '37' %}
<img src="{{site.theme.link}}/public/img/icono_evaluacion3x.png" alt="{{ post.title }}" />
{% elseif post.id == '66' %}
<img src="{{site.theme.link}}/public/img/icono_formacion3x.png" alt="{{ post.title }}" />
{% elseif post.id == '70' %}
<img src="{{site.theme.link}}/public/img/icono_intervencion3x.png" alt="{{ post.title }}" />
{% elseif post.id == '72' %}
<img src="{{site.theme.link}}/public/img/icono_consultoria3x.png" alt="{{ post.title }}" />
{% endif %}#}
{#</div>#}
<div class="col-md-10 offset-md-2">
{{post.meta('que_hacemos')}}
</div>
</div>
</div>
</div>
<div class="container-fluid mt-5 pb-5 page-servicios como-hacemos">
<div class="section-heading border-bottom mb-3 pt-5 mb-2">
<div class="container">
<h2 class="title underline">Cómo lo hacemos</h2>
</div>
</div>
<div class="section-body container-fluid">
<div class="row">
<div class="col-md-4">
<img src="{{post.meta('imagen_como_lo_hacemos').url}}" class="img-fluid" alt="{{ post.title }}">
{#{% if post.id == '29' %}
<img src="{{site.theme.link}}/public/img/como-hacemos-consultoria.jpg" alt="{{ post.title }}" />
{% elseif post.id == '37' %}
<img src="{{site.theme.link}}/public/img/icono_evaluacion3x.png" alt="{{ post.title }}" />
{% elseif post.id == '66' %}
<img src="{{site.theme.link}}/public/img/icono_formacion3x.png" alt="{{ post.title }}" />
{% elseif post.id == '70' %}
<img src="{{site.theme.link}}/public/img/icono_intervencion3x.png" alt="{{ post.title }}" />
{% elseif post.id == '72' %}
<img src="{{site.theme.link}}/public/img/icono_consultoria3x.png" alt="{{ post.title }}" />
{% endif %}#}
</div>
<div class="col-md-8 pt-5 pr-5">
{{post.meta('como_lo_hacemos')}}
</div>
</div>
</div>
</div>
{#<!--<div class="container-fluid mt-5 pb-5 page-servicios proyectos servicio-{{post.id}}">
<div class="section-heading border-bottom mb-3 pt-5">
<div class="container">
<h2 class="title underline">Proyectos relacionados</h2>
</div>
</div>
<div id="areas-filter" class="mb-5 mt-5 pb-5 pt-2 collapse show" data-parent="#main-filter">
<div class="container-fluid pb-3 term-filter">
<div class="row text-uppercase font-weight-bold d-flex flex-row mr-5 ml-5">
<div class="term-filter-item">
<span class="d-block h-100 p-4 d-flex h-100 align-items-top border-right"><small>Filtrar por áreas de trabajo</small></span>
</div>
{% for term in areas %}
<div class="term-filter-item">
<a href="#projects{{loop.index}}" data-toggle="collapse" aria-expanded="true" aria-controls="projects{{loop.index}}" class="d-block h-100 p-4 d-flex h-100 align-items-center {% if not loop.last %}border-right{% endif %}"><small>{{term.name}}</small></a>
</div>
{% endfor %}
</div>
</div>
<div class="container proyectos pt-5">
{% set postslug = post.slug %}
{% for term in areas %}
<div id="projects{{loop.index}}" class="row collapse{% if loop.first %} show{% endif %}" data-parent="#areas-filter">
{% set slug = term.slug %}
{{ posts_by_service(-1,postslug,slug,'related_proyectos_item-servicio.twig') }}
</div>
{% endfor %}
</div>
</div>
</div>-->#}
<div class="container mt-5 pb-5 page-servicios proyectos servicio-{{post.id}}">
<div class="container proyectos">
<div class="lead mb-5 font-weight-bold">
{{post.meta('servicio_eslogan')}}
</div>
{#{% set postslug = post.slug %}
{{ posts_by_service(1,postslug,postslug,'related_proyectos_item-servicio-unico.twig') }}#}
<div class="row proyecto-unico h-100">
<div class="col-md-4">
<img src="{{post.meta('proyecto_destacado').thumbnail|resize(500,500)}}" class="img-fluid" alt="{{post.meta('proyecto_destacado').title}}">
</div>
<div class="col-md-8">
<div class="linea {% for term in post.meta('proyecto_destacado').terms %}{% if term.slug == 'investigacion-social-aplicada' %}linea-investigacion {% elseif term.slug == 'evaluacion-externa-y-participativa' %}linea-evaluacion {% elseif term.slug == 'formacion' %}linea-formacion {% elseif term.slug == 'intervencion-social-y-educativa' %}linea-intervencion {% elseif term.slug == 'consultoria' %}linea-consultoria {% endif %}{% endfor %} mb-3 w-50"></div>
<h3><a href="{{post.meta('proyecto_destacado').link}}">{{ post.meta('proyecto_destacado').title }}</a></h3>
<a href="{{post.meta('proyecto_destacado').link}}"><img src="/wp-content/themes/andaira/public/img/right-arrow.png" alt="{{ post.meta('proyecto_destacado').title }}" /></a>
<div class="text-right text-uppercase font-weight-bold proyecto-unico-term">
{% for term in post.meta('proyecto_destacado').terms %}
{% if term.slug == 'investigacion-social-aplicada' %}<!--investigacion-->
{{ term }}
{% elseif term.slug == 'evaluacion-externa-y-participativa' %}<!--evaluacion-->
{{ term }}
{% elseif term.slug == 'formacion' %}<!--formacion-->
{{ term }}
{% elseif term.slug == 'intervencion-social-y-educativa' %}<!--intervencion-->
{{ term }}
{% elseif term.slug == 'consultoria' %}<!--consultoria-->
{{ term }}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="servicios-info-adicional text-right text-uppercase text-white font-weight-bold pt-5 pb-5" style="background:url('{{site.theme.link}}/public/img/bg-servicios-info-adicional.png') repeat-y">
<div class="container">
<p class="mb-0">Llámanos y solicita información adicional<br>915 42 83 43</p>
</div>
</div>
<div class="container-fluid mt-3 page-servicios otros-servicios">
<div class="section-heading border-bottom mb-5 pt-5">
<div class="container">
<h2 class="title underline">Otros servicios</h2>
</div>
</div>
<div class="row">
{% for post in servicios %}
<div class="col-fifth pb-5">
<a href="{{ post.link }}" class="d-block {% if not loop.first %}border-left{% endif %} pl-4 pr-4">
{% if post.id == '29' %}
<img src="{{site.theme.link}}/public/img/icono_investigacion2x.png" alt="{{ post.title }}" />
{% elseif post.id == '37' %}
<img src="{{site.theme.link}}/public/img/icono_evaluacion2x.png" alt="{{ post.title }}" />
{% elseif post.id == '66' %}
<img src="{{site.theme.link}}/public/img/icono_formacion2x.png" alt="{{ post.title }}" />
{% elseif post.id == '70' %}
<img src="{{site.theme.link}}/public/img/icono_intervencion2x.png" alt="{{ post.title }}" />
{% elseif post.id == '72' %}
<img src="{{site.theme.link}}/public/img/icono_consultoria2x.png" alt="{{ post.title }}" />
{% endif %}
{#<img src="{{site.theme.link}}/public/img/icono_{{post.slug}}.png" alt="">#}
<div class="font-weight-bold pt-3 pb-2">{{ post.title }}</div>
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</div>
{% endblock %}