Updated with December event

smapiot · Nov 15, 2023 · 90953a6 · 90953a6
1 parent 30f5f99
commit 90953a6
Show file tree

Hide file tree

Showing 5 changed files with 271 additions and 159 deletions.
diff --git a/src/data/date.ts b/src/data/date.ts
@@ -0,0 +1,7 @@
+export function toDate(str: string) {
+  return new Date(`${str}T23:00:00Z`);
+}
+
+export function dateSorter(a: { date: string }, b: { date: string }) {
+  return toDate(a.date).valueOf() - toDate(b.date).valueOf();
+}
diff --git a/src/data/meetups.ts b/src/data/meetups.ts
@@ -0,0 +1,122 @@
+export const meetups = [
+  {
+    title: "December 2023",
+    date: "2023-12-14",
+    image:
+      "https://secure.meetupstatic.com/photos/event/a/f/1/9/600_517304825.webp?w=384",
+    time: {
+      CET: "7pm",
+      PST: "10am",
+      IST: "11:30pm",
+      ACST: "2:30am",
+    },
+    url: "https://www.meetup.com/microfrontends/events/297373513/",
+    video: "https://www.youtube.com/watch?v=FkomOOzb3V8",
+    description:
+      "For this special edition which is themed 'Santa is bringing modules this year'. In this episode we have three talks covering modern concepts w.r.t. frontend scalability - from monorepos to micro frontends to islands and discovery services up to tooling independence and Bun.",
+    guests: [
+      "Florian Rappl, Solution Architect at smapiot",
+      "Florian Weininger, Solution Engineer at smapiot",
+    ],
+  },
+  {
+    title: "November 2023",
+    date: "2023-11-16",
+    image:
+      "https://secure.meetupstatic.com/photos/event/1/f/1/1/600_516607953.webp?w=750",
+    time: {
+      CET: "5pm",
+      PST: "8am",
+      IST: "9:30pm",
+      ACST: "12:30am",
+    },
+    url: "https://www.meetup.com/microfrontends/events/296766366",
+    video: "https://www.youtube.com/watch?v=A_bF4ol0l3k",
+    description:
+      "For this edition we invited two guests to talk about the current state of micro frontends. They will share their knowledge and insights about the available tools, frameworks, and experiences gathered from teams around the world. As a basis we'll use the data gathered from the State of Micro Frontends 2023 survey, as well as the Consequences of Micro Frontends survey.",
+    guests: [
+      "Manfred Steyer, Trainer and Consultant",
+      "Luca Mezzalira, Principal Solutions Architect at AWS",
+    ],
+  },
+  {
+    title: "October 2023",
+    date: "2023-10-12",
+    image:
+      "https://secure.meetupstatic.com/photos/event/5/f/4/e/600_516384398.webp?w=384",
+    time: {
+      CET: "5pm",
+      PST: "8am",
+      IST: "8:30pm",
+      ACST: "12:30am",
+    },
+    url: "https://www.meetup.com/microfrontends/events/296598777",
+    video: "https://www.youtube.com/watch?v=MrtJD6_k500",
+    description:
+      "For this edition we invited two guests to share their journey into micro frontends. They will talk about their specific requirements, challenges, and achievements they crossed on their road towards scalable web development.",
+    guests: [
+      "Sandra Jurek, Frontend Engineer in JP Morgan Chase",
+      "Philipp Fehrmann, Consultant at Netlight",
+    ],
+  },
+  {
+    title: "September 2023",
+    date: "2023-09-14",
+    image:
+      "https://secure.meetupstatic.com/photos/event/c/a/6/f/600_515631823.webp?w=384",
+    time: {
+      CET: "5pm",
+      PST: "8am",
+      IST: "8:30pm",
+      ACST: "12:30am",
+    },
+    url: "https://www.meetup.com/microfrontends/events/295889940",
+    video: "https://www.youtube.com/watch?v=T54dpuqqOSw",
+    description:
+      "For this edition we invited two guests to share their journey into micro frontends. They will talk about their specific requirements, challenges, and achievements they crossed on their road towards scalable web development.",
+    guests: [
+      "Aleksandar Mirilovic, Director Software Engineering at adidas",
+      "Matteo Pietro Dazzi, Senior Software Developer at NearForm",
+    ],
+  },
+  {
+    title: "August 2023",
+    date: "2023-08-17",
+    image:
+      "https://secure.meetupstatic.com/photos/event/5/8/3/3/600_514642579.webp?w=384",
+    time: {
+      CET: "5pm",
+      PST: "8am",
+      IST: "8:30pm",
+      ACST: "12:30am",
+    },
+    url: "https://www.meetup.com/microfrontends/events/295008188/",
+    video: "https://www.youtube.com/watch?v=MN35_drIchE",
+    description:
+      "For this edition we invited two guests to show how they implemented frontend modularity and scalability into their projects and products. They will talk about their experience and why certain decisions have been relevant for their journey.",
+    guests: [
+      "Fatima AMZIL, Angular Frontend Tech Lead at OXYGEN TS",
+      "Manuel Römer, Software Engineer at smapiot",
+    ],
+  },
+  {
+    title: "July 2023",
+    date: "2023-07-13",
+    image:
+      "https://secure.meetupstatic.com/photos/event/6/6/5/b/600_513866203.webp?w=384",
+    time: {
+      CET: "5pm",
+      PST: "8am",
+      IST: "8:30pm",
+      ACST: "12:30am",
+    },
+    url: "https://www.meetup.com/microfrontends/events/294348865/",
+    video: "https://www.youtube.com/watch?v=ulgDjQuLq5k",
+    description:
+      "For this edition we invited two guests to share their journey into micro frontends. They will talk about their specific requirements, challenges, and achievements they crossed on their road towards scalable web development.",
+    guests: [
+      "Benjamin Schwendner, Product Architect at Axinom",
+      "Dimitri Renault, CEO of Mekom Solution",
+    ],
+  },
+];
diff --git a/src/data/meta.ts b/src/data/meta.ts
@@ -4,6 +4,7 @@ export const siteDescription =
 export const siteNameMulti = ["Micro", "Frontends"];
 export const repoUrl = "https://github.com/smapiot/micro-frontends-meetup";
 export const meetupUrl = "https://www.meetup.com/microfrontends/";
+export const cfpUrl = "https://sessionize.com/micro-frontends-meetup";
 export const legalUrl = "/legal-disclaimer";
 export const imprintUrl = "/imprint";
 export const year = new Date().getFullYear();
@@ -12,6 +13,10 @@ export const navigation = [
     name: "Meetups",
     route: "/meetups",
   },
+  {
+    name: "Call for Speakers",
+    route: cfpUrl,
+  },
   {
     name: "Checklist",
     route: "/checklist",
@@ -20,106 +25,8 @@ export const navigation = [
     name: "Code of Conduct",
     route: "/code-of-conduct",
   },
-];
-export const meetups = [
-  {
-    title: "November 2023",
-    date: "2023-10-16",
-    image:
-      "https://secure.meetupstatic.com/photos/event/1/f/1/1/600_516607953.webp?w=750",
-    time: {
-      CET: "5pm",
-      PST: "8am",
-      IST: "8:30pm",
-      ACST: "12:30am",
-    },
-    url: "https://www.meetup.com/microfrontends/events/296766366",
-    video: "https://www.youtube.com/watch?v=A_bF4ol0l3k",
-    description:
-      "For this edition we invited two guests to talk about the current state of micro frontends. They will share their knowledge and insights about the available tools, frameworks, and experiences gathered from teams around the world. As a basis we'll use the data gathered from the State of Micro Frontends 2023 survey, as well as the Consequences of Micro Frontends survey.",
-    guests: [
-      "Manfred Steyer, Trainer and Consultant",
-      "Luca Mezzalira, Principal Solutions Architect at AWS",
-    ],
-  },
-  {
-    title: "October 2023",
-    date: "2023-10-12",
-    image:
-      "https://secure.meetupstatic.com/photos/event/5/f/4/e/600_516384398.webp?w=384",
-    time: {
-      CET: "5pm",
-      PST: "8am",
-      IST: "8:30pm",
-      ACST: "12:30am",
-    },
-    url: "https://www.meetup.com/microfrontends/events/296598777",
-    video: "https://www.youtube.com/watch?v=MrtJD6_k500",
-    description:
-      "For this edition we invited two guests to share their journey into micro frontends. They will talk about their specific requirements, challenges, and achievements they crossed on their road towards scalable web development.",
-    guests: [
-      "Sandra Jurek, Frontend Engineer in JP Morgan Chase",
-      "Philipp Fehrmann, Consultant at Netlight",
-    ],
-  },
-  {
-    title: "September 2023",
-    date: "2023-09-14",
-    image:
-      "https://secure.meetupstatic.com/photos/event/c/a/6/f/600_515631823.webp?w=384",
-    time: {
-      CET: "5pm",
-      PST: "8am",
-      IST: "8:30pm",
-      ACST: "12:30am",
-    },
-    url: "https://www.meetup.com/microfrontends/events/295889940",
-    video: "https://www.youtube.com/watch?v=T54dpuqqOSw",
-    description:
-      "For this edition we invited two guests to share their journey into micro frontends. They will talk about their specific requirements, challenges, and achievements they crossed on their road towards scalable web development.",
-    guests: [
-      "Aleksandar Mirilovic, Director Software Engineering at adidas",
-      "Matteo Pietro Dazzi, Senior Software Developer at NearForm",
-    ],
-  },
-  {
-    title: "August 2023",
-    date: "2023-08-17",
-    image:
-      "https://secure.meetupstatic.com/photos/event/5/8/3/3/600_514642579.webp?w=384",
-    time: {
-      CET: "5pm",
-      PST: "8am",
-      IST: "8:30pm",
-      ACST: "12:30am",
-    },
-    url: "https://www.meetup.com/microfrontends/events/295008188/",
-    video: "https://www.youtube.com/watch?v=MN35_drIchE",
-    description:
-      "For this edition we invited two guests to show how they implemented frontend modularity and scalability into their projects and products. They will talk about their experience and why certain decisions have been relevant for their journey.",
-    guests: [
-      "Fatima AMZIL, Angular Frontend Tech Lead at OXYGEN TS",
-      "Manuel Römer, Software Engineer at smapiot",
-    ],
-  },
   {
-    title: "July 2023",
-    date: "2023-07-13",
-    image:
-      "https://secure.meetupstatic.com/photos/event/6/6/5/b/600_513866203.webp?w=384",
-    time: {
-      CET: "5pm",
-      PST: "8am",
-      IST: "8:30pm",
-      ACST: "12:30am",
-    },
-    url: "https://www.meetup.com/microfrontends/events/294348865/",
-    video: "https://www.youtube.com/watch?v=ulgDjQuLq5k",
-    description:
-      "For this edition we invited two guests to share their journey into micro frontends. They will talk about their specific requirements, challenges, and achievements they crossed on their road towards scalable web development.",
-    guests: [
-      "Benjamin Schwendner, Product Architect at Axinom",
-      "Dimitri Renault, CEO of Mekom Solution",
-    ],
+    name: "Meetup Group",
+    route: meetupUrl,
   },
 ];
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -2,9 +2,13 @@
 import Layout from "../layouts/Layout.astro";
 import Hero from "../components/Hero.astro";
 import Center from "../components/Center.astro";
-import { meetups } from "../data/meta";
+import { meetups } from "../data/meetups";
+import { toDate, dateSorter } from "../data/date";
 
-const [nextMeetup] = meetups;
+const now = new Date();
+const [nextMeetup] = meetups
+  .filter((m) => toDate(m.date) >= now)
+  .sort(dateSorter);
 ---
 
 <style>
@@ -29,23 +33,38 @@ const [nextMeetup] = meetups;
 
 <Layout title="Main">
   <Hero />
-  <Center>
-    <h2>Next Meetup: {nextMeetup.title}</h2>
-    <img src={nextMeetup.image} alt="Micro Frontends Meetup Teaser Image" />
-    <h3>🗓 Live on {nextMeetup.date}</h3>
-    <p class="datetime">
-      ⌚️ {
-        Object.entries(nextMeetup.time)
-          .map(([zone, time]) => `${time} ${zone}`)
-          .join(" / ")
-      }
-    </p>
-    <p>{nextMeetup.description}</p>
-    <p>Our guests in this episode:</p>
-    <ul>
-      {nextMeetup.guests.map(guest => (<li>{guest}</li>))}
-    </ul>
-    <p>🎞 Streamed live on <a href={nextMeetup.video}>YouTube</a>.</p>
-    <p>📢 More infos at <a href={nextMeetup.url}>meetup.com</a>.</p>
-  </Center>
+
+  {
+    nextMeetup ? (
+      <Center>
+        <h2>Next Meetup: {nextMeetup.title}</h2>
+        <img src={nextMeetup.image} alt="Micro Frontends Meetup Teaser Image" />
+        <h3>🗓 Live on {nextMeetup.date}</h3>
+        <p class="datetime">
+          ⌚️{" "}
+          {Object.entries(nextMeetup.time)
+            .map(([zone, time]) => `${time} ${zone}`)
+            .join(" / ")}
+        </p>
+        <p>{nextMeetup.description}</p>
+        <p>Our guests in this episode:</p>
+        <ul>
+          {nextMeetup.guests.map((guest) => (
+            <li>{guest}</li>
+          ))}
+        </ul>
+        <p>
+          🎞 Streamed live on <a href={nextMeetup.video}>YouTube</a>.
+        </p>
+        <p>
+          📢 More infos at <a href={nextMeetup.url}>meetup.com</a>.
+        </p>
+      </Center>
+    ) : (
+      <Center>
+        Nothing scheduled yet. Come back later or join our meetup group to be
+        notified when this changes.
+      </Center>
+    )
+  }
 </Layout>