feat: add sponsors translations

.gitignore

@@ -11,3 +11,6 @@ dist/
 
 # macOS-specific files
 .DS_Store
+
+# vscode settings
+.vscode/

astro.config.mjs

@@ -1,11 +1,18 @@
-import { defineConfig } from 'astro/config';
-import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from 'astro/config'
+import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
   site: 'https://2026.es.pycon.org',
   base: '/',
   vite: {
     plugins: [tailwindcss()],
   },
-});
-
+  i18n: {
+    defaultLocale: 'es',
+    locales: ['es', 'en', 'ca'],
+    routing: {
+      prefixDefaultLocale: true,
+      redirectToDefaultLocale: false
+    },
+  },
+})

src/components/LanguagePicker.astro

@@ -0,0 +1,54 @@
+---
+import { texts } from '../i18n/components/LanguagePicker'
+
+// Idiomas disponibles
+const languages = [
+  { code: 'es', label: 'es', ariadesc: 'Idioma español' },
+  { code: 'en', label: 'en', ariadesc: 'English language' },
+  { code: 'ca', label: 'ca', ariadesc: 'Idioma català' },
+]
+
+interface Props {
+  lang: string
+}
+
+const { lang = 'es' } = Astro.params
+const t = texts[lang as keyof typeof texts]
+
+// Idioma actual detectado desde la URL
+const pathname = Astro.url.pathname
+const currentLang = pathname.split('/')[1] || 'es'
+
+// Función para construir la URL destino
+const getPathForLang = (lang) => {
+  const parts = pathname.split('/').filter(Boolean)
+
+  // Si ya hay idioma, lo reemplaza
+  if (languages.some((l) => l.code === parts[0])) {
+    parts[0] = lang
+  } else {
+    parts.unshift(lang)
+  }
+
+  return '/' + parts.join('/')
+}
+---
+
+<ul aria-label={t['alttext']} class="flex gap-6 p-2 pr-6 justify-end text-green-400 font-mono">
+  {
+    languages.map((lang) => (
+      <li>
+        <a
+          href={getPathForLang(lang.code)}
+          hreflang={lang.code}
+          aria-current={lang.code === currentLang ? 'page' : undefined}
+          aria-label={lang.ariadesc}
+          lang={lang.code}
+          class={lang.code === currentLang ? 'font-bold underline underline-offset-4' : ''}
+        >
+          {lang.label}
+        </a>
+      </li>
+    ))
+  }
+</ul>

src/components/index.astro

@@ -0,0 +1,134 @@
+---
+import Layout from '../layouts/Layout.astro'
+import '@fontsource-variable/jetbrains-mono'
+import { texts } from '../i18n/home'
+import { getRelativeLocaleUrl } from 'astro:i18n'
+
+interface Props {
+  lang: string
+}
+
+const { lang } = Astro.props
+const t = texts[lang as keyof typeof texts]
+---
+
+<Layout title="PyConES 2026">
+  <main class="min-h-screen flex flex-col justify-center items-center text-center px-4">
+    <div class="relative z-10 max-w-3xl">
+      <h1
+        class="text-4xl md:text-7xl font-bold text-white font-mono tracking-tighter cursor-default"
+        aria-label="PyConES 2026"
+      >
+        <span aria-hidden="true" data-value="PyConES 2026" id="matrix-text"> PyConES 2026 </span>
+      </h1>
+
+      <h2
+        id="subtitle-container"
+        class="mt-4 text-xl md:text-2xl text-green-400 font-mono h-8 flex justify-center items-center gap-2"
+        aria-live="polite"
+        aria-busy="true"
+      >
+        <span aria-hidden="true" class="select-none">&gt;</span>
+        <span id="subtitle" data-final-text={t['index.subtitle']}>{t['index.initializing']}</span>
+        <span class="animate-pulse motion-reduce:animate-none" aria-hidden="true">_</span>
+      </h2>
+
+      <div
+        id="actions"
+        class="mt-12 flex flex-col md:flex-row gap-6 justify-center items-center opacity-0 transition-opacity duration-1000 ease-in"
+      >
+        <a href={getRelativeLocaleUrl(lang, 'sponsors')}>
+          <button
+            id="sponsor-btn"
+            type="button"
+            aria-describedby="sponsor-hint"
+            class="group relative px-7 py-2 bg-green-500 text-black font-mono font-bold text-lg hover:bg-green-400 transition-all duration-300 shadow-[0_0_15px_rgba(34,197,94,0.5)] hover:shadow-[0_0_25px_rgba(34,197,94,0.8)] cursor-pointer focus:outline-none focus:ring-4 focus:ring-green-300/50 rounded-sm"
+          >
+            <span
+              class="absolute inset-0 w-full h-full bg-white opacity-0 group-hover:opacity-20 transition-opacity pointer-events-none"
+            ></span>
+
+            <span id="sponsor-text">
+              <span aria-hidden="true">&lt; </span><span lang="en">{t['index.sponsor_btn']}</span><span
+                aria-hidden="true"
+              >
+                /&gt;</span
+              >
+            </span>
+          </button>
+        </a>
+      </div>
+    </div>
+
+    <div
+      aria-hidden="true"
+      class="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:24px_24px] pointer-events-none"
+    >
+    </div>
+  </main>
+</Layout>
+
+<script>
+  const letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+'
+
+  let interval: number | null = null
+
+  const runMatrixEffect = (element: HTMLElement) => {
+    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches
+    if (prefersReducedMotion) return
+
+    let iteration = 0
+    clearInterval(interval as number)
+    const originalText = element.dataset.value || ''
+
+    interval = window.setInterval(() => {
+      element.innerText = originalText
+        .split('')
+        .map((_, index) => {
+          if (index < iteration) {
+            return originalText[index]
+          }
+          return letters[Math.floor(Math.random() * letters.length)]
+        })
+        .join('')
+
+      if (iteration >= originalText.length) {
+        clearInterval(interval as number)
+      }
+
+      iteration += 1 / 3
+    }, 30)
+  }
+
+  const init = () => {
+    const matrixText = document.getElementById('matrix-text')
+    const h1 = document.querySelector('h1')
+    const subtitle = document.getElementById('subtitle')
+    const actions = document.querySelector('#actions')
+
+    if (matrixText && h1) {
+      runMatrixEffect(matrixText)
+      h1.onmouseover = () => runMatrixEffect(matrixText)
+    }
+
+    if (subtitle) {
+      setTimeout(() => {
+        const finalText = subtitle.dataset.finalText
+        if (finalText) {
+          subtitle.textContent = finalText
+        }
+        const container = document.getElementById('subtitle-container')
+        if (container) {
+          container.setAttribute('aria-busy', 'false')
+        }
+        if (actions) {
+          actions.classList.remove('opacity-0')
+        }
+      }, 1500)
+    }
+  }
+
+  //not needed now
+  document.addEventListener('astro:page-load', init)
+  init()
+</script>

src/i18n/components/LanguagePicker.ts

@@ -0,0 +1,11 @@
+export const texts = {
+  es: {
+    alttext: 'Selector de idioma',
+  },
+  en: {
+    alttext: 'Language selector',
+  },
+  ca: {
+    alttext: "Selector d'idioma",
+  },
+} as const

src/i18n/home.ts

@@ -0,0 +1,17 @@
+export const texts = {
+  es: {
+    'index.initializing': 'Inicializando sistema...',
+    'index.subtitle': 'Sede UB Barcelona | 6-8 Nov 2026',
+    'index.sponsor_btn': 'PATROCINA',
+  },
+  en: {
+    'index.initializing': 'Initialising system...',
+    'index.subtitle': 'UB Barcelona Venue | Nov 6-8, 2026',
+    'index.sponsor_btn': 'BECOME A SPONSOR',
+  },
+  ca: {
+    'index.initializing': 'Inicialitzant sistema...',
+    'index.subtitle': 'Seu UB Barcelona | 6-8 Nov 2026',
+    'index.sponsor_btn': 'PATROCINA',
+  },
+} as const