Skip to content

Commit 2686d42

Browse files
CalvinAllenCalvinAllen
committed
feat(site): add subtitle support, cover generator, and styling updates
- Add cover image generator script using Satori and resvg-js - Add subtitle field to blog post schema and display on cards/posts - Update PostCard: taller cards, bottom-right dates, more description - Update PostLayout: dual blue/orange gradient bars, orange HRs - Update homepage: decorative {} braces around hero section - Update header: use logo instead of caricature/text - Add subtitles and expanded descriptions to all 2026 posts - Integrate cover generation into new-post script
1 parent 1fadfc7 commit 2686d42

File tree

30 files changed

+995
-36
lines changed

30 files changed

+995
-36
lines changed

‎package-lock.json‎

Lines changed: 401 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,21 @@
77
"build": "astro build",
88
"preview": "astro preview",
99
"astro": "astro",
10-
"new": "node scripts/new-post.js"
10+
"new": "node scripts/new-post.js",
11+
"cover": "node scripts/generate-cover.js"
1112
},
1213
"dependencies": {
1314
"@astrojs/rss": "^4.0.14",
1415
"@astrojs/sitemap": "^3.6.0",
16+
"@resvg/resvg-js": "^2.6.2",
1517
"@tailwindcss/typography": "^0.5.19",
1618
"@tailwindcss/vite": "^4.1.18",
1719
"astro": "^5.16.6",
1820
"markdown-it": "^14.1.0",
1921
"mermaid": "^11.12.2",
22+
"react": "^19.2.3",
2023
"sanitize-html": "^2.17.0",
24+
"satori": "^0.19.1",
2125
"sharp": "^0.34.5",
2226
"tailwindcss": "^4.1.18"
2327
},

‎public/images/logo.png‎

35.5 KB
Loading

‎scripts/assets/calvin.png‎

477 KB
Loading

‎scripts/assets/inter-bold.woff‎

28.7 KB
Binary file not shown.

‎scripts/assets/inter-italic.woff‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html lang=en>
3+
<meta charset=utf-8>
4+
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
5+
<title>Error 404 (Not Found)!!1</title>
6+
<style>
7+
*{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}
8+
</style>
9+
<a href=//www.google.com/><span id=logo aria-label=Google></span></a>
10+
<p><b>404.</b> <ins>That’s an error.</ins>
11+
<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>

‎scripts/assets/inter-regular.woff‎

27.2 KB
Binary file not shown.

‎scripts/assets/logo.png‎

35.5 KB
Loading

‎scripts/assets/lora-italic.woff‎

27.1 KB
Binary file not shown.

‎scripts/assets/lora-italic.woff2‎

22.2 KB
Binary file not shown.

0 commit comments

Comments
 (0)