Add astro-compress.

astro.config.mjs

@@ -13,6 +13,8 @@ import deleteUnusedImages from "astro-delete-unused-images";
 import preload from "astro-preload";
 import { execSync } from "node:child_process";
 
+import compress from "astro-compress";
+
 let gitVersion = String(process.env.GIT_VERSION ?? "").slice(0, 7);
 
 if (!gitVersion) {
@@ -88,6 +90,7 @@ export default defineConfig({
     metaTags(),
     pagefind(),
     deleteUnusedImages(),
+    compress(),
   ],
   output: "static",
   build: {

package.json

@@ -23,6 +23,7 @@
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.3",
     "astro": "^5.7.5",
+    "astro-compress": "^2.3.8",
     "astro-delete-unused-images": "^1.0.3",
     "astro-meta-tags": "^0.3.1",
     "astro-pagefind": "^1.8.3",

src/components/Modal.astro

@@ -25,7 +25,7 @@ const { id = 'modal', open = false, closeOnOutsideClick = false } = Astro.props;
     <slot />
   </div>
 </div>
-<script is:inline>
+<script >
   document.addEventListener('DOMContentLoaded', () => {
     // Function to toggle body scroll
     const toggleBodyScroll = (disable) => {

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
 ---