Merge branch 'ep2025' into ep2025-finaid

Author: clytaemnestra

src/components/SocialLinks.astro

@@ -21,7 +21,7 @@ const socialMap = {
 };
 ---
 
-<div class=`social-links flex justify-center space-x-4 ${className}`>
+<div class=`social-links flex justify-center space-x-4 ${className} h-[36px]`>
   {
     Object.entries(socialMap)
       .filter(([key]) => socials?.[key])

src/components/SponsorCard.astro

@@ -66,7 +66,7 @@ const logo = sponsorLogos[sponsor.id];
   {
     description && (
       <div class="flex-1">
-        <h2 class="text-2xl font-bold mb-2 ">
+        <h2 id=`sponsor-${sponsorId}` class="sponsor text-2xl font-bold mb-2 ">
           { !isSponsorPage && tier !== 'Partners' ?
             <a href={`/sponsor/${sponsor.id}`}>
             {title}
@@ -95,10 +95,15 @@ const logo = sponsorLogos[sponsor.id];
         )}
 
 
+      </div>
+    )
+  }
+    <div>
+
         {(tier !== "Partners") && website && (
           <div class="website-btn-container flex flex-col sm:flex-row justify-center gap-2 mt-4">
 
-          { !isSponsorPage && sponsor.body &&
+            { !isSponsorPage && sponsor.body && tier && ["Gold", "Platinum"].includes(tier) &&
             <a href={`/sponsor/${sponsor.id}`} class="website-btn-outline">
               About {title}
             </a>
@@ -114,9 +119,7 @@ const logo = sponsorLogos[sponsor.id];
       { (tier !== "Partners") &&
         <SocialLinks socials={socials} />
       }
-      </div>
-    )
-  }
+    </div>
 </div>
 
 <style>

src/components/SponsorDisplay.astro

@@ -15,7 +15,7 @@ import { sponsorDisplay } from "@data/sponsorDisplay";
 const image = sponsorDisplay[sponsor.id]
 ---
 
-{ image &&
+{ sponsor.data.tier == "Platinum" && image &&
 <section class="space-y-12 pb-6 overflow-hidden">
   <Image
     src={image}

src/components/SponsorLogo.astro

@@ -15,26 +15,29 @@ if (!sponsor) {
 const {
   name: title,
   url: website,
+  tier,
   logo_padding = false,
 } = sponsor.data;
 
 const logo = sponsorLogos[sponsor.id];
+const slug = tier==="Partners"? `/community-partners#sponsor-${sponsorId}`: tier==="Platinum" ? `/sponsor/${sponsorId}` : tier==="Media Partners" ? `/media-partners#sponsor-${sponsorId}` : tier==="Startups" ? `/startups#sponsor-${sponsorId}` : ""
+
 ---
 
 <div
   class="lg:max-w-[400px] flex flex-col p-6 bg-white"
 >
   <div class="w-full flex justify-center items-center md:items-center">
     {
-      website ? (
+      website && slug ? (
 
-        <a href={website} target="_blank" aria-label={`Link to ${title}`}
+      <a href={slug} aria-label={`Link to ${title}`}
 >
           <Image
             src={logo}
             alt={`${title} Logo`}
             style={{
-              minWidth: "250px",
+              minWidth: "170px",
               maxHeight: "120px",
               objectFit: "contain",
               padding: logo_padding ? logo_padding : undefined,
@@ -46,7 +49,7 @@ const logo = sponsorLogos[sponsor.id];
             src={logo}
             alt={`${title} Logo`}
             style={{
-              minWidth: "250px",
+              minWidth: "170px",
               maxHeight: "120px",
               objectFit: "contain",
               padding: logo_padding ? logo_padding : undefined,

src/components/sponsors/sponsor-tier.astro renamed to src/components/sections/sponsors/sponsor-tier.astro

@@ -10,10 +10,10 @@ export interface Props {
     sponsors: Sponsor[];
   };
 
-  top?: boolean;
+  level: number;
 }
 
-const { tier, top } = Astro.props;
+const { tier, level = 2} = Astro.props;
 ---
 
 <div class="relative">
@@ -27,9 +27,12 @@ const { tier, top } = Astro.props;
   <div
     class:list={[
       "grid ml-12 items-center justify-items-center",
+      `level-${level}`,
       {
-        "grid-cols-1 md:grid-cols-2 lg:grid-cols-3": !top,
-        "grid-cols-1 md:grid-cols-2": top,
+        "grid-cols-1 md:grid-cols-2 m-20 [&>*]:scale-110": level===0,
+        "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 [&>*]:scale-90": level > 0 && level << 6,
+        "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 [&>*]:scale-90" : level===6,
+        "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 [&>*]:scale-85" : level>6,
       },
     ]}
   >

src/components/sponsors/sponsors.astro renamed to src/components/sections/sponsors/sponsors.astro

@@ -14,11 +14,13 @@ const tiers = [
   "Platinum X",
   "Gold",
   "Silver",
+  "Startups",
   "Bronze",
   "Patron",
   "Financial Aid",
   "Supporters",
-  "Partners"
+  "Partners",
+  "Media Partners"
 ] as const;
 
 const sponsors = await getCollection("sponsors");
@@ -67,20 +69,15 @@ const topTier = sponsorTiers.find((tier) => tier.name === "Keystone");
     <div class="mt-4 text-center">
       <Button url="/sponsor">Become a sponsor</Button>
     </div>
-    {
-      topTier && topTier.sponsors.length > 0 && (
-        <SponsorTier tier={topTier} top={true} />
-      )
-    }
   </div>
 
   {sponsorTiers.length > 0 && <hr />}
 
-  <div class="">
+  <div >
     {
       sponsorTiers.map((tier, index) => (
         <Fragment>
-          <SponsorTier tier={tier} top={tier.name === "Platinum"} />
+          <SponsorTier tier={tier} level={index} />
           {index !== sponsorTiers.length - 1 && <hr />}
         </Fragment>
       ))

src/components/sponsor-tiers/sponsor-tiers.astro

@@ -123,6 +123,18 @@ const tiers: SponsorTierProps[] = [
       "Welcome post on EuroPython social media",
     ],
   },
+  {
+    title: "Startup",
+    price: 3_000,
+    slotsLeft: "5",
+    features: [
+    "<strong>Exhibition Space for 3 days</strong>",
+    "<strong>2 conference tickets (€1000 value)</strong>",
+      "1 remote ticket (€150 value)",
+      "Logo on website and signage",
+      "Welcome post on EuroPython social media",
+    ],
+  },
   {
     title: "Bronze",
     price: 2_000,
@@ -153,6 +165,7 @@ const getRibbonClass = (title: string) => {
     Platinum: "text-sponsor-platinum",
     Gold: "text-sponsor-gold",
     Silver: "text-sponsor-silver",
+    Startup: "text-sponsor-startup",
     Bronze: "text-sponsor-bronze",
     Patron: "text-sponsor-patron",
   };
@@ -212,8 +225,64 @@ const formatPrice = (price: number | string) => {
               <div class="text-xl mt-4">
                 {tier.slotsLeft ? (
                   <>
-                    <span>{tier.slotsLeft}</span> slot
-                    {tier.slotsLeft == 1 ? "" : "s"} remaining
+                    <span>{tier.slotsLeft}</span>
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
+                  </>
+                ) : (
+                  <>Fully booked</>
+                )}
+              </div>
+            </div>
+
+            <p class="font-bold text-base">This tier includes:</p>
+            <ul class="text-base list-none pl-0">
+              {tier.features.map((feature) => (
+                <li class="flex items-start">
+                  <span class="flex-shrink-0 w-6">✔️</span>
+                  <span set:html={feature} />
+                </li>
+              ))}
+            </ul>
+            <div class="absolute bottom-4 right-4">
+              <Button url={signupLink}>Sign Up Now!</Button>
+            </div>
+          </div>
+        ))
+    }
+  </div>
+
+
+  <div class="text-center mb-8 mt-16">
+    <h2 class="text-3xl font-bold">Startups</h2>
+    <p class="text-xl mt-2 mb-12">
+      For early-stage companies ready to connect with the community, boost visibility, and make a strong first impression.
+    </p>
+  </div>
+  <div class="grid grid-cols-1 sm:grid-cols-1 gap-10 mx-96">
+    {
+      tiers
+        .filter((tier) => tier.title === "Startup")
+        .sort((a, b) => {
+          const order: { [key: string]: number } = { Startup: 1 };
+          return order[a.title] - order[b.title];
+        })
+
+        .map((tier) => (
+          <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
+            <div class="h-[160px]">
+              <Ribbon
+                className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
+                style={{ zIndex: "-1", top: "-55px" }}
+              />
+              <Headline as="h3" title={tier.title} />
+              <div class="font-bold text-3xl">{formatPrice(tier.price)}</div>
+              <div class="text-xl">
+                {tier.slotsLeft === "Exclusive" ? (
+                  <>Exclusive</>
+                ) : tier.slotsLeft ? (
+                  <>
+                    <span>{tier.slotsLeft}</span>
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
                   </>
                 ) : (
                   <>Fully booked</>
@@ -268,8 +337,8 @@ const formatPrice = (price: number | string) => {
                   <>Exclusive</>
                 ) : tier.slotsLeft ? (
                   <>
-                    <span>{tier.slotsLeft}</span> slot
-                    {tier.slotsLeft == 1 ? "" : "s"} remaining
+                    <span>{tier.slotsLeft}</span>
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
                   </>
                 ) : (
                   <>Fully booked</>
@@ -322,8 +391,8 @@ const formatPrice = (price: number | string) => {
               <div class="text-xl">
                 {tier.slotsLeft ? (
                   <>
-                    <span>{tier.slotsLeft}</span> slot
-                    {tier.slotsLeft == 1 ? "" : "s"} remaining
+                    <span>{tier.slotsLeft}</span>
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
                   </>
                 ) : (
                   <>Fully booked</>

src/content/config.ts

@@ -209,7 +209,7 @@ const sponsors = defineCollection({
   schema: z.object({
     name: z.string(),
     url: z.string().url(),
-    tier: z.string().nullable(),
+    tier: z.string(),
     location: z.string().optional(),
     industry: z.string().optional(),
     description: z.string().optional(),

src/content/pages/tickets.mdx

@@ -49,10 +49,11 @@ As a non-profit, every ticket you buy goes back into the Python community. Wheth
 
 
 ## Ticket Prices
-Regular tickets are available until June 27, 2025—late-bird rates apply after.
 
 Combined tickets are **limited to 300** due to tutorial capacity!
 
+<Note type="warning">Regular tickets are available until <b>June 27, 2025</b> — late-bird rates apply after.</Note>
+
 <TicketTiers ticketShopLink="https://tickets.europython.eu/" />