-
+
{s.becomeSponsorCta}
diff --git a/src/styles/landing.scss b/src/styles/landing.scss
index 3aed80c..20874d1 100644
--- a/src/styles/landing.scss
+++ b/src/styles/landing.scss
@@ -365,6 +365,141 @@
}
}
+/* After movie — YouTube embed with poster + play control */
+.landing-after-movie {
+ padding: clamp(2.5rem, 6vw, 4rem) clamp(1rem, 3vw, 1.5rem);
+ background: #f7f8fc;
+}
+
+.landing-after-movie__container {
+ max-width: 1320px;
+ margin: 0 auto;
+}
+
+.landing-after-movie__header {
+ text-align: center;
+ max-width: 40rem;
+ margin: 0 auto clamp(1.75rem, 4vw, 2.75rem);
+}
+
+.landing-after-movie__title {
+ margin: 0;
+ font-family: 'Maven Pro', 'Nunito', sans-serif;
+ font-size: clamp(1.75rem, 4vw, 2.5rem);
+ font-weight: 600;
+ line-height: 1.15;
+ letter-spacing: 0.04em;
+ color: #0a0a0a;
+}
+
+.landing-after-movie__subtitle {
+ margin: 0.85rem 0 0;
+ font-family: 'Geist', system-ui, sans-serif;
+ font-size: clamp(0.95rem, 1.35vw, 1.08rem);
+ font-weight: 500;
+ line-height: 1.5;
+ color: #5c5f78;
+}
+
+.landing-after-movie__frame-wrap {
+ max-width: min(960px, 100%);
+ margin: 0 auto;
+}
+
+.landing-after-movie__frame {
+ position: relative;
+ width: 100%;
+ aspect-ratio: 16 / 9;
+ border-radius: clamp(18px, 3vw, 28px);
+ overflow: hidden;
+ background: #e8e9f4;
+ box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
+}
+
+.landing-after-movie__iframe {
+ position: absolute;
+ inset: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
+
+.landing-after-movie__poster {
+ position: absolute;
+ inset: 0;
+ display: block;
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ border: none;
+ cursor: pointer;
+ background: #1a1a24;
+}
+
+.landing-after-movie__poster:focus-visible {
+ outline: 3px solid #6155f5;
+ outline-offset: 4px;
+}
+
+.landing-after-movie__poster-bg {
+ position: absolute;
+ inset: -12px;
+ overflow: hidden;
+}
+
+.landing-after-movie__poster-img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ filter: grayscale(1) blur(10px);
+ transform: scale(1.04);
+ opacity: 0.92;
+}
+
+.landing-after-movie__poster-scrim {
+ position: absolute;
+ inset: 0;
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.landing-after-movie__play {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: clamp(4rem, 12vw, 5.25rem);
+ height: clamp(4rem, 12vw, 5.25rem);
+ border-radius: 50%;
+ background: #f4f4fd;
+ color: #4b41c4;
+ box-shadow:
+ 0 4px 24px rgba(0, 0, 0, 0.18),
+ 0 1px 3px rgba(0, 0, 0, 0.08);
+ transition:
+ transform 0.2s ease,
+ box-shadow 0.2s ease;
+}
+
+.landing-after-movie__poster:hover .landing-after-movie__play {
+ transform: translate(-50%, -50%) scale(1.04);
+ box-shadow:
+ 0 8px 32px rgba(75, 65, 196, 0.25),
+ 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.landing-after-movie__play-icon {
+ margin-left: 4px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .landing-after-movie__poster:hover .landing-after-movie__play {
+ transform: translate(-50%, -50%);
+ }
+}
+
/* Keynotes — frame 2059:353 */
.landing-keynotes {
position: relative;
@@ -645,7 +780,8 @@
.landing-gallery__viewport {
overflow: hidden;
- padding: 0.5rem 0;
+ /* Vertical room so slide hover (translateY + shadow) is not clipped */
+ padding: 1rem 0;
}
.landing-gallery__track {
@@ -1370,15 +1506,14 @@
position: relative;
margin-bottom: clamp(2rem, 5vw, 3.5rem);
padding-bottom: clamp(1rem, 3vw, 2rem);
- overflow: hidden;
+ /* Allow hover scale / shadows on .cfp-btn to paint outside the box */
+ overflow: visible;
}
.cfp-hero__glow {
position: absolute;
- top: 0;
- right: 0;
- width: 66%;
- height: 100%;
+ inset: 0;
+ overflow: hidden;
pointer-events: none;
z-index: 0;
opacity: 0.35;
diff --git a/src/styles/sponsors.scss b/src/styles/sponsors.scss
index e794bc2..0791b02 100644
--- a/src/styles/sponsors.scss
+++ b/src/styles/sponsors.scss
@@ -1,7 +1,5 @@
// Sponsors page — layout and tokens aligned with PyCon Colombia 2026 sponsors design
$sponsors-primary: #444dc5;
-$sponsors-primary-dim: #3740b8;
-$sponsors-inverse-primary: #7b85fe;
$sponsors-surface: #f5f6fb;
$sponsors-on-surface: #2c2f33;
$sponsors-on-surface-variant: #595c60;
@@ -120,49 +118,6 @@ $sponsors-diamond-shell: #e6e8f4;
.sponsors-page__hero-cta-wrap {
flex-shrink: 0;
- padding-bottom: 0.35rem;
-}
-
-.sponsors-page__cta {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- gap: 0.5rem;
- font-family: "Plus Jakarta Sans", system-ui, sans-serif;
- font-weight: 700;
- font-size: 1rem;
- padding: 1rem 2rem;
- border-radius: 9999px;
- color: #f3f1ff;
- background: linear-gradient(
- 90deg,
- #{$sponsors-primary} 0%,
- #{$sponsors-inverse-primary} 100%
- );
- box-shadow: 0 8px 30px rgb(68 77 197 / 0.2);
- transform: scale(0.97);
- transition:
- box-shadow 0.3s ease,
- transform 0.3s ease;
-
- &:hover {
- box-shadow: 0 12px 40px rgb(68 77 197 / 0.3);
- transform: scale(1);
- }
-
- &:active {
- opacity: 0.9;
- }
-
- svg {
- width: 1.25rem;
- height: 1.25rem;
- transition: transform 0.3s ease;
- }
-
- &:hover svg {
- transform: translate(0.15rem, -0.15rem);
- }
}
// Sections stack — large separation between tiers (reference ~60–80px)
diff --git a/src/translation.js b/src/translation.js
index 255dc92..ab469fa 100644
--- a/src/translation.js
+++ b/src/translation.js
@@ -80,6 +80,14 @@ const data = {
email: "Email",
submitButton: "Subscribe to newsletter",
},
+ afterMovie: {
+ sectionAriaLabel: "2025 conference after movie",
+ title: "2025 After Movie",
+ subtitle:
+ "Relive the magic of our previous gathering. See what makes PyCon Colombia a unique experience.",
+ playLabel: "Play after movie video",
+ youtubeVideoId: "6JUYr7QBtBI",
+ },
keynotes: {
sectionAriaLabel: "Keynote speakers",
title: "Keynotes Speakers",
@@ -207,7 +215,7 @@ const data = {
name: "Irit Katriel",
profession:
"Principal Software Engineer @ Microsoft, CPython Core Developer",
- flag: { code: "il", label: "Israel" },
+ flag: { code: "gb", label: "United Kingdom" },
bio: "Irit Katriel is a Principal Software Engineer at Microsoft and a CPython core developer focused on programming language design and compiler architecture. Major contributions to Python include PEP 654, Exception Groups, except*, and significant improvements to CPython’s compiler and exception systems. Irit also works on Python Performance Engineering at Microsoft and has authored several academic publications.",
social: [
{
@@ -694,6 +702,14 @@ Join us to learn, share, and connect with python professionals from across the g
email: "Correo",
submitButton: "Suscribirse al boletín",
},
+ afterMovie: {
+ sectionAriaLabel: "Video after movie de la conferencia 2025",
+ title: "After movie 2025",
+ subtitle:
+ "Revive la magia de nuestro encuentro anterior. Descubre qué hace única la experiencia de PyCon Colombia.",
+ playLabel: "Reproducir video del after movie",
+ youtubeVideoId: "6JUYr7QBtBI",
+ },
keynotes: {
sectionAriaLabel: "Ponentes magistrales",
title: "Ponentes magistrales",
@@ -806,7 +822,7 @@ Join us to learn, share, and connect with python professionals from across the g
name: "Irit Katriel",
profession:
"Principal Software Engineer en Microsoft, desarrolladora core de CPython",
- flag: { code: "il", label: "Israel" },
+ flag: { code: "gb", label: "Reino Unido" },
bio: "Irit Katriel es Principal Software Engineer en Microsoft y desarrolladora core de CPython, enfocada en el diseño de lenguajes de programación y la arquitectura de compiladores. Entre sus principales contribuciones a Python se encuentran la PEP 654, los Exception Groups, el constructo except* y mejoras significativas en el compilador y el sistema de excepciones de CPython. Irit también trabaja en Python Performance Engineering en Microsoft y ha publicado artículos académicos.",
social: [
{