Remove custom lockdown images and just point to the site itself for dynamic image generation

marcprux · marcprux · commit c8601aed1ecd · 2026-05-08T14:52:21.000-04:00
diff --git a/src/components/ShareRow.astro b/src/components/ShareRow.astro
@@ -7,10 +7,13 @@
  */
 interface Props {
   t: Record<string, string>;
+  locale?: string;
 }
 
-const { t } = Astro.props;
-const siteUrl = 'https://keepandroidopen.org';
+const { t, locale = 'en' } = Astro.props;
+const siteUrl = locale === 'en'
+  ? 'https://keepandroidopen.org'
+  : `https://keepandroidopen.org/${locale}/`;
 
 // Helper to get all variants for a prefix
 function getVariants(prefix: string): string[] {
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
@@ -1,7 +1,6 @@
 ---
 import { languages, isRtl } from '../i18n/config';
 import ThemeToggle from '../components/ThemeToggle.astro';
-import { glob } from 'node:fs/promises';
 
 interface Props {
   title: string;
@@ -16,15 +15,6 @@ const {
 } = Astro.props;
 
 const dir = isRtl(lang) ? "rtl" : "ltr";
-
-// Pick a random lockdown image at build time for social media previews
-const lockdownImages: string[] = [];
-for await (const entry of glob('public/img/lockdowns/*.{png,jpg,jpeg,webp}')) {
-  lockdownImages.push(entry.replace(/^public/, ''));
-}
-const ogImage = lockdownImages.length > 0
-  ? `https://keepandroidopen.org${lockdownImages[Math.floor(Math.random() * lockdownImages.length)]}`
-  : 'https://keepandroidopen.org/img/keepandroidopen.png';
 ---
 <!DOCTYPE html>
 <html lang={lang} dir={dir}>
@@ -33,16 +23,11 @@ const ogImage = lockdownImages.length > 0
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="color-scheme" content="light dark">
   <meta name="description" content={description}>
   <meta property="og:title" content={title}>
   <meta property="og:description" content={description}>
-  <meta property="og:image" content={ogImage}>
   <meta property="og:type" content="website">
-  <meta name="twitter:card" content="summary">
-  <meta name="twitter:title" content={title}>
-  <meta name="twitter:image" content={ogImage}>
   <link rel="me" href="https://techhub.social/@keepandroidopen">
   <link rel="stylesheet" href="/css/pico.min.css">
 
diff --git a/src/layouts/Landing.astro b/src/layouts/Landing.astro
@@ -87,7 +87,7 @@ const homePath = locale === 'en' ? '/' : `/${locale}/`;
       <a href="#what" class="scroll-cue" aria-label="Read more">&#8595;</a>
 
       <p class="share-heading" set:html={t.closing_share_heading} />
-      <ShareRow t={t} />
+      <ShareRow t={t} locale={locale} />
     </section>
 
     <!-- What's happening -->
@@ -304,7 +304,7 @@ const homePath = locale === 'en' ? '/' : `/${locale}/`;
       <p class="closing-lede"><Fragment set:html={t.closing_line1} /><br><Fragment set:html={t.closing_line2} /></p>
       <p set:html={t.closing_detail} />
       <p class="closing-cta"><strong><Fragment set:html={t.closing_cta} /></strong></p>
-      <ShareRow t={t} />
+      <ShareRow t={t} locale={locale} />
     </section>
   </main>
 
