Add sponsor display images.

Author: nikoshell

package.json

@@ -47,8 +47,10 @@
     "@types/js-yaml": "^4.0.9",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
-    "tsx": "^4.19.4",
     "puppeteer": "^24.7.2",
+    "puppeteer-extra": "^3.3.6",
+    "puppeteer-extra-plugin-adblocker": "^2.13.6",
+    "tsx": "^4.19.4",
     "typescript": "^5.8.3"
   },
   "prettier": {

pnpm-lock.yaml

@@ -57,3 +57,9 @@ const { title, description, image = "/social-card.png" } = Astro.props;
   is:inline
   data-domain="ep2025.europython.eu"
   src="https://plausible.io/js/script.js"></script>
+
+<script
+  defer
+  is:inline
+  data-domain="ep2025.europython.eu"
+  src="https://plausible.io/js/script.outbound-links.js"></script>

src/components/BaseHead.astro

@@ -0,0 +1,12 @@
+---
+
+import { marked } from 'marked';
+const { entry } = Astro.props;
+const html = entry && entry.body ? marked.parse(entry.body) :  "";
+
+
+---
+
+  <div class="mb-2 prose prose-li:m-0 prose-ul:m-0 prose-ul:mb-2 prose-a:underline prose-h1:text-text prose-headings:font-title prose-headings:text-text prose-a:text-text hover:prose-a:text-primary-hover prose-strong:text-text prose-strong:font-bold prose-li:marker:text-text pb-2">
+    <article set:html={html} />
+  </div>

src/components/CardContent.astro

@@ -1,4 +1,5 @@
 ---
+import CardContent from "@components/CardContent.astro";
 const { job } = Astro.props;
 const { title, sponsor, location, type, level, salary, tags, description, responsibilities, requirements, benefits, apply_link } = job.data;
 ---
@@ -8,24 +9,35 @@ const { title, sponsor, location, type, level, salary, tags, description, respon
     <a href={`/sponsor/${job.id}`}>
       <h2 class="text-3xl font-bold mb-2">{title}</h2>
     </a>
-    <p class="text-gray-600 mb-2">{level} • {type} • {location}</p>
+    { level && type && location &&
+      <p class="text-gray-600 mb-2">{level} • {type} • {location}</p>
+    }
     <p class="text-gray-700 mb-4">{salary}</p>
     <p class="mb-6">{description}</p>
 
-    <h3 class="text-xl font-semibold mb-2">Responsibilities</h3>
-    <ul class="list-disc list-inside mb-4">
-      {responsibilities && responsibilities.map(item => <li>{item}</li>)}
-    </ul>
+    { responsibilities &&
+      <h3 class="text-xl font-semibold mb-2">Responsibilities</h3>
+      <ul class="list-disc list-inside mb-4">
+        {responsibilities.map(item => <li>{item}</li>)}
+      </ul>
+    }
 
+    { requirements &&
     <h3 class="text-xl font-semibold mb-2">Requirements</h3>
     <ul class="list-disc list-inside mb-4">
-      {requirements && requirements.map(item => <li>{item}</li>)}
+      {requirements.map(item => <li>{item}</li>)}
     </ul>
+    }
 
+    { benefits &&
     <h3 class="text-xl font-semibold mb-2">Benefits</h3>
     <ul class="list-disc list-inside mb-6">
-      {benefits && benefits.map(item => <li>{item}</li>)}
+      {benefits.map(item => <li>{item}</li>)}
     </ul>
+    }
+
+
+    <CardContent entry={job} />
 
       <a
         href={apply_link}

src/components/JobCard.astro

@@ -255,17 +255,11 @@ const socialLinks = [
   }
 
   .website-btn:hover ,  .website-btn-outline:hover {
-    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);*/
-    /*transform: translateY(-2px);*/
+    text-decoration: underline;
   }
 
   .social-links {
     border: 0 solid rgba(33,33,33,0.2);
     border-width: 1px 0 0 0;
   }
-
-  a:hover {
-    text-decoration: underline;
-  }
-
 </style>

src/components/SponsorCard.astro

@@ -1,16 +1,19 @@
 ---
 import { Image } from "astro:assets";
 const { sponsor } = Astro.props;
+
+import { sponsorDisplay } from "@data/sponsorDisplay";
+const image = sponsorDisplay[sponsor.id]
 ---
 
+{ image &&
 <section class="space-y-12 pb-6 md:p-6 overflow-hidden">
   <Image
-    src={sponsor.image
-      ? sponsor.image
-      : "https://placehold.co/1100x360/19233C/white"}
+    src={image}
     alt="Image"
     height="360"
     width="1100"
-    class="max-w-[1100px] max-h-[360px]"
+    class="max-w-[1108px] max-h-[368px] object-scale-down border-4 border-white rounded-lg shadow-lg"
   />
 </section>
+}

src/components/SponsorCardBody.astro

@@ -210,14 +210,18 @@ const sponsors = defineCollection({
   schema: z.object({
     name: z.string(),
     url: z.string().url(),
-    tier: z.string().optional(),
+    tier: z.string().nullable(),
     location: z.string().optional(),
     industry: z.string().optional(),
     description: z.string().optional(),
     socials: z
       .object({
-        linkedin: z.string().url().optional(),
-        twitter: z.string().url().optional(),
+        linkedin: z.string().url().optional().nullable(),
+        twitter: z.string().url().optional().nullable(),
+        github: z.string().url().optional().nullable(),
+        discord: z.string().url().optional().nullable(),
+        mastodon: z.string().url().optional().nullable(),
+        bluesky: z.string().url().optional().nullable(),
       })
       .optional(),
     jobs: z.array(z.string()).optional(),
@@ -229,16 +233,16 @@ const jobs = defineCollection({
   loader: glob({ pattern: "*/!(index).md", base: "./src/content/sponsors" }),
   schema: z.object({
     title: z.string(),
-    location: z.string(),
-    type: z.string(), // e.g., Full-Time
-    level: z.string(), // e.g., Senior
-    salary: z.string().optional(),
-    tags: z.array(z.string()).optional(),
-    description: z.string(),
-    responsibilities: z.array(z.string()).optional(),
-    requirements: z.array(z.string()).optional(),
-    benefits: z.array(z.string()).optional(),
-    apply_link: z.string().url(),
+    location: z.string().nullable(),
+    type: z.string().nullable(), // e.g., Full-Time
+    level: z.string().nullable(), // e.g., Senior
+    salary: z.string().nullable(),
+    tags: z.array(z.string()).nullable(),
+    description: z.string().nullable(),
+    responsibilities: z.array(z.string()).nullable(),
+    requirements: z.array(z.string()).nullable(),
+    benefits: z.array(z.string()).nullable(),
+    apply_link: z.string().url().optional(),
   }),
 });
 

src/components/SponsorDisplay.astro

@@ -0,0 +1 @@
+Error: Could not load style