Feat: past editions

src/components/PastEditionsPage.astro

@@ -0,0 +1,81 @@
+---
+import { pastEditionsTexts } from '../i18n/past-editions'
+import { menuTexts } from '../i18n/menu'
+
+interface Props {
+  lang: string
+}
+
+const { lang } = Astro.props
+const t = pastEditionsTexts[(lang || 'es') as keyof typeof pastEditionsTexts]
+const menuT = menuTexts[(lang || 'es') as keyof typeof menuTexts]
+---
+
+<div class="past-editions-container pb-20">
+  <section class="mb-12" aria-labelledby="past-editions-heading">
+    <h1
+      id="past-editions-heading"
+      class="text-4xl md:text-6xl font-black text-white mb-6 uppercase tracking-tighter"
+    >
+      {t.hero}
+    </h1>
+  </section>
+
+  <section aria-labelledby="editions-list-heading">
+    <h2 id="editions-list-heading" class="sr-only">{t.hero}</h2>
+    <ul
+      role="list"
+      class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 list-none m-0 p-0"
+    >
+      {
+        t.editions.map((edition) => (
+          <li class="bg-pycon-black/40 rounded-2xl border border-white/5 hover:border-pycon-orange/50 transition-all motion-safe:hover:-translate-y-2 overflow-hidden">
+            <a
+              href={edition.url}
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label={`PyConES ${edition.year} - ${edition.city} ${menuT.new_tab}`}
+              class="block group"
+            >
+              <div class="aspect-square bg-pycon-gray-100/20 flex items-center justify-center p-6">
+                <img
+                  src={edition.image}
+                  alt={`PyConES ${edition.year} - ${edition.city}`}
+                  class="max-w-full max-h-full object-contain group-hover:scale-105 transition-transform duration-300"
+                  loading="lazy"
+                />
+              </div>
+              <div class="p-4 text-center">
+                <p class="text-pycon-orange font-bold text-lg">PyConES {edition.year}</p>
+                <p class="text-pycon-gray-25 text-sm">{edition.city}</p>
+              </div>
+            </a>
+          </li>
+        ))
+      }
+    </ul>
+  </section>
+</div>
+
+<style>
+  .past-editions-container {
+    animation: fadeIn 0.8s ease-out;
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateY(20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .past-editions-container {
+      animation: none;
+    }
+  }
+</style>

src/components/home/SectionCTAs.astro

@@ -38,7 +38,7 @@ const ctas = [
 <section aria-labelledby="ctas-heading" class="flex flex-col gap-8">
   <h2 id="ctas-heading" class="sr-only">Llamadas a la participación</h2>
 
-  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+  <div class="grid grid-cols-1 md:grid-cols-2 max-w-5xl mx-auto gap-6">
     {
       ctas.map((cta) => (
         <article

src/i18n/menu/ca.ts

@@ -61,16 +61,7 @@ export const ca = {
     },
     {
       label: 'Edicions Anteriors',
-      children: [
-        {
-          label: '2025 (Sevilla)',
-          href: 'https://2025.es.pycon.org',
-        },
-        {
-          label: '2024 (Vigo)',
-          href: 'https://2024.es.pycon.org',
-        },
-      ],
+      href: '/past-editions',
     },
   ],
   new_tab: "(s'obre en una pestanya nova)",

src/i18n/menu/en.ts

@@ -61,16 +61,7 @@ export const en = {
     },
     {
       label: 'Past Editions',
-      children: [
-        {
-          label: '2025 (Seville)',
-          href: 'https://2025.es.pycon.org',
-        },
-        {
-          label: '2024 (Vigo)',
-          href: 'https://2024.es.pycon.org',
-        },
-      ],
+      href: '/past-editions',
     },
   ],
   new_tab: '(opens in new tab)',

src/i18n/menu/es.ts

@@ -61,16 +61,7 @@ export const es = {
     },
     {
       label: 'Ediciones Anteriores',
-      children: [
-        {
-          label: '2025 (Sevilla)',
-          href: 'https://2025.es.pycon.org',
-        },
-        {
-          label: '2024 (Vigo)',
-          href: 'https://2024.es.pycon.org',
-        },
-      ],
+      href: '/past-editions',
     },
   ],
   new_tab: '(se abre en nueva pestaña)',

src/i18n/past-editions/ca.ts

@@ -0,0 +1,69 @@
+export const ca = {
+  title: 'Edicions Anteriors | PyConES 2026',
+  hero: 'Edicions Anteriors',
+  editions: [
+    {
+      year: 2025,
+      city: 'Sevilla',
+      url: 'https://2025.es.pycon.org',
+      image: '/images/past_editions/2025.png',
+    },
+    { year: 2024, city: 'Vigo', url: 'https://2024.es.pycon.org', image: '/images/past_editions/2024.png' },
+    {
+      year: 2023,
+      city: 'Canàries',
+      url: 'https://2023.es.pycon.org',
+      image: '/images/past_editions/2023.png',
+    },
+    {
+      year: 2022,
+      city: 'Granada',
+      url: 'https://2022.es.pycon.org',
+      image: '/images/past_editions/2022.png',
+    },
+    {
+      year: 2021,
+      city: 'Vaccine Edition',
+      url: 'https://2021.es.pycon.org',
+      image: '/images/past_editions/2021.png',
+    },
+    {
+      year: 2020,
+      city: 'Pandemic Edition',
+      url: 'https://2020.es.pycon.org',
+      image: '/images/past_editions/2020.png',
+    },
+    {
+      year: 2019,
+      city: 'Alacant',
+      url: 'https://2019.es.pycon.org',
+      image: '/images/past_editions/2019.png',
+    },
+    { year: 2018, city: 'Màlaga', url: 'https://2018.es.pycon.org', image: '/images/past_editions/2018.png' },
+    {
+      year: 2017,
+      city: 'Càceres',
+      url: 'https://2017.es.pycon.org',
+      image: '/images/past_editions/2017.png',
+    },
+    {
+      year: 2016,
+      city: 'Almeria',
+      url: 'https://2016.es.pycon.org',
+      image: '/images/past_editions/2016.jpg',
+    },
+    {
+      year: 2015,
+      city: 'València',
+      url: 'https://2015.es.pycon.org',
+      image: '/images/past_editions/2015.png',
+    },
+    {
+      year: 2014,
+      city: 'Saragossa',
+      url: 'https://2014.es.pycon.org',
+      image: '/images/past_editions/2014.png',
+    },
+    { year: 2013, city: 'Madrid', url: 'https://2013.es.pycon.org', image: '/images/past_editions/2013.png' },
+  ],
+} as const

src/i18n/past-editions/en.ts

@@ -0,0 +1,69 @@
+export const en = {
+  title: 'Past Editions | PyConES 2026',
+  hero: 'Past Editions',
+  editions: [
+    {
+      year: 2025,
+      city: 'Seville',
+      url: 'https://2025.es.pycon.org',
+      image: '/images/past_editions/2025.png',
+    },
+    { year: 2024, city: 'Vigo', url: 'https://2024.es.pycon.org', image: '/images/past_editions/2024.png' },
+    {
+      year: 2023,
+      city: 'Canary Islands',
+      url: 'https://2023.es.pycon.org',
+      image: '/images/past_editions/2023.png',
+    },
+    {
+      year: 2022,
+      city: 'Granada',
+      url: 'https://2022.es.pycon.org',
+      image: '/images/past_editions/2022.png',
+    },
+    {
+      year: 2021,
+      city: 'Vaccine Edition',
+      url: 'https://2021.es.pycon.org',
+      image: '/images/past_editions/2021.png',
+    },
+    {
+      year: 2020,
+      city: 'Pandemic Edition',
+      url: 'https://2020.es.pycon.org',
+      image: '/images/past_editions/2020.png',
+    },
+    {
+      year: 2019,
+      city: 'Alicante',
+      url: 'https://2019.es.pycon.org',
+      image: '/images/past_editions/2019.png',
+    },
+    { year: 2018, city: 'Málaga', url: 'https://2018.es.pycon.org', image: '/images/past_editions/2018.png' },
+    {
+      year: 2017,
+      city: 'Cáceres',
+      url: 'https://2017.es.pycon.org',
+      image: '/images/past_editions/2017.png',
+    },
+    {
+      year: 2016,
+      city: 'Almería',
+      url: 'https://2016.es.pycon.org',
+      image: '/images/past_editions/2016.jpg',
+    },
+    {
+      year: 2015,
+      city: 'Valencia',
+      url: 'https://2015.es.pycon.org',
+      image: '/images/past_editions/2015.png',
+    },
+    {
+      year: 2014,
+      city: 'Zaragoza',
+      url: 'https://2014.es.pycon.org',
+      image: '/images/past_editions/2014.png',
+    },
+    { year: 2013, city: 'Madrid', url: 'https://2013.es.pycon.org', image: '/images/past_editions/2013.png' },
+  ],
+} as const

src/i18n/past-editions/es.ts

@@ -0,0 +1,69 @@
+export const es = {
+  title: 'Ediciones Anteriores | PyConES 2026',
+  hero: 'Ediciones Anteriores',
+  editions: [
+    {
+      year: 2025,
+      city: 'Sevilla',
+      url: 'https://2025.es.pycon.org',
+      image: '/images/past_editions/2025.png',
+    },
+    { year: 2024, city: 'Vigo', url: 'https://2024.es.pycon.org', image: '/images/past_editions/2024.png' },
+    {
+      year: 2023,
+      city: 'Canarias',
+      url: 'https://2023.es.pycon.org',
+      image: '/images/past_editions/2023.png',
+    },
+    {
+      year: 2022,
+      city: 'Granada',
+      url: 'https://2022.es.pycon.org',
+      image: '/images/past_editions/2022.png',
+    },
+    {
+      year: 2021,
+      city: 'Vaccine Edition',
+      url: 'https://2021.es.pycon.org',
+      image: '/images/past_editions/2021.png',
+    },
+    {
+      year: 2020,
+      city: 'Pandemic Edition',
+      url: 'https://2020.es.pycon.org',
+      image: '/images/past_editions/2020.png',
+    },
+    {
+      year: 2019,
+      city: 'Alicante',
+      url: 'https://2019.es.pycon.org',
+      image: '/images/past_editions/2019.png',
+    },
+    { year: 2018, city: 'Málaga', url: 'https://2018.es.pycon.org', image: '/images/past_editions/2018.png' },
+    {
+      year: 2017,
+      city: 'Cáceres',
+      url: 'https://2017.es.pycon.org',
+      image: '/images/past_editions/2017.png',
+    },
+    {
+      year: 2016,
+      city: 'Almería',
+      url: 'https://2016.es.pycon.org',
+      image: '/images/past_editions/2016.jpg',
+    },
+    {
+      year: 2015,
+      city: 'Valencia',
+      url: 'https://2015.es.pycon.org',
+      image: '/images/past_editions/2015.png',
+    },
+    {
+      year: 2014,
+      city: 'Zaragoza',
+      url: 'https://2014.es.pycon.org',
+      image: '/images/past_editions/2014.png',
+    },
+    { year: 2013, city: 'Madrid', url: 'https://2013.es.pycon.org', image: '/images/past_editions/2013.png' },
+  ],
+} as const

src/i18n/past-editions/index.ts

@@ -0,0 +1,9 @@
+import { es } from './es'
+import { en } from './en'
+import { ca } from './ca'
+
+export const pastEditionsTexts = {
+  es,
+  en,
+  ca,
+} as const

src/pages/[lang]/past-editions.astro

@@ -0,0 +1,26 @@
+---
+import Layout from '../../layouts/Layout.astro'
+import PastEditionsPage from '../../components/PastEditionsPage.astro'
+
+export function getStaticPaths() {
+  return [{ params: { lang: 'es' } }, { params: { lang: 'en' } }, { params: { lang: 'ca' } }]
+}
+
+const { lang } = Astro.params
+
+const titles = {
+  es: 'Ediciones Anteriores | PyConES 2026',
+  en: 'Past Editions | PyConES 2026',
+  ca: 'Edicions Anteriors | PyConES 2026',
+}
+
+const title = titles[(lang || 'es') as keyof typeof titles]
+---
+
+<Layout title={title}>
+  <div class="grow w-full pt-24">
+    <div class="container mx-auto px-4 md:px-8">
+      <PastEditionsPage lang={lang || 'es'} />
+    </div>
+  </div>
+</Layout>