Programa: añadir página con widget de Pretalx (#213)

## Descripción

Añade la página `/programa` con el widget de Pretalx embebido, mostrando
el cronograma de PyConES en los 3 idiomas soportados (es/en/ca).

## Cambios

- **Nueva página** `src/pages/[lang]/programa.astro` con
`getStaticPaths` para es/en/ca
- **Nuevo componente** `src/components/ProgramaPage.astro` (h1, intro,
widget, noscript fallback)
- **Nuevo módulo i18n** `src/i18n/programa/{index,es,en,ca}.ts`
- **Menú**: `Programa` / `Programme` insertado como 2º item (después de
"Inicio")
- **Layout**: nueva prop opcional `fullWidth` para contenido
full-viewport (sin container)
- **Widget**: wrapeado en `overflow-x-auto` para scroll horizontal en
viewports angostos
- **Dialog de filtros**: estilos inyectados al shadow root del widget
vía JS (Pretalx usa Shadow DOM, el CSS del light DOM no penetra)

## Testing

- [ ] Abrir `/es/programa` y verificar que el calendario carga y se ve
bien
- [ ] Repetir en `/en/programa` y `/ca/programa`
- [ ] Pulsar el botón de filtros y comprobar que el dialog sale con
fondo blanco
- [ ] Probar scroll horizontal del calendario en mobile
- [ ] Verificar que el menú muestra "Programa" como 2º item en los 3
idiomas

## Notas

- El widget apunta a `event-url="https://pretalx.com/pycones-2025/"` por
ahora (es el evento con schedule publicado). Cambiar a `pycones-2026`
cuando exista el evento con cronograma.
- El locale `ca` puede caer al default (inglés) si Pretalx no tiene UI
en catalán para este evento. Si se quiere forzar castellano, cambiar
`locale: 'ca'` por `locale: 'es'` solo en `src/i18n/programa/ca.ts`.

Author: francescarpi

package.json

@@ -1,6 +1,6 @@
 {
   "name": "2026.es.pycon.org",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -27,7 +27,7 @@
   },
   "devDependencies": {
     "@astrojs/check": "0.9.9",
-    "@commitlint/cli": "21.2.0",
+    "@commitlint/cli": "21.2.1",
     "@commitlint/config-conventional": "21.2.0",
     "husky": "9.1.7",
     "lint-staged": "17.0.8",

pnpm-lock.yaml

@@ -0,0 +1,39 @@
+---
+import { programaTexts } from '@/i18n/programa'
+import { menuTexts } from '@/i18n/menu'
+
+interface Props {
+  lang: string
+}
+const { lang } = Astro.props
+const t = programaTexts[lang as keyof typeof programaTexts]
+const menuT = menuTexts[lang as keyof typeof menuTexts]
+---
+
+<section class="py-8">
+  <h1 class="text-3xl md:text-5xl font-bold text-center mb-6">{t.title}</h1>
+  <p class="text-center text-base md:text-lg mb-10 max-w-2xl mx-auto opacity-80">{t.intro}</p>
+
+  <pretalx-schedule
+    event-url="https://pretalx.com/pycones-2026/"
+    locale={t.locale}
+    format="grid"
+    style="--pretalx-clr-primary: #03004b"></pretalx-schedule>
+
+  <noscript>
+    <div class="pretalx-widget">
+      <div class="pretalx-widget-info-message">
+        {t.noscript}{' '}
+        <a
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label={`${t.noscriptLink} ${menuT.new_tab}`}
+          href="https://pretalx.com/pycones-2026/schedule/"
+        >
+          {t.noscriptLink}
+        </a>
+        .
+      </div>
+    </div>
+  </noscript>
+</section>

src/components/ProgramaPage.astro

@@ -4,6 +4,10 @@ export const ca = {
       label: 'Inici',
       href: '/',
     },
+    {
+      label: 'Programa',
+      href: '/programa',
+    },
     {
       label: 'Informació',
       children: [

src/i18n/menu/ca.ts

@@ -4,6 +4,10 @@ export const en = {
       label: 'Home',
       href: '/',
     },
+    {
+      label: 'Programme',
+      href: '/programa',
+    },
     {
       label: 'Information',
       children: [

src/i18n/menu/en.ts

@@ -4,6 +4,10 @@ export const es = {
       label: 'Inicio',
       href: '/',
     },
+    {
+      label: 'Programa',
+      href: '/programa',
+    },
     {
       label: 'Información',
       children: [

src/i18n/menu/es.ts

@@ -0,0 +1,8 @@
+export const ca = {
+  title: 'Programa',
+  seoDescription: 'Consulta el cronograma complet de xerrades, tallers i activitats de la PyConES 2026.',
+  intro: 'Explora totes les xerrades, tallers i activitats de la PyConES 2026.',
+  locale: 'ca',
+  noscript: 'JavaScript està desactivat al teu navegador. Per veure el programa sense JavaScript,',
+  noscriptLink: 'fes clic aquí',
+} as const

src/i18n/programa/ca.ts

@@ -0,0 +1,8 @@
+export const en = {
+  title: 'Programme',
+  seoDescription: 'Check out the full schedule of talks, workshops and activities at PyConES 2026.',
+  intro: 'Explore all the talks, workshops and activities at PyConES 2026.',
+  locale: 'en',
+  noscript: 'JavaScript is disabled in your browser. To view the schedule without JavaScript,',
+  noscriptLink: 'click here',
+} as const

src/i18n/programa/en.ts

@@ -0,0 +1,8 @@
+export const es = {
+  title: 'Programa',
+  seoDescription: 'Consulta el cronograma completo de charlas, talleres y actividades de la PyConES 2026.',
+  intro: 'Explora todas las charlas, talleres y actividades de la PyConES 2026.',
+  locale: 'es',
+  noscript: 'JavaScript está deshabilitado en tu navegador. Para ver el programa sin JavaScript,',
+  noscriptLink: 'haz click aquí',
+} as const

src/i18n/programa/es.ts

@@ -0,0 +1,5 @@
+import { es } from './es'
+import { en } from './en'
+import { ca } from './ca'
+
+export const programaTexts = { es, en, ca }