CodingWithCalvin · CalvinAllen · Jan 16, 2026 · Jan 16, 2026 · Jan 16, 2026 · Jan 16, 2026
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,17 +7,21 @@
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
-    "new": "node scripts/new-post.js"
+    "new": "node scripts/new-post.js",
+    "cover": "node scripts/generate-cover.js"
   },
   "dependencies": {
     "@astrojs/rss": "^4.0.14",
     "@astrojs/sitemap": "^3.6.0",
+    "@resvg/resvg-js": "^2.6.2",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.18",
     "astro": "^5.16.6",
     "markdown-it": "^14.1.0",
     "mermaid": "^11.12.2",
+    "react": "^19.2.3",
     "sanitize-html": "^2.17.0",
+    "satori": "^0.19.1",
     "sharp": "^0.34.5",
     "tailwindcss": "^4.1.18"
   },

diff --git a/public/images/logo.png b/public/images/logo.png
diff --git a/scripts/assets/calvin.png b/scripts/assets/calvin.png
diff --git a/scripts/assets/inter-bold.woff b/scripts/assets/inter-bold.woff
diff --git a/scripts/assets/inter-italic.woff b/scripts/assets/inter-italic.woff
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang=en>
+  <meta charset=utf-8>
+  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
+  <title>Error 404 (Not Found)!!1</title>
+  <style>
+    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
+  </style>
+  <a href=//www.google.com/><span id=logo aria-label=Google></span></a>
+  <p><b>404.</b> <ins>That’s an error.</ins>
+  <p>The requested URL <code>/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff</code> was not found on this server.  <ins>That’s all we know.</ins>
diff --git a/scripts/assets/inter-regular.woff b/scripts/assets/inter-regular.woff
diff --git a/scripts/assets/logo.png b/scripts/assets/logo.png
diff --git a/scripts/assets/lora-italic.woff b/scripts/assets/lora-italic.woff
diff --git a/scripts/assets/lora-italic.woff2 b/scripts/assets/lora-italic.woff2