-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
136 lines (127 loc) · 8.75 KB
/
index.php
File metadata and controls
136 lines (127 loc) · 8.75 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<?php
require_once __DIR__ . '/includes/session.php';
ensure_session_started();
require_once 'includes/auth.php'; // For is_admin_logged_in()
require_once __DIR__ . '/includes/db_connect.php'; // Provides $pdo
/** @var PDO $pdo */
$db_warning = '';
if (!$pdo) {
$db_warning = "<p class='db-warning'>Contenido en modo lectura: base de datos no disponible.</p>";
}
require_once 'includes/text_manager.php';// For editableText()
require_once 'includes/ai_utils.php';
require_once __DIR__ . '/includes/homonexus.php';?><!DOCTYPE html>
<html lang="es">
<head>
<title>Condado de Castilla - Cuna de tu Cultura y Lengua</title>
<?php include __DIR__ . '/includes/head_common.php'; ?>
<?php
require_once __DIR__ . '/includes/load_page_css.php';
load_page_css();
?>
</head>
<body class="alabaster-bg <?php echo homonexus_body_class(); ?>">
<div id="layer-sky" class="parallax-layer" data-speed="0.2"></div>
<div id="layer-ruins" class="parallax-layer" data-speed="0.4"></div>
<div id="layer-grass" class="parallax-layer" data-speed="0.6"></div>
<?php echo $db_warning; ?>
<?php
require_once __DIR__ . '/fragments/header.php';
?>
<main class="container-epic px-4 sm:px-6 lg:px-8 py-8">
<section id="hero" class="section hero-section text-center py-12 sm:py-16 lg:py-20" data-aos="fade-up">
<?php editableText('hero_titulo_index', $pdo, 'Condado de Castilla', 'h1', 'text-4xl lg:text-6xl font-bold gradient-text tagline-background font-headings mb-4'); ?>
<p class="hero-summary">
<a href="/historia/historia.php" class="block">
Desde su origen romano como <span class="gradient-text">Auca Patricia</span>, Cerezo de Río Tirón conserva calzadas y murallas junto al Ebro. En el siglo VIII se alzó el <span class="gradient-text">Alcázar de Cerasio</span>, construido con alabastro reutilizado y sede de los primeros condes.
</a>
</p>
<?php editableText('hero_subtitulo_index', $pdo, 'Donde la historia, la cultura y tu lengua tomaron forma.', 'p', 'text-xl lg:text-2xl text-gray-700 dark:text-gray-300 font-body mb-8'); ?>
<p class="cta-group">
<a href="/historia/historia.php" class="cta-button">Descubre la Historia</a>
<a href="/lugares/lugares.php" class="cta-button-secondary">Explora los Lugares</a>
</p>
</section>
<section id="video-intro" class="section video-intro-section py-12 sm:py-16 lg:py-20" data-aos="fade-up">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
<div>
<h2 class="section-title text-3xl font-headings mb-4">Un Vistazo a Nuestra Tierra</h2>
<?php editableText('video_descripcion_index', $pdo, 'Sumérgete en la belleza y el misterio del Condado de Castilla a través de nuestro video introductorio. Descubre paisajes que han sido testigos de la historia y maravíllate con el legado que perdura.', 'p', 'text-lg font-body mb-6'); ?>
<a href="#video-modal" class="cta-button-small open-video-modal">Ver Video</a>
</div>
<figure class="video-placeholder-container rounded-lg shadow-xl overflow-hidden">
<img src="/assets/img/hero_mis_tierras.jpg" alt="Paisaje del Condado de Castilla" class="w-full h-auto object-cover">
<figcaption class="text-center mt-2 text-sm text-gray-600 dark:text-gray-400">
Pulsa para ver el video promocional.
</figcaption>
</figure>
</div>
</section>
<!-- Modal para el video -->
<div id="video-modal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center p-4 hidden z-50" aria-labelledby="video-modal-title" role="dialog" aria-modal="true">
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-3xl w-full">
<div class="flex justify-between items-center mb-4">
<h3 id="video-modal-title" class="text-xl font-headings">Video Promocional</h3>
<button class="close-video-modal text-2xl text-gray-700 dark:text-gray-300 hover:text-red-500">×</button>
</div>
<div class="aspect-w-16 aspect-h-9">
<iframe class="w-full h-full"
src="https://drive.google.com/file/d/1wm74VmKH21Nz7zFUkY8a8Z9672D4cyHN/preview"
title="Video promocional del Condado de Castilla y Cerezo de Río Tirón"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
loading="lazy"
allowfullscreen></iframe>
</div>
<p class="text-center mt-2 text-sm">
<a href="/docs/transcripts/video_promocional.md" class="video-transcript-link underline">
Ver transcripción del video
</a>
</p>
</div>
</div>
<section id="legado-destacado" class="section alternate-bg spotlight-active py-12 sm:py-16 lg:py-20" data-aos="fade-up">
<h2 class="section-title text-3xl font-headings text-center mb-12">Explora Nuestro Legado</h2>
<div class="card-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="card transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg rounded-lg overflow-hidden">
<img loading="lazy" class="w-full h-56 object-cover" src="/assets/img/PrimerEscritoCastellano.jpg" alt="Manuscrito medieval, simbolizando la historia de Castilla">
<div class="card-content p-6">
<h3 class="font-headings text-xl mb-2">Nuestra Historia</h3>
<p class="text-lg font-body mb-4">Desde los albores de la civilización hasta la formación del Condado. Sumérgete en los relatos que definieron Castilla.</p>
<a href="/historia/historia.php" class="read-more-button">Leer Más <i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
<div class="card transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg rounded-lg overflow-hidden">
<img loading="lazy" class="w-full h-56 object-cover" src="/assets/img/RodrigoTabliegaCastillo.jpg" alt="Ruinas del Alcázar de Casio">
<div class="card-content p-6">
<h3 class="font-headings text-xl mb-2">Lugares Emblemáticos</h3>
<p class="text-lg font-body mb-4">Descubre el imponente Alcázar de Casio, la misteriosa Civitate Auca y otros tesoros arqueológicos.</p>
<a href="/lugares/lugares.php" class="read-more-button">Explorar Sitios <i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
<div class="card transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg rounded-lg overflow-hidden">
<img loading="lazy" class="w-full h-56 object-cover" src="/assets/img/Yanna.jpg" alt="Iglesia de Santa María de la Llana">
<div class="card-content p-6">
<h3 class="font-headings text-xl mb-2">Cultura Viva</h3>
<p class="text-lg font-body mb-4">Participa en nuestras tradiciones, explora el arte y la gastronomía local. Conecta con el espíritu de Castilla.</p>
<a href="/cultura/cultura.php" class="read-more-button">Descubrir Cultura <i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
</div>
</section>
<section id="llamada-accion" class="section py-12 sm:py-16 lg:py-20 text-center" data-aos="fade-up">
<h2 class="text-3xl font-headings mb-6">¿Listo para el Viaje?</h2>
<p class="text-xl font-body mb-8 max-w-2xl mx-auto">
Tu aventura en el corazón de la historia castellana comienza aquí. Planifica tu visita, únete a nuestra comunidad o simplemente aprende más sobre este fascinante rincón del mundo.
</p>
<div class="cta-group">
<a href="/visitas/visitas.php" class="cta-button">Planifica tu Visita</a>
<a href="/foro/index.php" class="cta-button-secondary">Únete al Foro</a>
</div>
</section>
</main>
<?php require_once __DIR__ . '/fragments/footer.php'; ?>
<!-- Script for video modal is now in /assets/js/video-modal.js -->
</body>
</html>