Skip to content

Commit dab7660

Browse files
JaviserranocJaviserranoc
committed
feat: Minimal modification and page addition
1 parent 4e4b3ee commit dab7660

17 files changed

Lines changed: 798 additions & 313 deletions

‎assets/css/eventos.css‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
2+
3+
/* Global */
4+
body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
5+
6+
/* Gradientes Corporativos */
7+
.prob-gradient-text {
8+
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #06b6d4 100%);
9+
-webkit-background-clip: text;
10+
-webkit-text-fill-color: transparent;
11+
background-clip: text;
12+
}
13+
14+
/* Animaciones */
15+
.animate-fade-in {
16+
animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
17+
opacity: 0;
18+
transform: translateY(20px);
19+
}
20+
21+
@keyframes fadeInUp {
22+
to { opacity: 1; transform: translateY(0); }
23+
}
24+
25+
/* Tarjetas de Evento */
26+
.event-card {
27+
transition: all 0.3s ease;
28+
border-left: 4px solid transparent;
29+
}
30+
.event-card:hover {
31+
transform: translateY(-3px);
32+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
33+
border-left-color: #2563eb;
34+
}
35+
36+
/* Date Badge Style */
37+
.date-badge {
38+
background: #f8fafc;
39+
border: 1px solid #e2e8f0;
40+
border-radius: 0.75rem;
41+
display: flex;
42+
flex-direction: column;
43+
align-items: center;
44+
justify-content: center;
45+
width: 70px;
46+
height: 70px;
47+
text-align: center;
48+
}
49+
.date-day { font-size: 1.5rem; font-weight: 800; line-height: 1; color: #1e3a8a; }
50+
.date-month { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: #64748b; margin-top: 2px; }
51+
52+
/* Status Tags */
53+
.status-open { background-color: #ecfdf5; color: #059669; border: 1px solid #a7f3d0; }
54+
.status-closed { background-color: #f3f4f6; color: #6b7280; border: 1px solid #e5e7eb; }
55+
.status-soon { background-color: #fffbeb; color: #d97706; border: 1px solid #fde68a; }

‎assets/css/noticias.css‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
2+
3+
body { font-family: 'Inter', sans-serif; }
4+
5+
/* Gradientes Corporativos */
6+
.prob-gradient-text {
7+
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #06b6d4 100%);
8+
-webkit-background-clip: text;
9+
-webkit-text-fill-color: transparent;
10+
background-clip: text;
11+
}
12+
13+
.animate-fade-in { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; transform: translateY(20px); }
14+
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }
15+
16+
/* News card interactions */
17+
.news-card { transition: all 0.3s ease; }
18+
.news-card:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
19+
.news-card:hover .news-title { color: #2563eb; }
20+
21+
.tag-tech { background-color: #eff6ff; color: #2563eb; }
22+
.tag-event { background-color: #f0fdf4; color: #16a34a; }
23+
.tag-institucional { background-color: #f3f4f6; color: #4b5563; }
24+
25+
.filter-btn.active { background-color: #111827; color: white; border-color: #111827; }
26+
27+
.fade-in-up { animation: fadeInUp 0.5s ease-out forwards; }
28+
29+
/* Responsive tweaks */
30+
@media (min-width: 768px) {
31+
.prob-hero-title { font-size: 3.5rem; }
32+
}

‎assets/css/problematica.css‎

Lines changed: 38 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -374,14 +374,19 @@
374374
color: rgba(255,255,255,0.95);
375375
}
376376

377-
/* Eficiencia hero metrics (match sequía background + grid) */
377+
/* Eficiencia hero metrics: light mode by default, dark overrides below */
378378
#hero-metrics {
379-
background-color: #002b4d; /* deep navy (slightly darker than #003366) */
380-
color: white;
379+
background-color: var(--prob-light); /* light background in default (light mode) */
380+
color: #111827; /* dark text for light mode */
381381
position: relative;
382382
overflow: hidden;
383383
}
384384

385+
.dark #hero-metrics {
386+
background-color: #002b4d; /* deep navy for dark mode */
387+
color: white;
388+
}
389+
385390
#hero-metrics .sequia-overlay {
386391
position: absolute;
387392
inset: 0;
@@ -395,29 +400,56 @@
395400
}
396401

397402
#hero-metrics .features-item {
403+
padding: 1.8rem 1.25rem;
404+
border-radius: 12px;
405+
background: linear-gradient(180deg, rgba(37,99,235,0.06), rgba(14,165,233,0.03));
406+
border: 1px solid rgba(37,99,235,0.12);
407+
color: var(--prob-dark);
408+
transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.2s ease;
409+
}
410+
411+
.dark #hero-metrics .features-item {
398412
background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
399413
border: 1px solid rgba(255,255,255,0.06);
400414
color: white; /* Cards should have white text on deep blue */
401415
}
402416

403417
#hero-metrics .features-title {
404-
color: #ffffff !important;
418+
color: #111827 !important;
405419
}
406420

407421
#hero-metrics .features-description {
408-
color: rgba(255,255,255,0.92) !important;
422+
color: #374151 !important;
423+
}
424+
425+
.dark #hero-metrics .features-title {
426+
color: #f3f4f6 !important; /* Gray 100/white for dark mode */
427+
}
428+
429+
.dark #hero-metrics .features-description {
430+
color: #d1d5db !important; /* Gray 300 for dark mode */
409431
}
410432

411433
/* hero metrics title and paragraph overrides */
412434
#hero-metrics h2, #hero-metrics .text-xl, #hero-metrics p {
435+
color: #111827 !important;
436+
}
437+
.dark #hero-metrics h2, .dark #hero-metrics .text-xl, .dark #hero-metrics p {
413438
color: rgba(255,255,255,0.95) !important;
414439
}
415440

416441
#hero-metrics .features-title span {
417-
color: rgba(255,255,255,0.9) !important; /* units pale white */
442+
color: rgba(0,0,0,0.8) !important; /* units pale for light mode */
443+
}
444+
.dark #hero-metrics .features-title span {
445+
color: rgba(255,255,255,0.9) !important;
418446
}
419447

420448
#hero-metrics .features-item .features-icon {
449+
background: linear-gradient(135deg, rgba(37,99,235,0.95), rgba(14,165,233,0.95));
450+
color: var(--prob-secondary);
451+
}
452+
.dark #hero-metrics .features-item .features-icon {
421453
background: rgba(255,255,255,0.08);
422454
color: #ffffff;
423455
}

‎assets/css/publicaciones.css‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
2+
3+
body { font-family: 'Inter', sans-serif; }
4+
5+
.prob-gradient-text {
6+
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #06b6d4 100%);
7+
-webkit-background-clip: text;
8+
-webkit-text-fill-color: transparent;
9+
background-clip: text;
10+
}
11+
12+
.animate-fade-in { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; transform: translateY(20px); }
13+
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }
14+
15+
.pub-card { transition: all 0.3s ease; border-left: 4px solid transparent; }
16+
.pub-card:hover { transform: translateY(-3px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border-left-color: #2563eb; }
17+
18+
.badge-q1 { background-color: #fef3c7; color: #d97706; border: 1px solid #fcd34d; }
19+
.badge-oa { background-color: #ecfdf5; color: #059669; border: 1px solid #6ee7b7; }
20+
21+
.filter-btn.active { background-color: #1e3a8a; color: white; border-color: #1e3a8a; }
22+
23+
.fade-in-up { animation: fadeInUp 0.5s ease-out forwards; }
24+
25+
/* Topic button styles */
26+
.topic-btn.active { background-color: #1e3a8a; color: white; border-color: #1e3a8a; }

‎config/_default/params.yaml‎

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -44,11 +44,11 @@ header:
4444
show_search: true
4545
show_theme_chooser: true
4646

47-
# Site footer
48-
footer:
49-
notice: 'This is a sample notice for the footer.'
50-
copyright:
51-
notice: 'Background by SVGBackgrounds.com'
47+
# # Site footer
48+
# footer:
49+
# notice: 'This is a sample notice for the footer.'
50+
# copyright:
51+
# notice: 'Background by SVGBackgrounds.com'
5252

5353
# Localization
5454
# locale:
@@ -57,4 +57,30 @@ footer:
5757

5858
i_am_a_sponsor: true
5959
powerUps:
60-
hide_published_with: false
60+
hide_published_with: false
61+
62+
# Labels and external assets for the Eventos page
63+
eventos:
64+
agenda_title: "Agenda Próxima"
65+
view_calendar: "Ver calendario completo"
66+
calendar_url: "#"
67+
register_text: "Inscribirse Gratis"
68+
program_text: "Programa (PDF)"
69+
waiting_text: "Esperando fecha"
70+
details_text: "Detalles"
71+
details_url: "#"
72+
past_gallery_text: "Ver Galería"
73+
read_summary_text: "Leer resumen"
74+
contact_cta_title: "¿Quieres organizar una actividad con nosotros?"
75+
contact_cta_text: "Estamos abiertos a colaborar con instituciones educativas y asociaciones para divulgar la ciencia del agua."
76+
contact_email: "info@isat-project.es"
77+
contact_button_text: "Contactar con el equipo de Divulgación"
78+
date_format: "2 Jan, 2006"
79+
status_classes:
80+
"Inscripción Abierta": "status-open"
81+
"Próximamente": "status-soon"
82+
"default": "status-closed"
83+
84+
assets:
85+
tailwind_cdn: "https://cdn.tailwindcss.com"
86+
fontawesome_css: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"

‎content/eventos.md‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
title: "Eventos y Divulgación"
3+
date: 2024-05-15T10:00:00+01:00
4+
description: "Espacio de encuentro para la transferencia de conocimiento. Participa en nuestros talleres técnicos, jornadas y conferencias."
5+
title_short: "Agenda iSAT"
6+
type: landing
7+
layout: eventos
8+
hero:
9+
pretitle: "Agenda iSAT"
10+
title: "Eventos y Divulgación"
11+
subtitle: "Espacio de encuentro para la transferencia de conocimiento. Participa en nuestros talleres técnicos, jornadas de puertas abiertas y conferencias científicas."
12+
featured: "featured-1"
13+
---
14+
15+
Aquí encontrarás la agenda de eventos y actividades de divulgación de iSAT. Si quieres organizar una actividad con nosotros, ponte en contacto.

‎content/noticias.md‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
title: "Noticias"
3+
date: 2025-12-15
4+
type: landing
5+
layout: noticias
6+
subtitle: "Sala de Prensa"
7+
8+
sections:
9+
- block: hero
10+
id: hero
11+
content:
12+
announcement: "Sala de Prensa"
13+
title: "Actualidad del Proyecto iSAT"
14+
subtitle: "Sigue de cerca los avances tecnológicos, hitos de implementación y eventos de divulgación relacionados con la gestión inteligente del agua subterránea."
15+
16+
- block: featured
17+
id: featured
18+
content:
19+
title: "Finalizada la instalación de sensores en Sierra de Yeguas"
20+
date: "15 Marzo, 2024"
21+
category: "Tecnología"
22+
featured_image: "https://images.unsplash.com/photo-1542601906990-b4d3fb7d5b73?q=80&w=2070&auto=format&fit=crop"
23+
summary: "El equipo técnico de ERTIS y CEHIUMA ha completado el despliegue del nodo piloto en la zona de presión agrícola."
24+
url: "/news/2025-03-15-instalacion-sierra-de-yeguas/"
25+
26+
- block: items
27+
id: items
28+
content:
29+
items:
30+
- title: "Finalizada la instalación de sensores en Sierra de Yeguas"
31+
date: "15 Marzo, 2024"
32+
category: "Tecnología"
33+
featured_image: "https://images.unsplash.com/photo-1542601906990-b4d3fb7d5b73?q=80&w=2070&auto=format&fit=crop"
34+
summary: "El equipo técnico completó el despliegue del nodo piloto; los primeros datos de nitratos ya llegan a la plataforma cloud."
35+
url: "/news/2025-03-15-instalacion-sierra-de-yeguas/"
36+
- title: "Validación en laboratorio de los algoritmos de IA"
37+
date: "10 Febrero, 2024"
38+
category: "Tecnología"
39+
featured_image: "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?q=80&w=1000&auto=format&fit=crop"
40+
summary: "Pruebas en HidroLab confirman la correlación entre conductividad y nitratos con alta precisión."
41+
url: "/news/2025-02-10-validacion-laboratorio/"
42+
---

‎content/publicaciones.md‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
---
2+
title: "Publicaciones"
3+
date: 2025-12-15
4+
type: landing
5+
layout: publicaciones
6+
subtitle: "Producción Científica"
7+
sections:
8+
- block: hero
9+
id: hero
10+
content:
11+
announcement: "Difusión de Resultados"
12+
title: "Producción Científica"
13+
text: "Recopilación de artículos en revistas de alto impacto (JCR), ponencias en congresos internacionales y tesis doctorales generadas en el marco del proyecto iSAT."
14+
topics: ["Hidrogeología","Machine Learning","IoT","Nitratos"]
15+
16+
- block: items
17+
id: items
18+
content:
19+
items:
20+
- category: "journal"
21+
badges: ["Q1","OA"]
22+
topics: ["Nitratos","Machine Learning"]
23+
venue: "Journal of Hydrology · 2024"
24+
title: "Application of Machine Learning for Nitrate Prediction in Karst Springs using low-cost soft sensors"
25+
authors: "A.J. Chaves, M. Mudarra, B. Andreo, M. Díaz"
26+
summary: "Novel approach for predicting nitrate concentrations in karst aquifers using ANN fed by conductivity and turbidity."
27+
links:
28+
doi: "#"
29+
pdf: "#"
30+
- category: "congress"
31+
badges: ["EuroKarst 2024"]
32+
topics: ["Field","Nitratos"]
33+
venue: "Roma, Italia · Junio 2024"
34+
title: "Preliminary results of the iSAT early warning system in Sierra de Yeguas pilot site"
35+
authors: "J.A. Barberá, M.A. Fortes, C. Martín, B. Andreo"
36+
summary: "Early field results and system performance at the pilot site."
37+
links:
38+
abstract: "#"
39+
- category: "journal"
40+
badges: ["Q1","OA"]
41+
topics: ["IoT","Hardware"]
42+
venue: "Sensors (MDPI) · 2023"
43+
title: "Design of an autonomous IoT node for remote groundwater monitoring: The iSAT architecture"
44+
authors: "L.M. Llopis, C. Martín, M. Díaz"
45+
summary: "Low-power hardware architecture based on ESP32 with hybrid communications for remote deployment."
46+
links:
47+
doi: "#"
48+
pdf: "#"
49+
- category: "thesis"
50+
badges: ["Tesis Doctoral"]
51+
topics: ["Machine Learning"]
52+
venue: "Universidad de Málaga · En curso"
53+
title: "Algoritmos predictivos para la gestión de la calidad del agua en acuíferos sobreexplotados"
54+
authors: "A.J. Chaves"
55+
summary: "Tesis doctoral en desarrollo que propone soft sensors y modelos predictivos para gestión en redes de abastecimiento."
56+
links:
57+
ficha: "#"
58+
---

0 commit comments

Comments
 (0)