Hugging Face's logo

Spaces:
vamp3461
/
ecocalendar-planner
Running

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

donde esta el resto de las actividades?

Browse files
Files changed (1) hide show
  1. calendar.html +227 -5
calendar.html CHANGED
@@ -167,9 +167,9 @@
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">
@@ -178,16 +178,234 @@
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">
@@ -206,7 +424,11 @@
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
 
 
167
  </div>
168
  <div class="calendar-day p-2 border-r border-t">
169
  <div class="text-right">28</div>
170
+ <div class="event-exam p-1 mt-1 text-xs rounded">Examen 1<br>Ambos</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">
 
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">
182
+ <div class="text-right">1</div>
183
+ </div>
184
+ <div class="calendar-day p-2 border-t">
185
+ <div class="text-right">2</div>
186
+ </div>
187
+ <!-- September Week 1 -->
188
+ <div class="calendar-day p-2 border-r border-t">
189
+ <div class="text-right">3</div>
190
+ </div>
191
+ <div class="calendar-day p-2 border-r border-t">
192
+ <div class="text-right">4</div>
193
+ <div class="event-field p-1 mt-1 text-xs rounded">Salida de campo<br>IRAR</div>
194
+ </div>
195
+ <div class="calendar-day p-2 border-r border-t">
196
+ <div class="text-right">5</div>
197
+ </div>
198
+ <div class="calendar-day p-2 border-r border-t">
199
+ <div class="text-right">6</div>
200
+ </div>
201
+ <div class="calendar-day p-2 border-r border-t">
202
+ <div class="text-right">7</div>
203
+ </div>
204
+ <div class="calendar-day p-2 border-r border-t">
205
+ <div class="text-right">8</div>
206
+ </div>
207
+ <div class="calendar-day p-2 border-t">
208
+ <div class="text-right">9</div>
209
+ </div>
210
+ <!-- September Week 2 -->
211
+ <div class="calendar-day p-2 border-r border-t">
212
+ <div class="text-right">10</div>
213
+ </div>
214
+ <div class="calendar-day p-2 border-r border-t">
215
+ <div class="text-right">11</div>
216
+ </div>
217
+ <div class="calendar-day p-2 border-r border-t">
218
+ <div class="text-right">12</div>
219
+ </div>
220
+ <div class="calendar-day p-2 border-r border-t">
221
+ <div class="text-right">13</div>
222
+ </div>
223
+ <div class="calendar-day p-2 border-r border-t">
224
+ <div class="text-right">14</div>
225
+ </div>
226
+ <div class="calendar-day p-2 border-r border-t">
227
+ <div class="text-right">15</div>
228
+ <div class="event-holiday p-1 mt-1 text-xs rounded">Día Independencia<br>Inhábil</div>
229
+ </div>
230
+ <div class="calendar-day p-2 border-t">
231
+ <div class="text-right">16</div>
232
+ </div>
233
+ <!-- September Week 3 -->
234
+ <div class="calendar-day p-2 border-r border-t">
235
+ <div class="text-right">17</div>
236
+ </div>
237
+ <div class="calendar-day p-2 border-r border-t">
238
+ <div class="text-right">18</div>
239
+ </div>
240
+ <div class="calendar-day p-2 border-r border-t">
241
+ <div class="text-right">19</div>
242
+ </div>
243
+ <div class="calendar-day p-2 border-r border-t">
244
+ <div class="text-right">20</div>
245
+ </div>
246
+ <div class="calendar-day p-2 border-r border-t">
247
+ <div class="text-right">21</div>
248
+ </div>
249
+ <div class="calendar-day p-2 border-r border-t">
250
+ <div class="text-right">22</div>
251
+ </div>
252
+ <div class="calendar-day p-2 border-t">
253
+ <div class="text-right">23</div>
254
+ </div>
255
+ <!-- September Week 4 -->
256
+ <div class="calendar-day p-2 border-r border-t">
257
+ <div class="text-right">24</div>
258
+ </div>
259
+ <div class="calendar-day p-2 border-r border-t">
260
+ <div class="text-right">25</div>
261
+ </div>
262
+ <div class="calendar-day p-2 border-r border-t">
263
+ <div class="text-right">26</div>
264
+ </div>
265
+ <div class="calendar-day p-2 border-r border-t">
266
+ <div class="text-right">27</div>
267
+ </div>
268
+ <div class="calendar-day p-2 border-r border-t">
269
+ <div class="text-right">28</div>
270
+ </div>
271
+ <div class="calendar-day p-2 border-r border-t">
272
+ <div class="text-right">29</div>
273
+ </div>
274
+ <div class="calendar-day p-2 border-t">
275
+ <div class="text-right">30</div>
276
+ </div>
277
+ <!-- October Week 1 -->
278
+ <div class="calendar-day p-2 border-r border-t">
279
+ <div class="text-right">1</div>
280
+ </div>
281
+ <div class="calendar-day p-2 border-r border-t">
282
+ <div class="text-right">2</div>
283
+ </div>
284
+ <div class="calendar-day p-2 border-r border-t">
285
+ <div class="text-right">3</div>
286
+ </div>
287
+ <div class="calendar-day p-2 border-r border-t">
288
+ <div class="text-right">4</div>
289
+ </div>
290
+ <div class="calendar-day p-2 border-r border-t">
291
+ <div class="text-right">5</div>
292
+ </div>
293
+ <div class="calendar-day p-2 border-r border-t">
294
+ <div class="text-right">6</div>
295
+ <div class="event-special p-1 mt-1 text-xs rounded">Semana Cultural<br>No hay clases</div>
296
+ </div>
297
+ <div class="calendar-day p-2 border-t">
298
+ <div class="text-right">7</div>
299
+ </div>
300
+ <!-- October Week 2 -->
301
+ <div class="calendar-day p-2 border-r border-t">
302
+ <div class="text-right">8</div>
303
+ </div>
304
+ <div class="calendar-day p-2 border-r border-t">
305
+ <div class="text-right">9</div>
306
+ </div>
307
+ <div class="calendar-day p-2 border-r border-t">
308
+ <div class="text-right">10</div>
309
+ <div class="event-special p-1 mt-1 text-xs rounded">Semana Cultural<br>No hay clases</div>
310
+ </div>
311
+ <div class="calendar-day p-2 border-r border-t">
312
+ <div class="text-right">11</div>
313
+ </div>
314
+ <div class="calendar-day p-2 border-r border-t">
315
+ <div class="text-right">12</div>
316
+ </div>
317
+ <div class="calendar-day p-2 border-r border-t">
318
+ <div class="text-right">13</div>
319
+ </div>
320
+ <div class="calendar-day p-2 border-t">
321
+ <div class="text-right">14</div>
322
+ </div>
323
+ <!-- October Week 3 -->
324
+ <div class="calendar-day p-2 border-r border-t">
325
+ <div class="text-right">15</div>
326
+ </div>
327
+ <div class="calendar-day p-2 border-r border-t">
328
+ <div class="text-right">16</div>
329
+ </div>
330
+ <div class="calendar-day p-2 border-r border-t">
331
+ <div class="text-right">17</div>
332
+ </div>
333
+ <div class="calendar-day p-2 border-r border-t">
334
+ <div class="text-right">18</div>
335
+ </div>
336
+ <div class="calendar-day p-2 border-r border-t">
337
+ <div class="text-right">19</div>
338
+ </div>
339
+ <div class="calendar-day p-2 border-r border-t">
340
+ <div class="text-right">20</div>
341
+ </div>
342
+ <div class="calendar-day p-2 border-t">
343
+ <div class="text-right">21</div>
344
+ </div>
345
+ <!-- October Week 4 -->
346
+ <div class="calendar-day p-2 border-r border-t">
347
+ <div class="text-right">22</div>
348
+ </div>
349
+ <div class="calendar-day p-2 border-r border-t">
350
+ <div class="text-right">23</div>
351
+ </div>
352
+ <div class="calendar-day p-2 border-r border-t">
353
+ <div class="text-right">24</div>
354
+ </div>
355
+ <div class="calendar-day p-2 border-r border-t">
356
+ <div class="text-right">25</div>
357
+ </div>
358
+ <div class="calendar-day p-2 border-r border-t">
359
+ <div class="text-right">26</div>
360
+ </div>
361
+ <div class="calendar-day p-2 border-r border-t">
362
+ <div class="text-right">27</div>
363
+ </div>
364
+ <div class="calendar-day p-2 border-t">
365
+ <div class="text-right">28</div>
366
+ </div>
367
+ <!-- October Week 5 -->
368
+ <div class="calendar-day p-2 border-r border-t">
369
+ <div class="text-right">29</div>
370
+ </div>
371
+ <div class="calendar-day p-2 border-r border-t">
372
+ <div class="text-right">30</div>
373
+ <div class="event-special p-1 mt-1 text-xs rounded">Simposio Estudiantil<br>Ambos</div>
374
+ </div>
375
  <div class="calendar-day p-2 border-r border-t bg-gray-50">
376
+ =======
377
+ <div class="text-right text-gray-400">1</div>
378
  </div>
379
  <div class="calendar-day p-2 border-t bg-gray-50">
380
  <div class="text-right text-gray-400">2</div>
381
  </div>
382
  </div>
383
+ <!-- Month Navigation -->
384
+ <div class="flex justify-between items-center my-6">
385
+ <button class="p-2 rounded-full hover:bg-gray-200">
386
+ <i data-feather="chevron-left"></i>
387
+ </button>
388
+ <h3 class="text-2xl font-semibold text-gray-800">Septiembre 2023</h3>
389
+ <button class="p-2 rounded-full hover:bg-gray-200">
390
+ <i data-feather="chevron-right"></i>
391
+ </button>
392
+ </div>
393
+
394
+ <!-- Calendar Grid -->
395
+ <div class="grid grid-cols-7 gap-1 mb-2">
396
+ <div class="text-center font-medium text-gray-500 py-2">Dom</div>
397
+ <div class="text-center font-medium text-gray-500 py-2">Lun</div>
398
+ <div class="text-center font-medium text-gray-500 py-2">Mar</div>
399
+ <div class="text-center font-medium text-gray-500 py-2">Mié</div>
400
+ <div class="text-center font-medium text-gray-500 py-2">Jue</div>
401
+ <div class="text-center font-medium text-gray-500 py-2">Vie</div>
402
+ <div class="text-center font-medium text-gray-500 py-2">Sáb</div>
403
+ </div>
404
+
405
+ <!-- Repeat similar grid structure for September and October months -->
406
 
407
  <!-- Legend -->
408
+ <div class="mt-8">
409
  <h3 class="text-lg font-semibold mb-3">Leyenda</h3>
410
  <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
411
  <div class="flex items-center">
 
424
  <div class="w-4 h-4 bg-gray-100 border-l-4 border-gray-400 mr-2"></div>
425
  <span class="text-sm">Días inhábiles</span>
426
  </div>
427
+ <div class="flex items-center">
428
+ <div class="w-4 h-4 bg-indigo-100 border-l-4 border-indigo-500 mr-2"></div>
429
+ <span class="text-sm">Eventos especiales</span>
430
+ </div>
431
+ </div>
432
  </div>
433
  </div>
434