update thumb handling

app/scripts/export-pdf.mjs

@@ -323,13 +323,13 @@ async function main() {
         const cssHandle = await page.addStyleTag({ content: `
           .hero .points { mix-blend-mode: normal !important; }
         ` });
-        const thumbPath = resolve(cwd, 'dist', 'thumb.jpg');
+        const thumbPath = resolve(cwd, 'dist', 'thumb.auto.jpg');
         await page.screenshot({ path: thumbPath, type: 'jpeg', quality: 85, fullPage: false });
         // Also emit PNG for compatibility if needed
-        const thumbPngPath = resolve(cwd, 'dist', 'thumb.png');
+        const thumbPngPath = resolve(cwd, 'dist', 'thumb.auto.png');
         await page.screenshot({ path: thumbPngPath, type: 'png', fullPage: false });
-        const publicThumb = resolve(cwd, 'public', 'thumb.jpg');
-        const publicThumbPng = resolve(cwd, 'public', 'thumb.png');
+        const publicThumb = resolve(cwd, 'public', 'thumb.auto.jpg');
+        const publicThumbPng = resolve(cwd, 'public', 'thumb.auto.png');
         try { await fs.copyFile(thumbPath, publicThumb); } catch {}
         try { await fs.copyFile(thumbPngPath, publicThumbPng); } catch {}
         // Remove temporary style so PDF is unaffected

app/src/content/article.mdx

@@ -29,7 +29,7 @@ tags:
   - research
   - vision-language models
   - dataset
-ogImage: "/thumb.jpg"
+ogImage: "/thumb.png"
 tableOfContentsAutoCollapse: true
 ---
 

app/src/content/chapters/getting-started.mdx

@@ -30,7 +30,7 @@ npm run build
 ```
 <small className="muted">- Serving the `dist/` directory on any static host is enough to deliver the site.</small>
 <br/>
-<small className="muted">- A [slug-title].pdf and thumb.jpg are also generated at build time. You can find them in the public folder.</small>
+<small className="muted">- A [slug-title].pdf and thumb.auto.jpg are also generated at build time. You can find them in the public folder.</small>
 
 
 ### Deploy

app/src/pages/index.astro

@@ -6,7 +6,7 @@ import ThemeToggle from '../components/ThemeToggle.astro';
 import Seo from '../components/Seo.astro';
 import TableOfContents from '../components/TableOfContents.astro';
 // Default OG image served from public/
-const ogDefaultUrl = '/thumb.jpg';
+const ogDefaultUrl = '/thumb.auto.jpg';
 import 'katex/dist/katex.min.css';
 import '../styles/global.css';
 const articleFM = (ArticleMod as any).frontmatter ?? {};

app/src/styles/_layout.css

@@ -69,9 +69,9 @@
 }
 
 .wide {
-  /* Target up to ~1400px while staying within viewport minus page gutters */
-  width: min(1400px, 100vw - 32px);
-  margin-left: 50%;
+  /* Target up to ~1100px while staying within viewport minus page gutters */
+  width: min(1100px, 100vw - 32px);
+  margin-left: calc(50% + var(--content-padding-x) * 2);
   transform: translateX(-50%);
 }