Close the CFP

src/components/Button.astro

@@ -4,6 +4,7 @@ interface Props {
   variant?: "solid" | "outline" | "inverted";
   class?: string;
   id?: string;
+  disabled?: boolean;
 }
 
 const variantClass = {
@@ -12,16 +13,24 @@ const variantClass = {
   inverted: "btn-inverted",
 };
 
-const { href, variant = "solid", class: cls, id } = Astro.props;
+const {
+  href,
+  variant = "solid",
+  class: cls,
+  id,
+  disabled = false,
+} = Astro.props;
 const external = href.startsWith("http");
 ---
 
 <a
   id={id}
-  href={href}
-  target={external ? "_blank" : undefined}
-  rel={external ? "noopener noreferrer" : undefined}
-  class:list={["btn", variantClass[variant], cls]}
+  href={disabled ? undefined : href}
+  target={!disabled && external ? "_blank" : undefined}
+  rel={!disabled && external ? "noopener noreferrer" : undefined}
+  aria-disabled={disabled ? "true" : undefined}
+  tabindex={disabled ? -1 : undefined}
+  class:list={["btn", variantClass[variant], disabled && "btn-disabled", cls]}
 >
   <slot />
 </a>

src/components/Header.astro

@@ -34,7 +34,7 @@ const optimizedCityBg = await getImage({
 
     <nav class="hidden lg:flex items-center gap-1">
       {menuItems.map(({ href, label }) => (
-        <a href={href} class="nav-link text-center whitespace-nowrap">
+        <a href={href} class="nav-link text-center whitespace-nowrap font-normal">
           {label}
         </a>
       ))}
@@ -58,7 +58,7 @@ const optimizedCityBg = await getImage({
         <li>
           <a
             href={href}
-            class="mobile-nav-link text-white text-2xl leading-tight py-2 block text-center hover:underline underline-offset-4"
+            class="mobile-nav-link text-white text-2xl leading-tight font-normal py-2 block text-center hover:underline underline-offset-4"
           >
             {label}
           </a>

src/content/prose/cfp-details.mdx

@@ -2,9 +2,9 @@ import { event } from "@data/event";
 import Button from "@components/Button.astro";
 
 <div class="prose-banner">
-  <p class="m-0">Deadline extended!</p>
-  <p class="m-0">Submissions now close <span class="line-through opacity-70">25 August 2026</span> {event.cfp.deadlineDisplay}.</p>
-  <Button href={event.cfp.url} variant="inverted" class="mt-6 no-underline">Submit your talk →</Button>
+  <p class="m-0">The CFP is now closed.</p>
+  <p class="m-0">Submissions closed on {event.cfp.deadlineDisplay}.</p>
+  <Button href={event.cfp.url} variant="inverted" class="mt-6 no-underline" disabled>Submissions closed</Button>
 </div>
 
 ## Everyone is welcome here

src/content/prose/cfp.mdx

@@ -1,5 +1,5 @@
 import { event } from "@data/event";
 
-The CFP is open! Got a Python project, story, or hard-won lesson to share? We want to hear it - all experience levels welcome, first-time speakers especially.
+The CFP is now closed. Thanks to everyone who shared a Python project, story, or hard-won lesson with us - across all experience levels, including first-time speakers.
 
-Talks are 10 minutes, mostly in English, with a few Turkish slots for this first edition. Submissions close <span class="deadline-old">25 August 2026</span>{" "}<strong>{event.cfp.deadlineDisplay}</strong>.
+Talks are 10 minutes, mostly in English, with a few Turkish slots for this first edition. Submissions closed on <span class="deadline-old">25 August 2026</span>{" "}<strong>{event.cfp.deadlineDisplay}</strong>.

src/data/event.ts

@@ -35,19 +35,12 @@ export const event = {
   },
   // shown together in the hero; ctas with floating: true also get a floating button once scrolled past
   ctas: [
-    {
-      id: "cfp",
-      label: "Submit a talk! 🎤",
-      href: cfpUrl,
-      variant: "outline" as const,
-      floating: true,
-    },
     {
       id: "tickets",
       label: "Get your ticket! 🎟️",
       href: ticketsUrl,
-      variant: "inverted" as const,
-      floating: false,
+      variant: "outline" as const,
+      floating: true,
     },
   ],
 };

src/data/navigation.ts

@@ -1,8 +1,8 @@
 export const menuItems = [
   { href: "/#about", label: "About 🍕" },
-  { href: "/#cfp", label: "CFP 🙋🏻‍♀️" },
   { href: "/#venue", label: "Venue 🏰" },
   { href: "/#sponsors", label: "Sponsors 💛" },
+  { href: "/#cfp", label: "CFP 🙋🏻‍♀️" },
   // { href: "/#schedule", label: "Program 📅" },
   // { href: "/compact-agenda/", label: "Compact agenda 🔗" },
   { href: "/#organizers", label: "Organizers 👩🏻" },

src/pages/cfp.astro

@@ -19,7 +19,7 @@ import Content from "@prose/cfp-details.mdx";
       <Content />
     </Prose>
     <div class="text-center mt-8">
-      <Button href={event.cfp.url}>Submit your talk</Button>
+      <Button href={event.cfp.url} disabled>CFP closed</Button>
     </div>
   </main>
   <Footer />

src/pages/index.astro

@@ -50,15 +50,15 @@ const twitter = socials.find((s) => s.handle);
     <Section id="about" title={`Python Pizza is Coming to ${event.city}!`}>
       <Prose><AboutContent /></Prose>
     </Section>
-    <Section id="cfp" title="Call for Proposals: Deadline Extended! 🎤">
+    <Venue />
+    <Sponsors />
+    <Section id="cfp" title="Call for Proposals: Closed 🎤">
       <Prose><CfpContent /></Prose>
       <div class="mt-8 flex flex-col sm:flex-row items-center justify-center gap-4">
-        <Button href={event.cfp.url}>Submit a talk! 🎤</Button>
+        <Button href={event.cfp.url} disabled>CFP closed</Button>
         <Button href="/cfp/">Read the full CFP →</Button>
       </div>
     </Section>
-    <Venue />
-    <Sponsors />
     {/* <Schedule /> */}
     <Organizers />
     <Section id="coc" title="Code of Conduct">

src/styles/global.css

@@ -189,6 +189,9 @@
   .btn-inverted {
     @apply bg-white text-primary;
   }
+  .btn-disabled {
+    @apply opacity-50 pointer-events-none cursor-not-allowed hover:translate-y-0;
+  }
 
   .cta-hidden {
     opacity: 0;