Update sponsors pages (#1303)

nikoshell · clytaemnestra · web-flow · commit 7cf3eb9b86e3 · 2025-06-13T20:52:57.000+02:00
| | Platinum | Gold | Silver | other sponsors | partners | |----------------- |----------------------------- |--------------------------- |--------------------------- |--------------------------- |-------------------------------- | | Homepage Link | direct link to sponsor page | link to all sponsors page | link to all sponsors page | link to all sponsors page | link to all community partners | | Sponsor Page | Yes | Yes | No | No | No | | Display image | Yes | No | No | No | No | | Social Links | Yes | Yes | Yes | Yes | No | | Link to website | Yes | Yes | Yes | Yes | No | | Jobs | unlimited | 5 | 2 | 0 | | | | | | | | | Community Partners - https://ep2025-sposnsors-pages.ep-preview.click/community-partners/ Sponsors (not in the menu yet) https://ep2025-sposnsors-pages.ep-preview.click/sponsors/ Sponsors Logo Links on the main page are updated. --------- Co-authored-by: Mia Bajić <38294198+clytaemnestra@users.noreply.github.com>
diff --git a/src/components/SocialLinks.astro b/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])
diff --git a/src/components/SponsorCard.astro b/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>
diff --git a/src/components/SponsorDisplay.astro b/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}
diff --git a/src/components/SponsorLogo.astro b/src/components/SponsorLogo.astro
@@ -15,10 +15,13 @@ 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}` : `/sponsors#sponsor-${sponsorId}`
+
 ---
 
 <div
@@ -28,13 +31,13 @@ const logo = sponsorLogos[sponsor.id];
     {
       website ? (
 
-        <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,
diff --git a/src/components/sections/sponsors/sponsor-tier.astro b/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,11 @@ 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-80": level > 0 && level << 6,
+        "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 [&>*]:scale-80" : level===6,
       },
     ]}
   >
diff --git a/src/components/sections/sponsors/sponsors.astro b/src/components/sections/sponsors/sponsors.astro
@@ -67,20 +67,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>
       ))
diff --git a/src/content/config.ts b/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(),
diff --git a/src/content/sponsors/arm/display.png b/src/content/sponsors/arm/display.png
diff --git a/src/content/sponsors/arm/index.md b/src/content/sponsors/arm/index.md
@@ -15,10 +15,9 @@ socials:
 
 tier: Gold
 logo_padding: 35px
-draft: true
 ---
 
-## About Arm
+# About Arm
 
 Born more than 30 years ago with the goal of designing a computer intended to
 run on a battery, Arm has become a global compute platform delivering advanced
diff --git a/src/content/sponsors/ataccama/index.md b/src/content/sponsors/ataccama/index.md
@@ -12,10 +12,9 @@ socials:
   twitter: "https://x.com/ataccama?lang=en"
   facebook: "https://www.facebook.com/Ataccama/"
 tier: Silver
-draft: true
 ---
 
-## About Ataccama
+# About Ataccama
 
 Ataccama ONE is a unified data trust platform for enterprise data leaders that
 combines data quality, observability, lineage, governance and master data
diff --git a/src/content/sponsors/bloomberg/index.md b/src/content/sponsors/bloomberg/index.md
@@ -13,11 +13,9 @@ socials:
   twitter: "https://x.com/TechAtBloomberg"
 tier: Platinum
 logo_padding: 10px 0px
-
-draft: true
 ---
 
-## About Bloomberg
+# About Bloomberg
 
 Bloomberg is a global leader in business and financial information, delivering
 trusted data, news, and insights that bring transparency, efficiency, and
diff --git a/src/content/sponsors/eps/index.md b/src/content/sponsors/eps/index.md
@@ -13,10 +13,9 @@ socials:
   mastodon:
   bluesky:
 tier: Financial Aid
-draft: true
 ---
 
-## About EuroPython Society
+# About EuroPython Society
 
 The EuroPython Society (EPS) is a Swedish non-profit organization dedicated to
 supporting Python communities across Europe and organizing EuroPython
diff --git a/src/content/sponsors/evolabel/index.md b/src/content/sponsors/evolabel/index.md
@@ -17,10 +17,9 @@ socials:
   bluesky:
 tier: Supporters
 logo_padding: 30px 0
-draft: true
 ---
 
-## About Evolabel
+# About Evolabel
 
 Evolabel focuses on democratizing AI through efficient data annotation tools and
 workflows. Though 2025 updates are sparse, its role in enabling accurate machine
diff --git a/src/content/sponsors/jetbrains/index.md b/src/content/sponsors/jetbrains/index.md
@@ -17,10 +17,9 @@ socials:
   bluesky:
 tier: Gold
 logo_padding: 20px 10px
-draft: true
 ---
 
-## About JetBrains
+# About JetBrains
 
 JetBrains is a global leader in developer productivity tools, offering solutions
 for Python, Java, JavaScript, and more. In 2025, it supported community events
diff --git a/src/content/sponsors/microsoft/index.md b/src/content/sponsors/microsoft/index.md
@@ -11,11 +11,9 @@ socials:
   bluesky: "https://bsky.app/profile/visualstudio.com"
 tier: Platinum
 logo_padding: 10px 0px
-
-draft: true
 ---
 
-## About Microsoft
+# About Microsoft
 
 Open Source enables Microsoft products and services to bring choice, technology
 and community to our customers.
diff --git a/src/content/sponsors/picnic/index.md b/src/content/sponsors/picnic/index.md
@@ -15,10 +15,9 @@ socials:
   mastodon:
   bluesky:
 tier: Gold
-draft: true
 ---
 
-## About Picnic
+# About Picnic
 
 Picnic leverages AI and automation to streamline grocery delivery, reducing
 costs and environmental impact. Though not explicitly tied to 2025 events in
diff --git a/src/content/sponsors/pretalx/index.md b/src/content/sponsors/pretalx/index.md
@@ -15,10 +15,9 @@ socials:
   mastodon:
   bluesky:
 tier: Supporters
-draft: true
 ---
 
-## About Pretalx
+# About Pretalx
 
 Pretalx simplifies event logistics with a free, privacy-focused tool for
 call-for-papers, scheduling, and attendee engagement. It powers conferences like
diff --git a/src/content/sponsors/pretix/index.md b/src/content/sponsors/pretix/index.md
@@ -15,10 +15,9 @@ socials:
   mastodon:
   bluesky:
 tier: Silver
-draft: true
 ---
 
-## About Pretix
+# About Pretix
 
 Pretix enables event organizers to manage ticket sales and registrations without
 vendor lock-in. Its open-source model and focus on data protection make it a
diff --git a/src/content/sponsors/sentry/index.md b/src/content/sponsors/sentry/index.md
@@ -16,10 +16,9 @@ socials:
   bluesky:
 tier: Bronze
 logo_padding: 20px 0
-draft: true
 ---
 
-## About Sentry
+# About Sentry
 
 Sentry’s platform streamlines debugging and performance monitoring for apps
 across platforms. Though 2025 partnerships aren’t listed here, its integration
diff --git a/src/content/sponsors/snowflake/index.md b/src/content/sponsors/snowflake/index.md
@@ -16,10 +16,9 @@ socials:
   bluesky:
 tier: Silver
 logo_padding: 20px 0
-draft: true
 ---
 
-## About Snowflake
+# About Snowflake
 
 Snowflake’s data platform enables organizations to store, process, and analyze
 massive datasets efficiently. Though no 2025 event ties are listed, its role in
diff --git a/src/content/sponsors/travelperk/index.md b/src/content/sponsors/travelperk/index.md
@@ -19,10 +19,9 @@ socials:
   instagram: https://www.instagram.com/travelperk
 tier: Gold
 logo_padding: 20px 20px
-draft: true
 ---
 
-## About TravelPerk
+# About TravelPerk
 
 TravelPerk is a travel-management company that provides companies with a variety
 of travel- and expense-management services. A business travel platform that
diff --git a/src/pages/community-partners.astro b/src/pages/community-partners.astro
@@ -3,6 +3,7 @@ import { getCollection } from "astro:content";
 import Layout from "@layouts/SectionLayout.astro";
 import SponsorCard from "@components/SponsorCard.astro";
 import Headline from "@ui/Headline.astro";
+import Button from "@ui/Button.astro";
 
 const sponsors = (await getCollection("sponsors", ({ data }) => {
   const isProd = import.meta.env.MODE === "production";
@@ -31,5 +32,5 @@ const sponsors = (await getCollection("sponsors", ({ data }) => {
     </div>
   )}
   <p class="pb-5">
-  Are you a Python Community organiser, interested in knowing more about EuroPython Society? Feel free to reach out at board@europython.eu!
+  Are you a Python Community organiser, interested in knowing more about EuroPython Society? Feel free to reach out at <Button custom class="font-bold text-button-active hover:underline" url="mailto:board@europython.eu">board@europython.eu</Button>!
   </p></Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -6,7 +6,7 @@ import Week from "@sections/updates/week.astro";
 import Keynoters from "@sections/keynoters/keynoters.astro";
 import Speakers from "@sections/speakers.astro";
 import Prague from "@sections/prague.astro";
-import Sponsors from "@components/sponsors/sponsors.astro";
+import Sponsors from "@sections/sponsors/sponsors.astro";
 import Subscribe from "@sections/subscribe.astro";
 ---
 
diff --git a/src/pages/sponsor/[sponsor]/index.astro b/src/pages/sponsor/[sponsor]/index.astro
@@ -14,7 +14,7 @@ export async function getStaticPaths() {
   const isProduction = import.meta.env.MODE === "production";
 
   const sponsors = await getCollection("sponsors", ({ data }) =>
-    data.tier !== "Partners" && (isProduction ? data.draft !== true : true)
+  data.tier && ["Gold", "Platinum"].includes(data.tier) && (isProduction ? data.draft !== true : true)
   );
 
   return sponsors.map((sponsor: any) => ({
@@ -29,6 +29,7 @@ export async function getStaticPaths() {
   title="EuroPython 2025 | July 14th-20th 2025 | Prague, Czech Republic & Remote"
   description="EuroPython is the largest Python conference in Europe. We are looking forward to seeing you in Prague, Czech Republic & Remote from July 14th-20th 2025."
 >
+<h1>
     <SponsorDisplay {sponsor} />
     <TwoCols>
       <Fragment slot="content">
diff --git a/src/pages/sponsors.astro b/src/pages/sponsors.astro
diff --git a/src/styles/global.css b/src/styles/global.css

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const socialMap = {`
`21`	`21`	`};`
`22`	`22`	`---`
`23`	`23`
`24`		-<div class=`social-links flex justify-center space-x-4 ${className}`>
	`24`	+<div class=`social-links flex justify-center space-x-4 ${className} h-[36px]`>
`25`	`25`	`{`
`26`	`26`	`Object.entries(socialMap)`
`27`	`27`	`.filter(([key]) => socials?.[key])`