fix: Se cambió la descripción del FLISOL 2026 y se añadieron dos botones para registarse al evento. Se actualizó el componente src/components/ui/calendar.tsx; enteriormente se mostraban los días en inglés, es decir, el calendario no tenía soporte multi-idioma; ahora se importa 'es' y 'en' en date-fns/locale, se usa useLanguage() para detectar el idioma activo y pasa el locale={locale} al DayPicker. Ahora el título que se muestra en la notificación se trunca a 40 caracteres (para evitar que esta tarjeta crezca demasiado si se tiene un título muy largo). Se cambió levemente el aspecto de la barra de scroll.

ramen-root · ramen-root · commit 8ac22440f8d4 · 2026-05-05T17:39:37.000-06:00
diff --git a/project.org b/project.org
@@ -361,7 +361,7 @@ El archivo src/data/blogPosts.ts se sigue usando, este genera los componentes [[
     - Para implementar el soporte multi-idioma:
       - Se modificará el directorio de cada post para contener versiones por idioma, un archivo por cada idioma (en este caso solo inglés-español, por ejemplo: index.es.md, index.en.md).
       - Se modificará el[[file:scripts/build-blog.js][ script]] que genera el[[file:src/data/blogPosts.ts][ archito ts]] con que usan los compontes que genran el blog. Deben detectar los archivos con sufijos .es.md o en.md y generar la estructura tipo json adecuada.
-**** IN-PROGRESS Events y EventDetail [94%]
+**** IN-PROGRESS Events y EventDetail [88%]
 DEADLINE: <2026-04-12 Sun>
 - [X] Mudar el contenido "legacy" [100%]
   - [X] Las tecnologías de internet en los movimientos sociales
@@ -395,13 +395,18 @@ DEADLINE: <2026-04-12 Sun>
   Este calendario está basado en la vista de GNOME Notifications/Calendar.
   - [X] En el calendario de Events.tsx, se debe mostrar un punto debajo del día del evento
   - [ ] Hacer que la notificación tenga el mismo ancho que el calendario.
-  - [ ] Hacer que el calendario soporte el multi-idioma
+  - [X] Hacer que el calendario soporte el multi-idioma
   - [X] Hacer que el color de la notificación sea más clara que el BG general
   - [X] En Events.tsx, debajo del calendario, se debe mostrar un apartado de notificaciones que muestre todos los próximos eventos.
   - [X] En el calendario de EventDetail.tsx muestra encerrado en un círculo el día del evento
-- [X] Mejorar la sección de cronograma
+- [-] Mejorar la sección de cronograma
   - [X] Tener sub-items por día/hora
-  - [X] Añadir la información faltante de FLISOL 2026
+  - [ ] Añadir la información faltante de FLISOL 2026
+    - [ ] Añadir los ponentes faltantes
+    - [ ] Añadir los requermientos de los talleres
+    - [ ] Actualizar la descripción
+    - [ ] Añadir botón de registro al evento.
+    - [ ] Añadir el botón de "Ayudar a los asistentes".
 **** IN-PROGRESS CourseDetail y CourseDetail [22%]
 DEADLINE: <2026-04-12 Sun>
 - [ ] Mudar el contenido al sitio actual [0%]
@@ -463,9 +468,10 @@ DEADLINE: <2026-03-03 Tue>
 - Tal vez en el futuro sea bueno añadir paginación, si crece mucho el número de miembros. Igual intentar con una base de datos... (si hay más de 50 miembros, tal vea hora de dejar el "json").
 *** TODO Optimización/Bugs/Testing/Corrección de vulnerabilidades
 DEADLINE: <2026-04-18 Sat>
+**** Mejorar el SEO del sitio (para posicionarlo mejor al buscar en el navegador)
 **** DONE Modo oscuro automático según el sistema
+**** Desactivar la ejecución automática de scripts y crear un por área (miembros, eventos, etc) para añadir info maś fácilmente sin la necesidad de meterte al ts
 **** Colocar la información correcta en la fecha de inicio de los miembros.
-**** Mejorar el SEO del sitio (para posicionarlo mejor al buscar en el navegador)
 **** Sería bueno "Normalizar" el tamaño de los títulos del Home.
 **** Tal vez sería bueno cambiar el texto de "Proyectos en desarrollo" del Home, pues hay algunas investigaciones que ya no están en curso.
 **** Añadir una "pantalla de carga" al inicio.
diff --git a/src/components/Events.tsx b/src/components/Events.tsx
@@ -76,61 +76,66 @@ export function Events({ onEventClick }: EventsProps) {
           </p>
         </div>
 
-        <div className="max-w-md mx-auto mb-16">
+         <div className="max-w-md mx-auto mb-16">
           <div className="bg-card rounded-3xl p-6 border border-border/40 shadow-sm">
             <div className="space-y-6">
               <h2 className="text-xl font-medium text-center">{t.calendar[language]}</h2>
 
-              <div className="flex justify-center">
+              <div className="mx-auto flex flex-col items-center" style={{ width: '290px' }}>
+                <div className="flex justify-center">
                 <Calendar
                   mode="single"
                   selected={date}
                   onSelect={setDate}
                   className="rounded-2xl border-none"
                   modifiers={{ hasEvent: eventDates }}
                 />
-              </div>
-
-              <div className="w-full notification-bg rounded-2xl p-3">
-                <div className="flex items-start gap-4">
-                  <div className="flex-1 min-w-0">
-                    <div className="text-[10px] font-bold uppercase tracking-widest mb-1 text-muted-foreground/90">
-                      {t.nextEvent[language]}
-                    </div>
+                </div>
+                <div className="notification-bg rounded-2xl p-3 mt-4 w-full">
+                  <div className="flex items-start gap-4">
+                    <div className="flex-1 min-w-0">
+                      <div className="text-[10px] font-bold uppercase tracking-widest mb-1 text-muted-foreground/90">
+                        {t.nextEvent[language]}
+                      </div>
 
-                    {upcomingEvent ? (
-                      <button
-                        onClick={() => onEventClick(upcomingEvent.id)}
-                        className="text-left w-full group"
-                      >
-                        <div className="font-semibold truncate group-hover:text-primary transition-colors">
-                          {upcomingEvent.title[language]}
-                        </div>
-                        <div className="flex items-center gap-3 mt-1.5 text-sm text-muted-foreground/80">
-                          <div className="flex items-center gap-1">
-                            <CalendarIcon className="h-3.5 w-3.5" />
-                            <span>{upcomingEvent.startDate}</span>
+                      {upcomingEvent ? (
+                        <button
+                          onClick={() => onEventClick(upcomingEvent.id)}
+                          className="text-left w-full group"
+                        >
+                          <div className="font-semibold group-hover:text-primary transition-colors">
+                            {(() => {
+                              const title = upcomingEvent.title[language];
+                              return title.length > 40 ? title.slice(0, 40) + '...' : title;
+                            })()}
                           </div>
-                          {upcomingEvent.time && (
+                          <div className="flex items-center gap-3 mt-1.5 text-sm text-muted-foreground/80">
                             <div className="flex items-center gap-1">
-                              <Clock className="h-3.5 w-3.5" />
-                              <span>{upcomingEvent.time}</span>
+                              <CalendarIcon className="h-3.5 w-3.5" />
+                              <span>{upcomingEvent.startDate}</span>
                             </div>
-                          )}
+                            {upcomingEvent.time && (
+                              <div className="flex items-center gap-1">
+                                <Clock className="h-3.5 w-3.5" />
+                                <span>{upcomingEvent.time}</span>
+                              </div>
+                            )}
+                          </div>
+                        </button>
+                      ) : (
+                        <div className="text-sm text-muted-foreground italic">
+                          {t.noUpcoming[language]}
                         </div>
-                      </button>
-                    ) : (
-                      <div className="text-sm text-muted-foreground italic">
-                        {t.noUpcoming[language]}
-                      </div>
-                    )}
+                      )}
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
 
+        <div className="container mx-auto px-4 sm:px-6 lg:px-8">
         <div className="max-w-4xl mx-auto space-y-6">
           {sortedEvents.map((event, index) => (
             <div key={event.id} className="relative">
@@ -227,6 +232,7 @@ export function Events({ onEventClick }: EventsProps) {
           ))}
         </div>
       </div>
+    </div>
     </section>
   );
 }
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
@@ -3,9 +3,11 @@
 import * as React from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react@0.487.0";
 import { DayPicker } from "react-day-picker@8.10.1";
+import { es, enUS } from "date-fns/locale";
 
 import { cn } from "./utils";
 import { buttonVariants } from "./button";
+import { useLanguage } from "../LanguageProvider";
 
 function Calendar({
   className,
@@ -14,6 +16,10 @@ function Calendar({
   modifiers,
   ...props
 }: React.ComponentProps<typeof DayPicker> & { modifiers?: { hasEvent?: Date[] } }) {
+  const { language } = useLanguage();
+
+  const locale = language === "es" ? es : enUS;
+
   const hasEventOnDate = (date: Date): boolean => {
     if (!modifiers?.hasEvent) return false;
     return modifiers.hasEvent.some(
@@ -28,6 +34,7 @@ function Calendar({
     <DayPicker
       showOutsideDays={showOutsideDays}
       className={cn("p-3", className)}
+      locale={locale}
       classNames={{
         months: "flex flex-col sm:flex-row gap-2",
         month: "flex flex-col gap-4",
diff --git a/src/data/events.ts b/src/data/events.ts
@@ -73,7 +73,7 @@ export const events: Event[] = [
         },
     description: {
         en: "## What is FLISoL?\nThe main objective of the event is to promote the use of free software, introducing its philosophy, scope, advances, and development to the general public. It is organized by various local communities. During the event, free software is installed on attendees' computers in a completely free and legal manner. In parallel, **talks, lectures, and workshops are offered**.\n\n## 2026 Theme\n**\"Free Software, Artificial Intelligence, Open Hardware, Free Culture, and their relationship with user autonomy and privacy\"**\n\n## Where and When?\nThe event will take place on the following days:\n- **May 7th:** Conferences\n- **May 8th:** Workshops\n\nAt the Northern Complex of the Faculty of Engineering, Building I, PC-Puma Kiosk.\n\n## How do I participate?\nIf you are interested in contributing to the event, you can participate in the following ways:\n\n### Conferences and Workshops\nWould you like to give a talk or workshop on any free technology? Tell us about your proposal through [our Telegram channel](https://t.me/LIDSoL) or register it [in this form](https://cloud.lidsol.unam.mx/apps/forms/s/iniYSs2ostbLnsnnPyaBM6mm).\n\n### Installer\nIf you already have experience with Free Software and know how to install it on different platforms, we invite you to attend and help others learn!\n\n### Attendee\nEntry is open, free, and available to everyone.\nIf you want to try or install free software, bring your equipment and we will provide the necessary assistance.\n\n**Your participation makes this event possible! We are very grateful to those who wish to support us.**\n\n⚠️ *Note:* If you want to try a new operating system, remember to back up your important information beforehand.",
-        es: "## ¿Qué es el FLISoL?\n El principal objetivo del evento es promover el uso del software libre, dando a conocer al público general su filosofía, alcances, avances y desarrollo. Es organizado por diversas comunidades locales. Durante el encuentro se realiza la instalación, de manera gratuita y totalmente legal, de software libre en las computadoras de los asistentes. De forma paralela, **se ofrecen charlas, ponencias y talleres**.\n\n## Temática 2026\n**\"Software Libre, Inteligencia Artificial, Hardware Abierto, Cultura Libre y su relación con la autonomía y la privacidad de los usuarios\"**\n\n## ¿Dónde y cuándo es?\nEl evento se llevará a cabo los días: \n- **7 de mayo:** Conferencias\n- **8 de mayo:** Talleres\n\nEn el Conjunto Norte de la Facultad de Ingeniería, Edificio I, Quiosco PC-Puma.\n\n## ¿Cómo participo?\n Si estás interesado en contribuir en el evento, puedes participar de las siguientes formas:\n\n ### Conferencias y talleres\n¿Te gustaría impartir una charla o un taller sobre alguna tecnología libre? Cuéntanos tu propuesta por [nuestro canal de Telegram](https://t.me/LIDSoL) o registra tu propuesta [en este formulario](https://cloud.lidsol.unam.mx/apps/forms/s/iniYSs2ostbLnsnnPyaBM6mm).\n\n### Instalador\nSi ya tienes experiencia con Software Libre y sabes cómo instalarlo en distintas plataformas, ¡te invitamos a asistir para ayudar a otras personas a aprender!\n\n### Asistente\nLa entrada es abierta, gratuita y está disponible para todo el público. \nSi deseas probar o instalar software libre, trae tu equipo y nosotros te brindaremos la asistencia necesaria.\n\n**¡Tu participación hace posible este evento! Estamos muy agradecidos con quienes deseen apoyar.**\n\n⚠️ *Nota:* Si deseas probar un nuevo sistema operativo, recuerda realizar previamente un respaldo de tu información importante."
+        es: "## ¿Qué es el FLISoL?\n El principal objetivo del evento es promover el uso del software libre, dando a conocer al público general su filosofía, alcances, avances y desarrollo. Es organizado por diversas comunidades locales. Durante el encuentro se realiza la instalación, de manera gratuita y totalmente legal, de software libre en las computadoras de los asistentes. De forma paralela, **se ofrecen charlas, ponencias y talleres**.\n\n## Temática 2026\n**\"Software Libre, Inteligencia Artificial, Hardware Abierto, Cultura Libre y su relación con la autonomía y la privacidad de los usuarios\"**\n\n## ¿Dónde y cuándo es?\nEl evento se llevará a cabo los días: \n- **7 de mayo:** Conferencias\n- **8 de mayo:** Talleres\n\nEn el Anexo de la Facultad de Ingeniería, Edificio I, Quiosco PC-Puma.\n\n## ¿Cómo participo?\n Si estás interesado en contribuir en el evento, puedes participar de las siguientes formas:\n\n### Instalador\nSi ya tienes experiencia con Software Libre y sabes cómo instalarlo en distintas plataformas, ¡te invitamos a asistir para ayudar a otras personas a aprender! [Puedes llenar este formulario si deseas apoyar como instalador.](https://cloud.lidsol.unam.mx/apps/forms/s/ejoEFkozs59NzFHe6SoGyFwp) \n\n### Asistente\nLa entrada es abierta, gratuita y está disponible para todo el público. [Si deseas asistir, puedes llenar este formulario](https://cloud.lidsol.unam.mx/apps/forms/s/szsBEWQHGo4MaStGK9qMtgA7).\n Si deseas probar o instalar software libre, trae tu equipo y nosotros te brindaremos la asistencia necesaria.\n\n**¡Tu participación hace posible este evento! Estamos muy agradecidos con quienes deseen apoyar.**\n\n⚠️ *Nota:* Si deseas probar un nuevo sistema operativo, recuerda realizar previamente un respaldo de tu información importante."
         },
     contents: {
         en: [
@@ -102,6 +102,10 @@ export const events: Event[] = [
             "8 de mayo (16:00 - 17:00): Reta de SuperTuxKart"
         ]
     },
+//    requirements: {
+//      en: ["Bring your own computer"],
+//      es: ["Traer computadora personal"]
+//    },
     speakers: [
       { memberId: 2 },
       { memberId: 7 },
@@ -115,18 +119,24 @@ export const events: Event[] = [
     locations: [
     {
     name: {
-        en: "Northern Complex - Faculty of Engineering, Building I, PC-Puma Kiosk",
+        en: "Engineering Faculty Annex - Building I, PC-Puma Kiosk",
         es: "Anexo de la Facultad de Ingeniería - Edificio I, Quiosco PC-Puma"
     },
       url: "https://www.openstreetmap.org/directions?from=&to=19.326487%2C-99.182596#map=19/19.326475/-99.183036"
     },
     ],
-//    action1: {
-//        text: {
-//            en: "Call for Speakers",
-//            es: "Call for Speakers" },
-//        url: "https://cloud.lidsol.unam.mx/apps/forms/s/iniYSs2ostbLnsnnPyaBM6mm"
-//  },
+    action1: {
+        text: {
+            en: "Help the attendees",
+            es: "Ayuda a los asistentes" },
+        url: "https://cloud.lidsol.unam.mx/apps/forms/s/ejoEFkozs59NzFHe6SoGyFwp"
+    },
+    action2: {
+        text: {
+            en: "Register for the event",
+            es: "Registrate al evento" },
+        url: "https://cloud.lidsol.unam.mx/apps/forms/s/szsBEWQHGo4MaStGK9qMtgA7"
+    },
     tags: { en: ["FLISoL", "Open Source", "Free Software", "Community"], es: ["FLISoL", "Open Source", "Software Libre" ,"Comunidad"] },
     publishDate: "2026-04-14"
   },
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -246,3 +246,47 @@ html {
   animation: modalZoomOut 200ms ease-out forwards;
 }
 
+/* Custom scrollbar */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(154, 153, 150, 0.4);
+  border-radius: 999px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(154, 153, 150, 0.6);
+}
+
+:root ::-webkit-scrollbar-thumb {
+  background: rgba(154, 153, 150, 0.4);
+}
+
+:root ::-webkit-scrollbar-thumb:hover {
+  background: rgba(154, 153, 150, 0.6);
+}
+
+.dark ::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.15);
+}
+
+.dark ::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.25);
+}
+
+html {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(154, 153, 150, 0.4) transparent;
+}
+
+.dark html {
+  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
+}
+
