Update sponsors logos.

Author: nikoshell

src/components/SponsorLogo.astro

@@ -22,7 +22,7 @@ const logo = sponsorLogos[sponsor.id];
 ---
 
 <div
-  class="lg:max-w-[400px] flex flex-col gap-6 p-6 rounded-lg shadow-md bg-white text-black"
+  class="lg:max-w-[400px] flex flex-col p-6 bg-white"
 >
   <div class="w-full flex justify-center items-center md:items-center">
     {

src/components/sponsors/sponsor-tier.astro

@@ -1,5 +1,6 @@
 ---
 import { getCollection } from "astro:content";
+import SponsorLogo from "@components/SponsorLogo.astro";
 import { Image } from "astro:assets";
 
 type Sponsor = Awaited<ReturnType<typeof getCollection<"sponsors">>>[0];
@@ -29,7 +30,7 @@ const { tier, top } = Astro.props;
   </h4>
   <div
     class:list={[
-      "grid gap-6 lg:gap-12 ml-12 items-center justify-items-center",
+      "grid ml-12 items-center justify-items-center",
       {
         "grid-cols-1 md:grid-cols-2 lg:grid-cols-3": !top,
         "grid-cols-1 md:grid-cols-1": top,
@@ -43,14 +44,8 @@ const { tier, top } = Astro.props;
           href={sponsor.data.url}
           target="_blank"
           rel="noopener noreferrer"
-          class="pb-8"
         >
-          <Image
-            src={sponsorLogos[sponsor.id]}
-            alt={sponsor.data.name}
-            width={500}
-            class="max-w-[250px] max-h-[120px]"
-          />
+          <SponsorLogo sponsor={sponsor.id} />
         </a>
         </div>
       ))

src/components/sponsors/sponsors.astro

@@ -2,8 +2,8 @@
 import { getCollection } from "astro:content";
 import Separator from "@ui/Separator.astro";
 import { Fragment } from "react";
-import Headline from "@ui/Headline.astro"
-import Section from "@ui/Section.astro"
+import Headline from "@ui/Headline.astro";
+import Section from "@ui/Section.astro";
 
 import Button from "@ui/Button.astro";
 
@@ -20,7 +20,7 @@ const tiers = [
   "Patron",
   "Financial Aid",
   "Supporters",
-  "Partners"
+  "Partners",
 ] as const;
 
 const sponsors = await getCollection("sponsors");
@@ -46,46 +46,50 @@ const sponsorTiers = tiers
 
 const topTier = sponsorTiers.find((tier) => tier.name === "Keystone");
 ---
+
 <Section variant="secondary">
-          <Headline id="sponsors" title="Sponsors & Partners" center=true />
-    <div>
-          {
-            hasSponsors ? (
-              <p class="text-center">
-                EuroPython wouldn't be such an affordable event without the help
-                of the sponsors and partners. We'd like to thank all of them for their
-                support.
-              </p>
-            ) : (
-              <p class="text-center">
-                Sponsoring EuroPython guarantees you highly targeted visibility
-                and the opportunity to present yourself and your sponsor to one
-                of the largest and most diverse Python communities in Europe and
-                beyond.
-              </p>
-            )
-          }
+  <Headline id="sponsors" title="Sponsors & Partners" center="true" />
+  <div class="mb-10">
+    {
+      hasSponsors ? (
+        <p class="text-center">
+          EuroPython wouldn't be such an affordable event without the help of
+          the sponsors and partners. We'd like to thank all of them for their
+          support.
+        </p>
+      ) : (
+        <p class="text-center">
+          Sponsoring EuroPython guarantees you highly targeted visibility and
+          the opportunity to present yourself and your sponsor to one of the
+          largest and most diverse Python communities in Europe and beyond.
+        </p>
+      )
+    }
 
-          <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 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 && <Separator light />}
+  {sponsorTiers.length > 0 && <hr />}
 
-    <div class="mb-20">
+  <div class="">
     {
       sponsorTiers.map((tier, index) => (
         <Fragment>
           <SponsorTier tier={tier} top={tier.name === "Platinum"} />
-          {index !== sponsorTiers.length - 1 && <Separator light />}
+          {index !== sponsorTiers.length - 1 && <hr />}
         </Fragment>
       ))
     }
-    </div>
+  </div>
 </Section>
+
+<style>
+  hr {margin: 10px 0;}
+</style>

src/content/sponsors/bloomberg/index.md

@@ -12,7 +12,7 @@ socials:
   linkedin: "https://www.linkedin.com/company/bloomberg"
   twitter: "https://x.com/TechAtBloomberg"
 tier: Platinum
-logo_padding: 20px 10px
+logo_padding: 10px 0px
 
 draft: true
 ---