Add multiple subscription links

Author: Wykks

src/components/index/Hero.astro

@@ -26,5 +26,4 @@ import LogoFull from "./logo_full.png";
       loading="eager"
     />
   </div>
-  <!-- <Scroller /> -->
 </div>

src/components/mktd/ButtonWithMovingBorderEffect.tsx

@@ -27,7 +27,7 @@ export function ButtonWithMovingBorderEffect({
   [key: string]: any;
 }) {
   return (
-    <a
+    <div
       className={cn(
         "relative block h-16 w-40 overflow-hidden bg-transparent p-[1px] text-xl",
         containerClassName,
@@ -62,7 +62,7 @@ export function ButtonWithMovingBorderEffect({
       >
         {children}
       </div>
-    </a>
+    </div>
   );
 }
 

src/components/mktd/Hero.astro

@@ -4,6 +4,7 @@ import { type CollectionEntry } from "astro:content";
 import Logo from "../logo.svg";
 import { ButtonWithMovingBorderEffect } from "./ButtonWithMovingBorderEffect";
 import { formatISO } from "date-fns";
+import { Icon } from "astro-icon/components";
 
 type Props = CollectionEntry<"mktds">;
 
@@ -33,26 +34,30 @@ const mktdIsUpcoming = mktd.data.date > new Date();
       /></a
     >
   </div>
-  <div
-    class="container m-auto flex flex-wrap items-center justify-around gap-4 px-4 pb-8"
-  >
-    <div class="grid grid-rows-[1fr_auto_1fr]">
-      <div class="row-start-2">
+  <div class="container m-auto flex flex-wrap justify-around gap-4 px-4 pb-8">
+    <div
+      class="flex flex-col items-center gap-4"
+      class:list={mktdIsUpcoming ? "justify-end" : "justify-center"}
+    >
+      <div class="">
         <time datetime={date}>{formattedDate}</time>
         <h1 class="text-4xl font-bold">{mktd.data.name}</h1>
         <p class="text-xl first-letter:uppercase">{mktd.data.subtitle}</p>
       </div>
       {
         mktdIsUpcoming && (
-          <div class="row-start-3 mt-6 justify-self-start">
-            <ButtonWithMovingBorderEffect
-              client:idle
-              rel="noopener"
-              href={mktd.data.inscriptionLink}
-            >
-              S'inscrire
-            </ButtonWithMovingBorderEffect>
-          </div>
+          <ButtonWithMovingBorderEffect client:idle className="gap-2">
+            S'inscrire
+            {mktd.data.inscriptionLinks.map((inscriptionLink) => (
+              <a
+                rel="noopener"
+                href={inscriptionLink.url}
+                aria-label={inscriptionLink.type}
+              >
+                <Icon name={inscriptionLink.type} />
+              </a>
+            ))}
+          </ButtonWithMovingBorderEffect>
         )
       }
     </div>

src/content/config.ts

@@ -52,7 +52,12 @@ const mktds = defineCollection({
         end: z.string(),
       }),
     ),
-    inscriptionLink: z.string(),
+    inscriptionLinks: z.array(
+      z.object({
+        url: z.string(),
+        type: z.enum(["meetup", "linkedIn"]),
+      }),
+    ),
   }),
 });
 

src/content/mktds/mktd12_nextjs-vs-qwik.md

@@ -64,5 +64,7 @@ planning:
     start: 18h00
     end: 19h00
 
-inscriptionLink: https://www.meetup.com/fr-FR/monkeytechdays/events/298326303/
+inscriptionLinks:
+  - url: https://www.meetup.com/fr-FR/monkeytechdays/events/298326303/
+    type: meetup
 ---

src/content/mktds/mktd13_java23.md

@@ -10,12 +10,11 @@ description:
   - Nous nous intéresserons notament au "pattern matching" et au thread léger
 
 requirements:
-  - Venir avec son ordinateur 💻,
-  - avec à minima la JDK 23 et un IDE installés (un guide 
-   d’installation sera fourni une semaine avant l’événement),
-  - et si possible les droits admin/root,
-  - de la bonne humeur !
-
+  - Venir avec son ordinateur 💻
+  - Avec à minima la JDK 23 et un IDE installés (un guide
+    d’installation sera fourni une semaine avant l’événement)
+  - Et si possible les droits admin/root
+  - De la bonne humeur !
 
 program:
   - Expérimenter les nouveautés des dernières versions de Java en équipe
@@ -27,7 +26,6 @@ coachs:
   - name: Guillaume Andrieu
     img: gan.jpg
     description: Expert Back-End et système distribué
-    tech: Java 23
 
 community:
   - logo: toulousejug.png
@@ -63,5 +61,9 @@ planning:
     start: 18h00
     end: 19h00
 
-inscriptionLink: https://www.meetup.com/fr-FR/monkeytechdays/events/298326303/
+inscriptionLinks:
+  - url: https://www.meetup.com/fr-FR/monkeytechdays/events/298326303/
+    type: meetup
+  - url: https://www.linkedin.com/events/7251941430472929280/comments/
+    type: linkedIn
 ---

src/content/mktds/mktd1_feign-vs-retrofit.md

@@ -58,5 +58,7 @@ planning:
     start: 18h30
     end: 19h30
 
-inscriptionLink: http://www.meetup.com/Monkey-Tech-Days/events/231796229/
+inscriptionLinks:
+  - url: http://www.meetup.com/Monkey-Tech-Days/events/231796229/
+    type: meetup
 ---

src/content/mktds/mktd2_angular-react.md

@@ -73,5 +73,7 @@ planning:
     start: 18h30
     end: 19h30
 
-inscriptionLink: http://www.meetup.com/Monkey-Tech-Days/events/232103075/
+inscriptionLinks:
+  - url: http://www.meetup.com/Monkey-Tech-Days/events/232103075/
+    type: meetup
 ---

src/content/mktds/mktd3_reactive-streams.md

@@ -54,5 +54,7 @@ planning:
     start: 18h30
     end: 19h30
 
-inscriptionLink: http://www.meetup.com/Monkey-Tech-Days/events/232103376/
+inscriptionLinks:
+  - url: http://www.meetup.com/Monkey-Tech-Days/events/232103376/
+    type: meetup
 ---

src/content/mktds/mktd4_swift-vs-kotlin.md

@@ -60,5 +60,7 @@ planning:
     start: 18h30
     end: 19h30
 
-inscriptionLink: https://www.meetup.com/fr-FR/Monkey-Tech-Days/events/236337299/
+inscriptionLinks:
+  - url: https://www.meetup.com/fr-FR/Monkey-Tech-Days/events/236337299/
+    type: meetup
 ---

src/content/mktds/mktd5_go-vs-rust.md

@@ -61,5 +61,7 @@ planning:
     start: 18h30
     end: 19h30
 
-inscriptionLink: https://www.meetup.com/fr-FR/Monkey-Tech-Days/events/237545492/
+inscriptionLinks:
+  - url: https://www.meetup.com/fr-FR/Monkey-Tech-Days/events/237545492/
+    type: meetup
 ---