Add names to filename.

nikoshell · nikoshell · commit 7ee08242a50b · 2025-04-29T09:41:14.000+02:00
diff --git a/scripts/download_social.cjs b/scripts/download_social.cjs
@@ -11,7 +11,14 @@ const puppeteer = require("puppeteer");
 
   for (let i = 0; i < elements.length; i++) {
     const el = elements[i];
-    await el.screenshot({ path: `social-${i}.png` });
+
+    // Get the slug from the element
+    const slug = await page.evaluate((el) => el.getAttribute("data-slug"), el);
+
+    // Fallback if slug is missing
+    const filename = slug ? `social-${slug}.png` : `social-${i}.png`;
+
+    await el.screenshot({ path: filename });
   }
 
   await browser.close();
diff --git a/src/components/SocialMediaCard.astro b/src/components/SocialMediaCard.astro
@@ -6,7 +6,7 @@ const { entry } = Astro.props;
 
 const sessions = await getEntries(entry.data.submissions);
 ---
-
+<div class="slug">{entry.data.slug}</div>
 <svg width="900" height="900" class="h-full w-full -z-10">
   <image href="http://localhost:4321/social/bg.png" width="900" height="900" />
 </svg>
@@ -109,4 +109,8 @@ const sessions = await getEntries(entry.data.submissions);
       line-height: 1em;
     }
 
+  .sulg{
+    display:none;
+  }
+
 </style>
diff --git a/src/pages/media/social_media_cards.astro b/src/pages/media/social_media_cards.astro
@@ -20,7 +20,7 @@ type Speaker = CollectionEntry<"speakers">;
   <body class="overflow-auto">
 {
   speakers.map((entry: Speaker) => (
-    <div class="social relative w-[900px] h-[900px] overflow-hidden">
+  <div class="social relative w-[900px] h-[900px] overflow-hidden" data-slug={entry.data.slug}>
       <SocialMediaCard entry={entry} />
     </div>
   ))

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ type Speaker = CollectionEntry<"speakers">;`
`20`	`20`	`<body class="overflow-auto">`
`21`	`21`	`{`
`22`	`22`	`speakers.map((entry: Speaker) => (`
`23`		`- <div class="social relative w-[900px] h-[900px] overflow-hidden">`
	`23`	`+ <div class="social relative w-[900px] h-[900px] overflow-hidden" data-slug={entry.data.slug}>`
`24`	`24`	`<SocialMediaCard entry={entry} />`
`25`	`25`	`</div>`
`26`	`26`	`))`