Listado de servicios en frontpage a partir de subitems del menu servicios

This commit is contained in:
2025-07-30 17:03:12 +00:00
parent 1f294465a3
commit 96b9586842
4 changed files with 46 additions and 95 deletions

View File

@@ -88,7 +88,8 @@ img { opacity:.9; }
.linea { height:10px; border-radius:5px; }
.linea-consultoria { background-color:#FF8D76; }
.linea-investigacion { background-color:#9dcd8f; }
.linea-investigacion,
.linea-investigacion-social-aplicada { background-color:#9dcd8f; }
.linea-evaluacion { background-color:#fba451; }
.linea-intervencion { background-color:#63B0B6; }
.linea-formacion { background-color:#f3bd48; }

View File

@@ -1,4 +1,15 @@
<div class="row text-right frontpage-servicios-row">
<div class="col-md">
<div class="h-100 p-4 d-flex align-items-end justify-content-end" style="background-color:#1E6F81; ">
<div class="section-title text-right text-white text-uppercase letter-spacing-3">Servicios</div>
</div>
</div>
{{include('menu-servicios.twig',{'menu':menu_old})}}
</div>
{#<div class="row text-right frontpage-servicios-row">
<div class="col-md-4">
<div class="h-100 p-4 d-flex align-items-end justify-content-end" style="background-color:#1E6F81; ">
<div class="section-title text-right text-white text-uppercase letter-spacing-3">Servicios</div>
@@ -18,6 +29,8 @@
</div>
</div>
<div class="row text-right mt-0 mt-sm-4 frontpage-servicios-row">
<div class="col-md-4">
</div>
<div class="col-md-4">
<a href="{{ site.url }}/servicios/evaluacion" class="d-block border-bottom h-100" style="background:url('{{site.theme.link}}/public/img/icono_evaluacion_2x.png') no-repeat 100% 85%;">
<div class="linea linea-evaluacion mb-3"></div>
@@ -37,50 +50,4 @@
</a>
</div>
</div>
{#<!--<div class="d-flex">
<h2 class="w-50 ml-auto title">Servicios</h2>
</div>
<div class="d-flex flex-column h-100">
<a href="{{ site.url }}/servicios/consultoria" class="clearfix border-bottom border-top">
<div class="w-50 float-left h-100 text-center d-flex align-items-center">
<div><img src="{{site.theme.link}}/public/img/icono_consultoria2x.png" alt=""></div>
</div>
<div class="w-50 float-right h-100 d-flex align-items-center">
<div class="font-weight-bold">Consultoría</div>
</div>
</a>
<a href="{{ site.url }}/servicios/investigacion-social-aplicada" class="clearfix border-bottom">
<div class="w-50 float-left h-100 text-center d-flex align-items-center">
<div><img src="{{site.theme.link}}/public/img/icono_investigacion2x.jpg" alt=""></div>
</div>
<div class="w-50 float-right h-100 d-flex align-items-center">
<div class="font-weight-bold">Investigación social aplicada</div>
</div>
</a>
<a href="{{ site.url }}/servicios/evaluacion-externa-y-evaluacion-participativa" class="clearfix border-bottom">
<div class="w-50 float-left h-100 text-center d-flex align-items-center">
<div><img src="{{site.theme.link}}/public/img/icono_evaluacion2x.png" alt=""></div>
</div>
<div class="w-50 float-right h-100 d-flex align-items-center">
<div class="font-weight-bold">Evaluación externa y participativa</div>
</div>
</a>
<a href="{{ site.url }}/servicios/intervencion-social-y-educativa" class="clearfix border-bottom">
<div class="w-50 float-left h-100 text-center d-flex align-items-center">
<div><img src="{{site.theme.link}}/public/img/icono_intervencion2x.png" alt=""></div>
</div>
<div class="w-50 float-right h-100 d-flex align-items-center">
<div class="font-weight-bold">Intervención social y educativa</div>
</div>
</a>
<a href="{{ site.url }}/servicios/formacion" class="clearfix border-bottom">
<div class="w-50 float-left h-100 text-center d-flex align-items-center">
<div><img src="{{site.theme.link}}/public/img/icono_formacion2x.png" alt=""></div>
</div>
<div class="w-50 float-right h-100 d-flex align-items-center">
<div class="font-weight-bold">Formación</div>
</div>
</a>
</div>-->#}
#}

View File

@@ -28,36 +28,7 @@
</p>
</div>
{#<!--<div id="section-1" class="container-fluid">
<div class="row">
<div class="servicios col-lg-5 item-1">
{% include 'frontpage-servicios.twig' %}
</div>
<div class="col-lg-7 item-2">
<h2 class="ml-6 title destacamos-title">Destacamos</h2>
<div class="d-flex flex-column h-100">
<div class="frontpage-slider">
{{ frontpage_posts(3,'frontpage-slider.twig') }}
</div>
<div class="somos mt-3 d-flex h-100 align-items-center">
<div>
<h3 class="mb-3 mt-1">Quiénes somos</h3>
<p class="lead font-weight-bold mb-4">Somos un equipo interdisciplinar, caracterizado por la horizontalidad, la gestión democrática y la participación.</p>
<p class="mb-0"><a href="" class="btn btn-outline-light">Conócenos</a></p>
</div>
</div>
</div>
</div>
</div>
</div>-->#}
<div id="section-1-bis" class="container mt-4">
<div id="section-1-bis" class="container-fluid mt-4">
{% include 'frontpage-servicios.twig' %}
@@ -77,23 +48,6 @@
</div>
</div>
{#<!--<div id="section-2" class="container mt-5">
<div class="d-flex justify-content-between">
<div><h2 class="title proyectos-title">Proyectos</h2></div>
<div><a href="{{ site.url }}/proyectos" class="btn btn-danger">Ver todos</a></div>
</div>
{% if is_mobile %}
{{ posts_by_term('category','proyectos',-1,'post','frontpage-proyectos-slider.twig') }}
{% elseif is_tablet %}
{{ posts_by_term('category','proyectos',-1,'post','frontpage-proyectos-slider_md.twig') }}
{% elseif is_desktop %}
{{ posts_by_term('category','proyectos',-1,'post','frontpage-proyectos-slider_lg.twig') }}
{% endif %}
</div>-->#}
<div id="section-2-bis" class="container mt-5">
<div class="row text-right project-row">

29
views/menu-servicios.twig Normal file
View File

@@ -0,0 +1,29 @@
{% if menu %}
{% for item in menu.items %}
{% if item.slug == 'servicios' %}
{% set icon = '' %}
{% for subitem in item.children %}
{% if 'investigacion' in subitem.slug %}
{% set icon = 'icono_investigacion_2x.png' %}
{% else %}
{% set icon = 'icono_' ~ subitem.slug ~ '_2x.png' %}
{% endif %}
<div class="col-md">
<a href="{{ subitem.url }}" class="d-block border-bottom h-100" style="background:url('{{site.theme.link}}/public/img/{{ icon }}') no-repeat 100% 85%;">
<div class="linea linea-{{ subitem.slug }} mb-3"></div>
<div class="frontpage-servicios-title font-weight-bold">{{ subitem.title }}</div>
</a>
</div>
{% endfor %}
{% endif %}
</li>
{% endfor %}
{% endif %}