Cleanup: Highlight card.

Author: nikoshell

src/components/highlight-list/highlight-card.astro

@@ -0,0 +1,23 @@
+<div class="highlight-card bg-white rounded-lg shadow-md p-5 mt-6">
+    <slot />
+</div>
+
+<style is:global>
+  .highlight-card ul > * {
+    position: relative;
+    padding-left: 1.75rem;
+  }
+
+  .highlight-card ul > *::before {
+    content: '📌';
+    position: absolute;
+    left: 0;
+    top: 0;
+    font-size: 1.2rem;
+    line-height: 1.75;
+  }
+  .highlight-card li {
+    list-style: none;
+    line-height: 2.2;
+  }
+</style>

src/components/highlight-list/highlight-item.astro

@@ -10,14 +10,15 @@ toc: false
 # Why Sponsor EuroPython?
 <span class="text-2xl font-bold text-center block">Stand out in the heart of Europe’s Python ecosystem and connect with ~1,500 Python professionals</span>
 <HighlightCard>
-      <HighlightItem>**~1,500** participants from **~50** countries</HighlightItem>
-      <HighlightItem>**24th** edition – the world’s **longest-running** Python conference</HighlightItem>
-      <HighlightItem>**190+** speakers across diverse Python topics</HighlightItem>
-      <HighlightItem>**40K+** social media followers</HighlightItem>
-      <HighlightItem>**34K** YouTube subscribers and **4M+** YouTube views</HighlightItem>
-      <HighlightItem>**25%** of participants from underrepresented groups in tech</HighlightItem>
+- **~1,500** participants from **~50** countries
+- **24th** edition – the world’s **longest-running** Python conference
+- **190+** speakers across diverse Python topics
+- **40K+** social media followers
+- **34K** YouTube subscribers and **4M+** YouTube views
+- **25%** of participants from underrepresented groups in tech
 </HighlightCard>
 
+
 Join **EuroPython 2025 from 14 – 20 July** at the Prague Congress Centre (PCC) to connect, showcase your company, and shape the future of Python!
 
 <YouTube id="oW8FHL4PiuI" alt="Hear from our sponsors at EuroPython 2023" />

src/components/markdown/HighlightCard.astro

@@ -5,8 +5,7 @@ import Layout from "@layouts/MarkdownLayout.astro";
 import Separator from "@ui/Separator.astro";
 import Map from "@components/Map.astro";
 import YouTube from "@ui/YouTube.astro";
-import HighlightCard from "@components/highlight-list/highlight-card.astro";
-import HighlightItem from "@components/highlight-list/highlight-item.astro";
+import HighlightCard from "@components/markdown/HighlightCard.astro";
 import Note from "@ui/Note.astro";
 import SponsorTiers from "@components/sponsor-tiers/sponsor-tiers.astro";
 import Accordion from "@components/ui/Accordion.astro";
@@ -61,7 +60,6 @@ const description = post.data.subtitle;
         Map,
         YouTube,
         HighlightCard,
-        HighlightItem,
         Note,
         SponsorTiers,
         hr: Separator,