feat: update schedule details

Author: piotrgredowski

.gitignore

@@ -107,4 +107,5 @@ out
 
 .DS_Store
 
-.vscode
+.vscode
+.scratchpad

public/socials/github.svg

@@ -15,6 +15,20 @@ type Props = {
   schedule: Event;
 };
 
+const formatTime = (time: string) => format(new Date(time), "HH:mm");
+
+const formatTimeRange = ({ when, until }: Event) => {
+  if (!when) {
+    return null;
+  }
+
+  if (!until) {
+    return formatTime(when);
+  }
+
+  return `${formatTime(when)}-${formatTime(until)}`;
+};
+
 const TalkCard: React.FC<{
   invert: Props["invert"];
   schedule: Props["schedule"];
@@ -29,6 +43,10 @@ const TalkCard: React.FC<{
     <Card
       sx={{
         minHeight: "12.8rem",
+        border: schedule.isKeynote ? ".3rem solid #ed4337" : undefined,
+        boxShadow: schedule.isKeynote
+          ? "0 8px 32px -12px #ed4337"
+          : undefined,
         p: photos.length
           ? [
               "3.2rem 4rem 2rem",
@@ -105,6 +123,20 @@ const TalkCard: React.FC<{
           fontSize: ["smallBody", "body"],
         }}
       >
+        {schedule.isKeynote && (
+          <Text
+            sx={{
+              display: "inline-flex",
+              alignItems: "center",
+              color: "primary",
+              fontFamily: "heading",
+              fontSize: "smallBody",
+              fontWeight: "heading",
+            }}
+          >
+            Keynote speaker
+          </Text>
+        )}
         {speakers.map((speaker) => (
           <Text
             key={speaker.name}
@@ -201,23 +233,28 @@ export const ScheduleCard: React.FC<Props> = ({
     {variant === "talk" && <TalkCard schedule={schedule} invert={invert} />}
     {variant === "info" && <InfoCard schedule={schedule} />}
 
-    {schedule.when && (
+    {formatTimeRange(schedule) && (
       <Text
         key="when"
         sx={{
           position: "absolute",
-          top: ["-3rem", "50%"],
-          left: invert ? ["5rem", "2rem"] : ["5rem", "calc(100% - 2rem)"],
-          transform: [
-            null,
-            invert
-              ? "translateY(-50%) translateX(0)"
-              : "translateY(-50%) translateX(-100%)",
-          ],
-          color: variant === "info" ? ["text", "white"] : "text",
+          zIndex: 1,
+          top: 0,
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          px: "1rem",
+          py: ".35rem",
+          borderRadius: "999px",
+          backgroundColor: variant === "info" ? "white" : "primary",
+          boxShadow: "0 4px 16px -8px #464444",
+          color: variant === "info" ? "primary" : "white",
+          fontFamily: "heading",
+          fontSize: "smallBody",
+          lineHeight: 1,
+          whiteSpace: "nowrap",
         }}
       >
-        {format(new Date(schedule.when), "HH:mm")}
+        {formatTimeRange(schedule)}
       </Text>
     )}
   </Box>

public/socials/website.svg

@@ -9,3 +9,21 @@ export const linkedInLink = (url: string): ProfileLink => ({
   icon: "/socials/linkedin.png",
   label: "LinkedIn",
 });
+
+export const githubLink = (url: string): ProfileLink => ({
+  url,
+  icon: "/socials/github.svg",
+  label: "GitHub",
+});
+
+export const websiteLink = (url: string): ProfileLink => ({
+  url,
+  icon: "/socials/website.svg",
+  label: "website",
+});
+
+export const twitterLink = (url: string): ProfileLink => ({
+  url,
+  icon: "/socials/twitter.png",
+  label: "X/Twitter",
+});

src/components/schedule-card.tsx

@@ -5,171 +5,207 @@ export type Event = {
   title?: string;
   speakerIds?: SpeakerId[];
   when?: string;
+  until?: string;
+  isKeynote?: boolean;
 };
 
 export const SCHEDULE: Event[] = [
   {
     label: "Registration",
     when: "2026-05-09T09:30:00+02:00",
+    until: "2026-05-09T10:00:00+02:00",
   },
   {
     label: "Opening",
     when: "2026-05-09T10:00:00+02:00",
+    until: "2026-05-09T10:10:00+02:00",
   },
   {
     title:
       "The Python Dilemma on Microsoft Fabric: Data Wrangler, Pandas, or PySpark?",
     speakerIds: ["estera-kot"],
     when: "2026-05-09T10:10:00+02:00",
+    until: "2026-05-09T10:34:00+02:00",
+    isKeynote: true,
   },
   {
     title:
       "On negative motivation for programming, on reputation and ever neurodiversity",
     speakerIds: ["bartek-brak"],
     when: "2026-05-09T10:34:00+02:00",
+    until: "2026-05-09T10:46:00+02:00",
   },
   {
     title:
       "It Doesn’t Have to Be Perfect: How I Shipped a Sales Forecasting Pipeline at 16",
     speakerIds: ["yevhen-maltsev"],
     when: "2026-05-09T10:46:00+02:00",
+    until: "2026-05-09T10:58:00+02:00",
   },
   {
     title: "Building robust MCP servers with Python and FastMCP",
     speakerIds: ["vladyslav-fedoriuk"],
     when: "2026-05-09T10:58:00+02:00",
+    until: "2026-05-09T11:10:00+02:00",
   },
   {
     label: "Coffee Break #1",
     when: "2026-05-09T11:10:00+02:00",
+    until: "2026-05-09T11:34:00+02:00",
   },
   {
     title: "AI In Drug Design",
     speakerIds: ["jonas-cicenas"],
     when: "2026-05-09T11:34:00+02:00",
+    until: "2026-05-09T11:46:00+02:00",
   },
   {
     title: "SuperDoc SDK: a modern alternative to python-docx",
     speakerIds: ["andrii-orlov"],
     when: "2026-05-09T11:34:00+02:00",
+    until: "2026-05-09T11:46:00+02:00",
   },
   {
     title:
       "Beat the Pareto Principle: Let AI Handle the How, So You Can Focus on the Why",
     speakerIds: ["krzysiek-wilczynski"],
     when: "2026-05-09T11:46:00+02:00",
+    until: "2026-05-09T11:58:00+02:00",
   },
   {
     title: "I vibecoded my wedding",
     speakerIds: ["dorota-ostrowska"],
     when: "2026-05-09T11:58:00+02:00",
+    until: "2026-05-09T12:10:00+02:00",
   },
   {
     label: "Coffee Break #2",
     when: "2026-05-09T12:10:00+02:00",
+    until: "2026-05-09T12:34:00+02:00",
   },
   {
     title:
       "One Logic, Two Worlds: Unified Large-Scale Feature Engineering with Polars",
     speakerIds: ["eliska-kosturova"],
     when: "2026-05-09T12:34:00+02:00",
+    until: "2026-05-09T12:46:00+02:00",
   },
   {
     title: "Burn Your requirements.txt: The 10-Minute UV & Ruff Speedrun",
     speakerIds: ["cyprian-gburek"],
     when: "2026-05-09T12:46:00+02:00",
+    until: "2026-05-09T12:58:00+02:00",
   },
   {
     title:
       "I am Python Engineer. How do I contribute to the Open Mercato - an open source Next.js ERP?",
     speakerIds: ["mateusz-staniaszek"],
     when: "2026-05-09T12:58:00+02:00",
+    until: "2026-05-09T13:10:00+02:00",
   },
   {
     title: "Don't be scared when PostgreSQL Stops Using Your Indexes",
     speakerIds: ["szymon-cader"],
     when: "2026-05-09T13:10:00+02:00",
+    until: "2026-05-09T13:22:00+02:00",
   },
   {
     label: "Pizza!",
     when: "2026-05-09T13:22:00+02:00",
+    until: "2026-05-09T14:22:00+02:00",
   },
   {
     title: "Self Improving Expert Systems for medical sourcing",
     speakerIds: ["timothy-hobbs"],
     when: "2026-05-09T14:22:00+02:00",
+    until: "2026-05-09T14:34:00+02:00",
   },
   {
     title: "TBA",
     speakerIds: ["marta-mulik-walczyna"],
     when: "2026-05-09T14:34:00+02:00",
+    until: "2026-05-09T14:46:00+02:00",
   },
   {
     title: "Stealth Scraping 2026: Camoufox czy Nodriver?",
     speakerIds: ["jakub-melzacki", "daniel-goliszewski"],
     when: "2026-05-09T14:46:00+02:00",
+    until: "2026-05-09T14:58:00+02:00",
   },
   {
     title: "Unsupervised Football Team Classification Using Clustering Techniques",
     speakerIds: ["aksa-fatima"],
     when: "2026-05-09T14:58:00+02:00",
+    until: "2026-05-09T15:10:00+02:00",
   },
   {
     label: "Coffee Break #3",
     when: "2026-05-09T15:10:00+02:00",
+    until: "2026-05-09T15:34:00+02:00",
   },
   {
     title: "DevOps: You Own More Than You Think",
     speakerIds: ["janusz-kamienski"],
     when: "2026-05-09T15:34:00+02:00",
+    until: "2026-05-09T15:46:00+02:00",
   },
   {
     title: "Knowledge representation for efficient learning and communication",
     speakerIds: ["jan-bielecki"],
     when: "2026-05-09T15:46:00+02:00",
+    until: "2026-05-09T15:58:00+02:00",
   },
   {
     title: "AI that doesn't lie",
     speakerIds: ["aleksandra-olszewska"],
     when: "2026-05-09T15:58:00+02:00",
+    until: "2026-05-09T16:10:00+02:00",
   },
   {
     title:
       "Three Startups, One Pattern: What It Takes to Build with Python and AI",
     speakerIds: ["vadym-lishchynskyi"],
     when: "2026-05-09T16:10:00+02:00",
+    until: "2026-05-09T16:22:00+02:00",
   },
   {
     label: "Coffee Break #4",
     when: "2026-05-09T16:22:00+02:00",
+    until: "2026-05-09T16:46:00+02:00",
   },
   {
     title: "Wawa-Uiua! Very Nice Array Programming!",
     speakerIds: ["mateusz-zaremba"],
     when: "2026-05-09T16:46:00+02:00",
+    until: "2026-05-09T16:58:00+02:00",
   },
   {
     title:
       "When the DATE type shouldn't be used for dates - a love letter to some programming languages",
     speakerIds: ["bartek-nowak"],
     when: "2026-05-09T16:58:00+02:00",
+    until: "2026-05-09T17:10:00+02:00",
   },
   {
     title: "LLM made me install it",
     speakerIds: ["kinga-marszalkowska"],
     when: "2026-05-09T17:10:00+02:00",
+    until: "2026-05-09T17:22:00+02:00",
   },
   {
     title: "Test more by checking less 👀",
     speakerIds: ["sebastian-buczynski"],
     when: "2026-05-09T17:22:00+02:00",
+    until: "2026-05-09T17:34:00+02:00",
   },
   {
     label: "Lightning talks",
     when: "2026-05-09T17:34:00+02:00",
+    until: "2026-05-09T17:58:00+02:00",
   },
   {
     label: "Closing Session",
     when: "2026-05-09T17:58:00+02:00",
+    until: "2026-05-09T18:10:00+02:00",
   },
 ];