From 96b9586842658f8c2948ff69821419843d21cd37 Mon Sep 17 00:00:00 2001
From: n3storm <nestor@estudionexos.com>
Date: Wed, 30 Jul 2025 17:03:12 +0000
Subject: [PATCH] Listado de servicios en frontpage a partir de subitems del
 menu servicios

---
 style.css                      |  3 +-
 views/frontpage-servicios.twig | 61 ++++++++--------------------------
 views/frontpage.twig           | 48 +-------------------------
 views/menu-servicios.twig      | 29 ++++++++++++++++
 4 files changed, 46 insertions(+), 95 deletions(-)
 create mode 100644 views/menu-servicios.twig

diff --git a/style.css b/style.css
index 81c23f3..21fc24f 100644
--- a/style.css
+++ b/style.css
@@ -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; }
diff --git a/views/frontpage-servicios.twig b/views/frontpage-servicios.twig
index c7945bb..202893b 100644
--- a/views/frontpage-servicios.twig
+++ b/views/frontpage-servicios.twig
@@ -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>-->#}
+#}
diff --git a/views/frontpage.twig b/views/frontpage.twig
index 454475c..9decdbd 100644
--- a/views/frontpage.twig
+++ b/views/frontpage.twig
@@ -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">
diff --git a/views/menu-servicios.twig b/views/menu-servicios.twig
new file mode 100644
index 0000000..951e290
--- /dev/null
+++ b/views/menu-servicios.twig
@@ -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 %}
\ No newline at end of file