feat(events): enhance UX/UI layout, optimize graphs, and redesign event cards (#206)

- Added an intro section with community metrics and quick shortcuts to charts/past events.
- Created a dedicated 'evento-proximo' component to separate upcoming events, adding banner support and smart CTA routing (Registration/Meetup/LinkedIn).
- Redesigned past event cards with optimized .webp covers, dynamic YouTube thumbnails, and meta-badges.
- Fixed chart axis cropping, automated filter year expansion on search, and integrated upstream mobile navbar fixes.

Author: LiliGC

content/images/2023-07-hackaton-ey.webp

@@ -96,7 +96,8 @@
         'track': 'EY',
         'date': date(2023, 7, 1),
         'city': 'Santiago',
-        'challenges': 1
+        'challenges': 1,
+        'image': 'images/2023-07-hackaton-ey.webp'
     },
     {
         'type': 'Meetup',
@@ -122,7 +123,9 @@
         'track': 'Noviembre 2023',
         'date': date(2023, 11, 9),
         'talks': 1,
-        'meetup': 297124086
+        'meetup': 297124086,
+        'image': 'images/meetup/2023-11-meetup.webp'
+
     },
     {
         'type': 'PyCon Chile',

content/images/meetup/2023-11-meetup.webp

@@ -36,6 +36,7 @@
         'city': 'Copiapó',
         'viewers': 505,
         'talks': 23,
+        'attendees': 90,
     },
     {
         'type': 'Meetup',
@@ -79,7 +80,8 @@
         'track': 'Noviembre 2025',
         'date': date(2025, 11, 11),
         'talks': 2,
-        'meetup': 311855939
+        'meetup': 311855939,
+        'image': 'images/meetup/2025-11-meetup-checkr.webp'
     },
     {
         'type': 'Meetup',

content/images/meetup/2025-11-meetup-checkr.webp

@@ -37,18 +37,25 @@
         'track': 'Rancagua 2026',
         'city': 'Rancagua',
         'date': date(2026, 8, 19),
-        'talks': 4
+        'youtube': 'up60em_ycSQ',
+        'viewers': 52,
+        'talks': 4,
+        'attendees': 121
     },
     {
         'type': 'Meetup',
         'track': 'Agosto 2026',
         'date': date(2026, 8, 26),
-        'talks': 1
+        'youtube': 'Bf2-ZQQiSF0',
+        'viewers': 280,
+        'talks': 1,
+        'meetup': 316161132
     },
     {
         'type': 'PyCon Chile',
         'track': '2026 Santiago',
         'city': 'Santiago',
-        'date': date(2026, 11, 7)
+        'date': date(2026, 11, 7),
+        'image': 'images/pycon2026/anuncio-pycon.webp'
     },
 ]

content/images/pycon2026/anuncio-pycon.webp

@@ -16,15 +16,46 @@
     *EVENTS_2025,
     *EVENTS_2026
 ]
+MONTHS = [
+    '', 'enero', 'febrero', 'marzo', 'abril', 'mayo', 'junio',
+    'julio', 'agosto', 'septiembre', 'octubre', 'noviembre', 'diciembre'
+]
+
+TYPE_SLUGS = {
+    'Meetup': 'meetup',
+    'PyCon Chile': 'pycon',
+    'PyDay': 'pyday',
+    'Hackaton': 'hackaton',
+}
+
 for event in EVENTS:
     if 'city' not in event:
         event['city'] = 'Online'
+    event_date = event['date']
+    event['date_display'] = '{} de {} de {}'.format(
+        event_date.day, MONTHS[event_date.month], event_date.year
+    )
+    event['type_slug'] = TYPE_SLUGS.get(event['type'], 'otro')
 
 today = date.today()
-EVENTS_TYPES = list({event.get('type') for event in EVENTS})
-CITIES = list({event.get('city') for event in EVENTS})
-YEARS = list({event.get('date').year for event in EVENTS})
-UPCOMING_EVENTS = [event for event in EVENTS if event['date'] >= today]
+
+# Orden preferido para los tipos de evento (de mayor a menor escala).
+# Los tipos no listados aqui se agregan al final en orden de aparicion.
+TYPE_ORDER = ['PyCon Chile', 'PyDay', 'Meetup', 'Hackaton']
+
+EVENTS_TYPES = TYPE_ORDER + list({
+    event.get('type') for event in EVENTS 
+    if event.get('type') and event.get('type') not in TYPE_ORDER
+})
+
+CITIES = sorted(list({event.get('city') for event in EVENTS if event.get('city')}))
+
+YEARS = sorted({event.get('date').year for event in EVENTS})
+
+UPCOMING_EVENTS = sorted(
+    [event for event in EVENTS if event['date'] >= today],
+    key=lambda e: e['date']
+)
 PAST_EVENTS = {}
 for event in reversed(EVENTS):
     if event['date'] >= today:
@@ -60,3 +91,12 @@
         SESSIONS_COUNTS.append({'year': year, 'label': label, 'count': count})
 ATTENDEES_COUNTS = [{'year': year, 'label': 'asistentes', 'count': count} for year, count in attendees_counts.items()]
 CURRENT_YEAR = date.today().year
+
+# Estadisticas de impacto (se calculan solas a partir de los eventos).
+STATS = {
+    'eventos': len(EVENTS),
+    'charlas': sum(e.get('talks', 0) for e in EVENTS),
+    'talleres': sum(e.get('workshops', 0) for e in EVENTS),
+    'viewers': sum(e.get('viewers', 0) for e in EVENTS),
+    'ciudades': len({e.get('city') for e in EVENTS if e.get('city') and e['city'] != 'Online'}),
+}

objects/events/_2023.py

@@ -13,7 +13,8 @@
     EVENTS_TYPES,
     EVENTS_COUNTS,
     SESSIONS_COUNTS,
-    ATTENDEES_COUNTS
+    ATTENDEES_COUNTS,
+    STATS
     )
 
 AUTHOR = "Python Chile"