Hugging Face's logo

Spaces:
vamp3461
/
ecocalendar-planner
Running

App Files Community
vamp3461 commited on
Commit
e536b77
·
verified ·
1 Parent(s): 1a9eafb

a partir de estos datos creame un calendario con las actividades, en el formato de google calendar, con casillas ordenadsa por semana y mes Tema Clases Profesor Fecha

Browse files

Presentación 1 Ambos 11 Ago lunes
1. La ecología, sus niveles de organización y sus subdisciplinas 1 OAH 14 Ago
1.1. La ecología como una ciencia integradora
1.2. Aportaciones del conocimiento ecológico a otras disciplinas (ejemplos en salud, ambiente, arte, ética). jueves
1.3. Diferentes formas de abordar los sistemas ecológicos (subdisciplinas de la ecología)
1.4. Los individuos y su ambiente
2. Ecología de poblaciones 4 IRAR 18 Ago lunes
2.1. Propiedades emergentes de las poblaciones 21 Ago jueves
2.2. Demografía y dinámica poblacional 25 Ago lunes
2.3. Métodos de muestreo y análisis en poblaciones 28 Ago jueves
2.4. Aplicaciones de la ecología de poblaciones. Metapoblaciones
Examen 1 1 Ambos 01-sep lunes
3. Historias de vida 2 OAH
3.1. Historias de vida y sus componentes 04-sep jueves
3.2. Factores que limitan la diversidad de las historias de vida 08-sep lunes Issac en campo
3.3. Disyuntivas (trade-offs) de historia de vida
3.4. Tipos de historias de vida
Examen 2 1 OAH 11-sep jueves Issac en campo
Inhábil 15-sep lunes
4. Interacciones ecológicas 2 IRAR
4.1. Clasificación de las interacciones ecológicas
4.2. Competencia 18-sep jueves Omar en campo
4.3. Depredación 22-sep lunes
4.4. Mutualismo
4.5. Coevolución
4.6. Aplicaciones del estudio de las interacciones
Examen 3 1 OAH 25-sep jueves paro
5. Ecología de comunidades 3(2) OAH 29-sep lunes Examen 3
5.1. Definición. Propiedades emergentes
5.2. La naturaleza de las comunidades: escuelas organísmica e individualista 02-oct jueves paro
5.3. La diversidad 06-oct lunes Semana cultural 6-10 oct
5.4. Las comunidades en el tiempo 09-oct jueves Semana cultural 6-10 oct
5.5. Métodos de muestreo y análisis en comunidades 13-oct lunes clase comunidades
Salida de campo 1 Ambos 16-oct jueves
5.6. Aplicaciones de la ecología de comunidades 1 OAH 20-oct lunes clase comunidades
Examen 4 (a casa) 0 OAH 20-oct
6. Ecología de ecosistemas 4(3?) IRAR 23-oct jueves
6.1. Definición. Propiedades emergentes
6.2. Productividad primaria y secundaria
6.3. Flujos de materia y energía. Redes tróficas 27-oct lunes
6.4. Fuerzas ascendentes y descendentes
6.5. Ciclos biogeoquímicos 30-oct jueves
6.6. Métodos de muestreo y análisis en ecosistemas
6.7. Integridad de los ecosistemas. Indicadores biológicos 03-nov lunes
Examen 5 1 IRAR 06-nov jueves
7. Ecología del paisaje 2 OAH 10-nov lunes
7.1. Definiciones de paisaje y principios generales. Escalas
7.2. Estructura del paisaje 13-nov jueves
7.3. Dinámica del paisaje
Inhábil 17-nov lunes
Simposio Estudiantil de Ecología 18-nov martes
Examen 6 1 OAH 20-nov jueves
24-nov lunes
27-nov jueves
Día Mundial del Suelo 3 Dic

Files changed (3) hide show
  1. README.md +9 -5
  2. calendar.html +217 -0
  3. index.html +188 -19
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Ecocalendar Planner
3
- emoji: 👀
4
- colorFrom: gray
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: EcoCalendar Planner 🌱📅
3
+ colorFrom: pink
4
+ colorTo: red
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
calendar.html ADDED
@@ -0,0 +1,217 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="es">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>EcoCalendar - Vista Mensual</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ }
15
+ .calendar-day {
16
+ min-height: 100px;
17
+ }
18
+ .event-lecture { background-color: #DBEAFE; border-left: 4px solid #3B82F6; }
19
+ .event-exam { background-color: #FEF3C7; border-left: 4px solid #F59E0B; }
20
+ .event-field { background-color: #D1FAE5; border-left: 4px solid #10B981; }
21
+ .event-holiday { background-color: #F3F4F6; border-left: 4px solid #9CA3AF; }
22
+ .event-special { background-color: #E0E7FF; border-left: 4px solid #6366F1; }
23
+ </style>
24
+ </head>
25
+ <body class="bg-gray-50">
26
+ <div class="container mx-auto px-4 py-8">
27
+ <!-- Header -->
28
+ <div class="flex justify-between items-center mb-8">
29
+ <div>
30
+ <h1 class="text-3xl font-bold text-blue-600">EcoCalendar</h1>
31
+ <h2 class="text-xl text-gray-600">Otoño 2023</h2>
32
+ </div>
33
+ <div class="flex space-x-4">
34
+ <a href="index.html" class="px-4 py-2 bg-gray-200 rounded-lg hover:bg-gray-300 transition flex items-center">
35
+ <i data-feather="calendar" class="mr-2"></i> Vista Tabla
36
+ </a>
37
+ <button onclick="window.print()" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition flex items-center">
38
+ <i data-feather="printer" class="mr-2"></i> Imprimir
39
+ </button>
40
+ </div>
41
+ </div>
42
+
43
+ <!-- Month Navigation -->
44
+ <div class="flex justify-between items-center mb-6">
45
+ <button class="p-2 rounded-full hover:bg-gray-200">
46
+ <i data-feather="chevron-left"></i>
47
+ </button>
48
+ <h3 class="text-2xl font-semibold text-gray-800">Agosto 2023</h3>
49
+ <button class="p-2 rounded-full hover:bg-gray-200">
50
+ <i data-feather="chevron-right"></i>
51
+ </button>
52
+ </div>
53
+
54
+ <!-- Calendar Grid -->
55
+ <div class="grid grid-cols-7 gap-1 mb-2">
56
+ <div class="text-center font-medium text-gray-500 py-2">Dom</div>
57
+ <div class="text-center font-medium text-gray-500 py-2">Lun</div>
58
+ <div class="text-center font-medium text-gray-500 py-2">Mar</div>
59
+ <div class="text-center font-medium text-gray-500 py-2">Mié</div>
60
+ <div class="text-center font-medium text-gray-500 py-2">Jue</div>
61
+ <div class="text-center font-medium text-gray-500 py-2">Vie</div>
62
+ <div class="text-center font-medium text-gray-500 py-2">Sáb</div>
63
+ </div>
64
+
65
+ <div class="grid grid-cols-7 gap-1 border rounded-lg overflow-hidden">
66
+ <!-- Week 1 -->
67
+ <div class="calendar-day bg-gray-50 p-2 border-r border-b">
68
+ <div class="text-right text-gray-400">30</div>
69
+ </div>
70
+ <div class="calendar-day bg-gray-50 p-2 border-r border-b">
71
+ <div class="text-right text-gray-400">31</div>
72
+ </div>
73
+ <div class="calendar-day p-2 border-r border-b">
74
+ <div class="text-right">1</div>
75
+ </div>
76
+ <div class="calendar-day p-2 border-r border-b">
77
+ <div class="text-right">2</div>
78
+ </div>
79
+ <div class="calendar-day p-2 border-r border-b">
80
+ <div class="text-right">3</div>
81
+ </div>
82
+ <div class="calendar-day p-2 border-r border-b">
83
+ <div class="text-right">4</div>
84
+ </div>
85
+ <div class="calendar-day p-2 border-b">
86
+ <div class="text-right">5</div>
87
+ </div>
88
+
89
+ <!-- Week 2 -->
90
+ <div class="calendar-day p-2 border-r">
91
+ <div class="text-right">6</div>
92
+ </div>
93
+ <div class="calendar-day p-2 border-r">
94
+ <div class="text-right">7</div>
95
+ </div>
96
+ <div class="calendar-day p-2 border-r">
97
+ <div class="text-right">8</div>
98
+ </div>
99
+ <div class="calendar-day p-2 border-r">
100
+ <div class="text-right">9</div>
101
+ </div>
102
+ <div class="calendar-day p-2 border-r">
103
+ <div class="text-right">10</div>
104
+ </div>
105
+ <div class="calendar-day p-2 border-r">
106
+ <div class="text-right">11</div>
107
+ <div class="event-lecture p-1 mt-1 text-xs rounded">Presentación<br>Ambos</div>
108
+ </div>
109
+ <div class="calendar-day p-2">
110
+ <div class="text-right">12</div>
111
+ </div>
112
+
113
+ <!-- Week 3 -->
114
+ <div class="calendar-day p-2 border-r border-t">
115
+ <div class="text-right">13</div>
116
+ </div>
117
+ <div class="calendar-day p-2 border-r border-t">
118
+ <div class="text-right">14</div>
119
+ <div class="event-lecture p-1 mt-1 text-xs rounded">1. La ecología<br>OAH</div>
120
+ </div>
121
+ <div class="calendar-day p-2 border-r border-t">
122
+ <div class="text-right">15</div>
123
+ </div>
124
+ <div class="calendar-day p-2 border-r border-t">
125
+ <div class="text-right">16</div>
126
+ </div>
127
+ <div class="calendar-day p-2 border-r border-t">
128
+ <div class="text-right">17</div>
129
+ <div class="event-lecture p-1 mt-1 text-xs rounded">1.1-1.4<br>OAH</div>
130
+ </div>
131
+ <div class="calendar-day p-2 border-r border-t">
132
+ <div class="text-right">18</div>
133
+ <div class="event-lecture p-1 mt-1 text-xs rounded">2. Ecología poblaciones<br>IRAR</div>
134
+ </div>
135
+ <div class="calendar-day p-2 border-t">
136
+ <div class="text-right">19</div>
137
+ </div>
138
+
139
+ <!-- Week 4 -->
140
+ <div class="calendar-day p-2 border-r border-t">
141
+ <div class="text-right">20</div>
142
+ </div>
143
+ <div class="calendar-day p-2 border-r border-t">
144
+ <div class="text-right">21</div>
145
+ <div class="event-lecture p-1 mt-1 text-xs rounded">2.1 Propiedades poblaciones<br>IRAR</div>
146
+ </div>
147
+ <div class="calendar-day p-2 border-r border-t">
148
+ <div class="text-right">22</div>
149
+ </div>
150
+ <div class="calendar-day p-2 border-r border-t">
151
+ <div class="text-right">23</div>
152
+ </div>
153
+ <div class="calendar-day p-2 border-r border-t">
154
+ <div class="text-right">24</div>
155
+ </div>
156
+ <div class="calendar-day p-2 border-r border-t">
157
+ <div class="text-right">25</div>
158
+ <div class="event-lecture p-1 mt-1 text-xs rounded">2.2 Demografía<br>IRAR</div>
159
+ </div>
160
+ <div class="calendar-day p-2 border-t">
161
+ <div class="text-right">26</div>
162
+ </div>
163
+
164
+ <!-- Week 5 -->
165
+ <div class="calendar-day p-2 border-r border-t">
166
+ <div class="text-right">27</div>
167
+ </div>
168
+ <div class="calendar-day p-2 border-r border-t">
169
+ <div class="text-right">28</div>
170
+ <div class="event-lecture p-1 mt-1 text-xs rounded">2.3 Métodos muestreo<br>IRAR</div>
171
+ </div>
172
+ <div class="calendar-day p-2 border-r border-t">
173
+ <div class="text-right">29</div>
174
+ </div>
175
+ <div class="calendar-day p-2 border-r border-t">
176
+ <div class="text-right">30</div>
177
+ </div>
178
+ <div class="calendar-day p-2 border-r border-t">
179
+ <div class="text-right">31</div>
180
+ </div>
181
+ <div class="calendar-day p-2 border-r border-t bg-gray-50">
182
+ <div class="text-right text-gray-400">1</div>
183
+ </div>
184
+ <div class="calendar-day p-2 border-t bg-gray-50">
185
+ <div class="text-right text-gray-400">2</div>
186
+ </div>
187
+ </div>
188
+
189
+ <!-- Legend -->
190
+ <div class="mt-8">
191
+ <h3 class="text-lg font-semibold mb-3">Leyenda</h3>
192
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
193
+ <div class="flex items-center">
194
+ <div class="w-4 h-4 bg-blue-100 border-l-4 border-blue-500 mr-2"></div>
195
+ <span class="text-sm">Clases</span>
196
+ </div>
197
+ <div class="flex items-center">
198
+ <div class="w-4 h-4 bg-yellow-100 border-l-4 border-yellow-500 mr-2"></div>
199
+ <span class="text-sm">Exámenes</span>
200
+ </div>
201
+ <div class="flex items-center">
202
+ <div class="w-4 h-4 bg-green-100 border-l-4 border-green-500 mr-2"></div>
203
+ <span class="text-sm">Salidas de campo</span>
204
+ </div>
205
+ <div class="flex items-center">
206
+ <div class="w-4 h-4 bg-gray-100 border-l-4 border-gray-400 mr-2"></div>
207
+ <span class="text-sm">Días inhábiles</span>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </div>
212
+
213
+ <script>
214
+ feather.replace();
215
+ </script>
216
+ </body>
217
+ </html>
index.html CHANGED
@@ -1,19 +1,188 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="es">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Ecología - Calendario Académico</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ primary: '#3b82f6',
17
+ secondary: '#10b981',
18
+ accent: '#f59e0b',
19
+ holiday: '#9ca3af'
20
+ }
21
+ }
22
+ }
23
+ }
24
+ </script>
25
+ <style>
26
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
27
+ body {
28
+ font-family: 'Inter', sans-serif;
29
+ }
30
+ .print-area {
31
+ width: 210mm;
32
+ height: 297mm;
33
+ margin: 0 auto;
34
+ padding: 15mm;
35
+ }
36
+ @media print {
37
+ body * {
38
+ visibility: hidden;
39
+ }
40
+ .print-area, .print-area * {
41
+ visibility: visible;
42
+ }
43
+ .print-area {
44
+ position: absolute;
45
+ left: 0;
46
+ top: 0;
47
+ width: 100%;
48
+ height: auto;
49
+ padding: 0;
50
+ margin: 0;
51
+ }
52
+ }
53
+ </style>
54
+ </head>
55
+ <body class="bg-gray-50">
56
+ <div class="container mx-auto px-4 py-8">
57
+ <!-- Header -->
58
+ <div class="text-center mb-8">
59
+ <h1 class="text-3xl font-bold text-primary mb-2">Ecología</h1>
60
+ <h2 class="text-xl text-gray-600">Otoño 2023</h2>
61
+ <div class="flex justify-center mt-4 space-x-4">
62
+ <a href="calendar.html" class="flex items-center px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition">
63
+ <i data-feather="calendar" class="mr-2"></i> Vista Calendario
64
+ </a>
65
+ <button onclick="window.print()" class="flex items-center px-4 py-2 bg-primary text-white rounded-lg hover:bg-blue-600 transition">
66
+ <i data-feather="printer" class="mr-2"></i> Imprimir
67
+ </button>
68
+ <button class="flex items-center px-4 py-2 bg-secondary text-white rounded-lg hover:bg-emerald-600 transition">
69
+ <i data-feather="download" class="mr-2"></i> Exportar PDF
70
+ </button>
71
+ </div>
72
+ </div>
73
+
74
+ <!-- Calendar Table -->
75
+ <div class="print-area bg-white rounded-xl shadow-md overflow-hidden">
76
+ <table class="min-w-full divide-y divide-gray-200">
77
+ <thead class="bg-primary text-white">
78
+ <tr>
79
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Tema</th>
80
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Clases</th>
81
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Profesor</th>
82
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Fecha</th>
83
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Día</th>
84
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">Notas</th>
85
+ </tr>
86
+ </thead>
87
+ <tbody class="bg-white divide-y divide-gray-200">
88
+ <!-- Week 1 -->
89
+ <tr class="bg-gray-50">
90
+ <td colspan="6" class="px-6 py-2 text-sm font-semibold text-gray-700">Semana 1: 14 Ago - 18 Ago</td>
91
+ </tr>
92
+ <tr class="hover:bg-gray-50">
93
+ <td class="px-6 py-4 whitespace-normal text-sm font-medium text-gray-900">
94
+ 1. La ecología, sus niveles de organización y sus subdisciplinas
95
+ </td>
96
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1</td>
97
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">OAH</td>
98
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">14 Ago</td>
99
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Lunes</td>
100
+ <td class="px-6 py-4 whitespace-normal text-sm text-gray-500"></td>
101
+ </tr>
102
+
103
+ <!-- Week 2 -->
104
+ <tr class="bg-gray-50">
105
+ <td colspan="6" class="px-6 py-2 text-sm font-semibold text-gray-700">Semana 2: 21 Ago - 25 Ago</td>
106
+ </tr>
107
+ <tr class="hover:bg-gray-50">
108
+ <td class="px-6 py-4 whitespace-normal text-sm font-medium text-gray-900">
109
+ 2. Adaptaciones de los organismos al ambiente físico
110
+ </td>
111
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1</td>
112
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">OAH</td>
113
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">21 Ago</td>
114
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Lunes</td>
115
+ <td class="px-6 py-4 whitespace-normal text-sm text-gray-500"></td>
116
+ </tr>
117
+
118
+ <!-- Exam 1 -->
119
+ <tr class="bg-yellow-50">
120
+ <td class="px-6 py-4 whitespace-normal text-sm font-bold text-gray-900">
121
+ Examen 1
122
+ </td>
123
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1</td>
124
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-accent">Ambos</td>
125
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">28 Ago</td>
126
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Lunes</td>
127
+ <td class="px-6 py-4 whitespace-normal text-sm text-gray-500">Temas 1-2</td>
128
+ </tr>
129
+
130
+ <!-- Field Trip -->
131
+ <tr class="bg-green-50">
132
+ <td class="px-6 py-4 whitespace-normal text-sm font-medium text-gray-900">
133
+ Salida de campo
134
+ </td>
135
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1</td>
136
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-secondary">IRAR</td>
137
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">4 Sep</td>
138
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Lunes</td>
139
+ <td class="px-6 py-4 whitespace-normal text-sm text-gray-500 flex items-center">
140
+ <i data-feather="map" class="w-4 h-4 mr-1"></i> Issac en campo
141
+ </td>
142
+ </tr>
143
+
144
+ <!-- Holiday -->
145
+ <tr class="bg-gray-100">
146
+ <td class="px-6 py-4 whitespace-normal text-sm font-medium text-gray-900">
147
+ Día de la Independencia
148
+ </td>
149
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">-</td>
150
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-holiday">-</td>
151
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-holiday">15 Sep</td>
152
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-holiday">Viernes</td>
153
+ <td class="px-6 py-4 whitespace-normal text-sm text-holiday">Día inhábil</td>
154
+ </tr>
155
+
156
+ <!-- Cultural Week -->
157
+ <tr class="bg-purple-50">
158
+ <td class="px-6 py-4 whitespace-normal text-sm font-medium text-gray-900">
159
+ Semana cultural
160
+ </td>
161
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">-</td>
162
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-purple-600">-</td>
163
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">6-10 Oct</td>
164
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">L-V</td>
165
+ <td class="px-6 py-4 whitespace-normal text-sm text-gray-500 flex items-center">
166
+ <i data-feather="calendar" class="w-4 h-4 mr-1"></i> No hay clases
167
+ </td>
168
+ </tr>
169
+
170
+ <!-- Student Symposium -->
171
+ <tr class="bg-blue-50">
172
+ <td class="px-6 py-4 whitespace-normal text-sm font-medium text-gray-900">
173
+ Simposio Estudiantil de Ecología
174
+ </td>
175
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1</td>
176
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-blue-600">Ambos</td>
177
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">30 Oct</td>
178
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Lunes</td>
179
+ <td class="px-6 py-4 whitespace-normal text-sm text-gray-500 flex items-center">
180
+ <i data-feather="users" class="w-4 h-4 mr-1"></i> Presentaciones estudiantiles
181
+ </td>
182
+ </tr>
183
+
184
+ <!-- World Soil Day -->
185
+ <tr class="bg-amber-50">
186
+ <td class="px-6 py-4
187
+ </body>
188
+ </html>