WIP: Schedule

src/components/header.tsx

@@ -143,6 +143,8 @@ export const Header = () => (
         as="nav"
       >
         <MenuLink href="#about">About 🍕</MenuLink>
+        <MenuLink href="#schedule">Schedule 📅</MenuLink>
+        <MenuLink href="#organizers">Organizers 👩🏻👨🏻🧑🏻</MenuLink>
         <MenuLink href="#venue">Venue 🏰</MenuLink>
         {/* <MenuLink href="#sponsors">Sponsors 💕</MenuLink> */}
         <MenuLink href="#coc">CoC 💂</MenuLink>

src/data/schedule.ts

@@ -0,0 +1,196 @@
+export type Event = {
+    label?: string;
+    name?: string;
+    title?: string;
+    photo?: string;
+    link?: string;
+    when?: string;
+  };
+
+  export const SCHEDULE: Event[] = [
+    {
+      label: "Open Doors",
+      when: "2024/02/24 9:30 AM UTC+1"
+    },
+    {
+      label: "Welcome",
+      when: "2024/02/24 10:00 AM UTC+1"
+    },
+    {
+      name: "Łukasz Langa",
+      title: "Keynote: The big leap of Python 3.13",
+      photo: "/speakers/lukasz.jpeg",
+      link: "https://lukasz.langa.pl/",
+      when: "2024/02/24 10:12 AM UTC+1"
+    },
+    {
+      label: "Quick break (24 minutes)",
+      when: "2024/02/24 10:48 AM UTC+1"
+    },
+    {
+      name: "Honza Kral",
+      title: ".",
+      photo: "/speakers/honzak.jpg",
+      link: "https://www.linkedin.com/in/honzakral/",
+      when: "2024/02/24 11:12 AM UTC+1"
+    },
+    {
+      name: "Kayla Eilhart",
+      title: "Why Cyberfolks Love Python?",
+      photo: "/speakers/kayla.png",
+      link: "https://www.linkedin.com/in/zuzanapechova/",
+      when: "2024/02/24 11:24 AM UTC+1"
+    },
+    {
+      name: "Jan Pipek",
+      title: "Is Margherita Better than Quattro Stagioni? a.k.a. Polars vs Pandas API",
+      photo: "/speakers/janp.jpg",
+      link: "https://github.com/janpipek",
+      when: "2024/02/24 11:36 AM UTC+1"
+    },
+    {
+      name: "Karolina Surma",
+      title: "Licensing your Python project",
+      photo: "/speakers/karolina.jpeg",
+      link: "https://www.linkedin.com/in/karolina-surma-950452b7/",
+      when: "2024/02/24 11:48 AM UTC+1"
+    },
+    {
+      name: "Miro Hrončok",
+      title: "Python Packaging: pyproject.toml build backends under the hood",
+      photo: "/speakers/miro.jpg",
+      link: "https://hroncok.cz",
+      when: "2024/02/24 12:00 PM UTC+1"
+    },
+    {
+      name: "Mikuláš Muroň",
+      title: "Python in Orbit: Unleashing the Power of Satellite Data",
+      photo: "/speakers/mikulas.jpg",
+      link: "",
+      when: "2024/02/24 12:12 PM UTC+1"
+    },
+    {
+      name: "Barbora Drbohlavová",
+      title: "Do's and Don't's of event organizing",
+      photo: "/speakers/bara.jpg",
+      link: "https://www.linkedin.com/in/baradrb/",
+      when: "2024/02/24 12:12 PM UTC+1"
+    },
+    {
+      label: "Pizza Time! (1 hour)",
+      when: "2024/02/24 12:36 PM UTC+1"
+    },
+    {
+      name: "Kateřina Lesch",
+      title: "Keynote: TBA",
+      photo: "/speakers/katerina1.jpg",
+      link: "https://www.linkedin.com/in/kveselovska",
+      when: "2024/02/24 1:36 PM UTC+1"
+    },
+    {
+      name: "Martin Kolar",
+      title: "Freelancing: How to start work as a freelancer?",
+      photo: "/speakers/martin.jpg",
+      link: "https://martinkolar.eu/en/",
+      when: "2024/02/24 2:24 PM UTC+1"
+    },
+    {
+      name: "Tetiana Kukhelna",
+      title: "Automating Tasks with Python and Ansible",
+      photo: "/speakers/tetiana.jpg",
+      link: "https://www.linkedin.com/in/tetiana-kukhelna/",
+      when: "2024/02/24 2:24 PM UTC+1"
+    },
+    {
+      name: "Tim Hobbs",
+      title: "Deploying your Jupyter notebooks directly into production",
+      photo: "/speakers/tim.jpg",
+      link: "https://hobbs.cz",
+      when: "2024/02/24 2:36 PM UTC+1"
+    },
+    {
+      name: "Pavel Král",
+      title: "Large Language Models Across Languages",
+      photo: "/speakers/pavel.jpeg",
+      link: "https://pavelkral.eu",
+      when: "2024/02/24 2:48 PM UTC+1"
+    },
+    {
+      name: "Jürgen Gmach",
+      title: "Your perfect Python development experience on Ubuntu",
+      photo: "/speakers/jurgen.jpg",
+      link: "https://jugmac00.github.io/",
+      when: "2024/02/24 3:00 PM UTC+1"
+    },
+    {
+      name: "Matěj Volf",
+      title: "Web scraping tricks with mitmproxy and its scripting API",
+      photo: "/speakers/matej.jpeg",
+      link: "https://mvolfik.github.io/",
+      when: "2024/02/24 3:12 PM UTC+1"
+    },
+    {
+      name: "Soraya Roberta dos Santos Medeiros",
+      title: "CompiledPoem.py: Diversity, Education, and the Python Community in Brazil",
+      photo: "/speakers/soraya.png",
+      link: "https://sorayaroberta.com/",
+      when: "2024/02/24 3:24 PM UTC+1"
+    },
+    {
+      label: "Quick break (24 minutes)",
+      when: "2024/02/24 3:36 PM UTC+1"
+    },
+    {
+      name: "TBA",
+      title: "",
+      photo: "/speakers/pizza-square.png",
+      link: "",
+      when: "2024/02/24 4:12 PM UTC+1"
+    },
+    {
+      name: "Roman Pavelka",
+      title: "CLI to OpenAI GPT models",
+      photo: "/speakers/roman.jpg",
+      link: "https://www.romanpavelka.cz",
+      when: "2024/02/24 4:24 PM UTC+1"
+    },
+    {
+      name: "TBA",
+      title: "",
+      photo: "/speakers/pizza-square.png",
+      link: "",
+      when: "2024/02/24 4:36 PM UTC+1"
+    },
+    {
+      name: "TBA",
+      title: "",
+      photo: "/speakers/pizza-square.png",
+      link: "",
+      when: "2024/02/24 4:48 PM UTC+1"
+    },
+    {
+      name: "TBA",
+      title: "",
+      photo: "/speakers/pizza-square.png",
+      link: "",
+      when: "2024/02/24 5:00 PM UTC+1"
+    },
+    {
+      name: "Klára Mikšíčková",
+      title: "How to overcome overwhelm and reduce work stress",
+      photo: "/speakers/klara.jpeg",
+      link: "www.kouc-miksickova.cz",
+      when: "2024/02/24 5:12 PM UTC+1"
+    },
+    {
+      name: "TBA",
+      title: "",
+      photo: "/speakers/pizza-square.png",
+      link: "",
+      when: "2024/02/24 5:24 PM UTC+1"
+    },
+    {
+      label: "Closing 👋 and Lightning Talks ⚡",
+      when: "2024/02/24 5:36 PM UTC+1"
+    },
+  ];

src/pages/index.tsx

@@ -5,12 +5,13 @@ import { Footer } from "~/components/footer";
 import { Header } from "~/components/header";
 import { genericInformation } from "~/data/generic";
 import { About } from "~/sections/about";
-import { CFP } from "~/sections/cfp";
-import { Announcements } from "~/sections/announcements";
+
 import { SpeakersSection } from "~/sections/speakers";
 import { Coc } from "~/sections/coc";
+import { Schedule } from "~/sections/schedule";
 import { Hero } from "~/sections/hero";
 import { Sponsors } from "~/sections/sponsors";
+import { OrganizerSection } from "~/sections/organizers";
 import { Venue } from "~/sections/venue";
 
 const Home = () => (
@@ -41,11 +42,11 @@ const Home = () => (
     <Header />
     <Hero />
     <About />
-    <Announcements />
     <SpeakersSection />
-    <Venue />
-    <CFP />
+    <Schedule />
+    <OrganizerSection />
     <Sponsors />
+    <Venue />
     <Coc />
     <Footer />
     <script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>

src/sections/organizer.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+const Organizer = ({ name, image }) => {
+    return (
+        <div>
+            <img
+                src={image}
+                alt={name}
+                style={{
+                    width: '90%',
+                    height: 'auto',
+                    borderRadius: '50%',
+                    objectFit: "cover",
+                }}
+            />
+            <h3>{name}</h3>
+        </div>
+    );
+};
+
+export default Organizer;

src/sections/organizers.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import Organizer from './organizer';
+import { Container, Heading, Grid, Paragraph } from "theme-ui";
+
+const orgData = [
+    { name: "Mia Bajić", image: "/speakers/mia.jpg", index: 1 },
+    { name: "Artur Czepiel", image: "/speakers/pizza-square.png", index: 2 },
+    { name: "Sena Şahin", image: "/speakers/pizza-square.png", index: 3 },
+    { name: "Piotr Gnus", image: "/speakers/piotr.jpg", index: 4 },
+    { name: "Moisés Guimarães de Medeiros", image: "/speakers/pizza-square.png", index: 5 },
+];
+
+export const OrganizerSection = () => {
+    return (
+        <Container id="organizers" variant="smallContainer">
+            <Heading>Organizers</Heading>
+            <Paragraph>Python Pizza is brought to life by volunteers. Everyone from our organizing team to our amazing speakers are donating their time to make this event happen.</Paragraph>
+            <br />
+            <Paragraph>By the community for the community. </Paragraph> 
+            <br />
+
+            <div style={{
+                display: 'flex',
+                flexWrap: 'wrap',
+                justifyContent: 'center'
+            }}>
+                <Grid columns={[2,2,2,3]} gap="primary">
+                    {orgData.map((org) => (
+                        <Organizer
+                            key={org.index}
+                            name={org.name}
+                            image={org.image}
+                        />
+                    ))}
+                </Grid>
+            </div>
+        </Container >
+
+    );
+};

src/sections/schedule.tsx

@@ -6,8 +6,6 @@ import { SCHEDULE } from "~/data/schedule";
 export const Schedule = () => (
   <Container id="schedule" variant="smallContainer">
     <Heading>Schedule</Heading>
-    <Paragraph>The schedule is displayed in your timezone</Paragraph>
-    <Paragraph>THIS IS NOT THE FINAL SCHEDULE!</Paragraph>
 
     {SCHEDULE.map((schedule, index) => (
       <ScheduleCard

src/sections/speaker.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 const Speaker = ({ name, affiliation, image }) => {
   return (
     <div className="speaker">
-      <img src={image} alt={name} width="50%" height="auto" objectFit="contain" border-radius="80%" />
+      <img src={image} alt={name} style={{width: "50%", height: "auto", borderRadius: "50%"}} />
       <h3>{name}</h3>
       <p>{affiliation}</p>
     </div>

src/sections/speakers.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Speaker from './speaker';
-import { Container, Heading, Paragraph } from "theme-ui";
+import { Container, Heading } from "theme-ui";
 
 const speakersData = [
   { name: "Łukasz Langa", affiliation: "CPython Developer in Residence, Python 3.8 and 3.9 release manager", image: "/speakers/lukasz.jpeg", index: 1 },
@@ -9,7 +9,7 @@ const speakersData = [
 
 export const SpeakersSection = () => {
   return (
-    <Container id="venue" variant="smallContainer">
+    <Container id="keynote" variant="smallContainer">
       <Heading>Keynote speakers</Heading>
       <div style={{ display: 'flex', justifyContent: 'space-around' }}>
         {speakersData.map((speaker) => (