From c006971cbec96230cbebc01a4a3b86c77171d080 Mon Sep 17 00:00:00 2001
From: Ben <ben@ben.us.com>
Date: Sun, 8 Mar 2026 20:01:47 -0700
Subject: [PATCH] feat: Prerender the homepage, update HTML cache control, and
 inline critical CSS for improved performance.

---
 hdyc-svelte/src/app.html        | 19 +++++++++++++++++++
 hdyc-svelte/src/hooks.server.ts |  2 +-
 hdyc-svelte/src/routes/+page.ts |  3 +++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 hdyc-svelte/src/routes/+page.ts

diff --git a/hdyc-svelte/src/app.html b/hdyc-svelte/src/app.html
index 93fe6a0..d45c78b 100644
--- a/hdyc-svelte/src/app.html
+++ b/hdyc-svelte/src/app.html
@@ -17,6 +17,25 @@
 			type="font/woff2"
 			crossorigin
 		/>
+		<style>
+			/* Critical CSS – inlined to eliminate render-blocking stylesheet for FCP/LCP */
+			:root{--bg:#0c0f14;--bg-elevated:#12161e;--card-bg:rgba(18,22,30,.85);--border:rgba(255,255,255,.08);--text:#e8ecf4;--text-muted:#7b8498;--accent:#10b981;--accent-dark:#059669;--accent-glow:rgba(16,185,129,.15);--accent-gradient:linear-gradient(135deg,#10b981,#06b6d4);--header-bg:rgba(12,15,20,.85);--header-h:64px;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
+			:root[data-theme='light']{--bg:#f8fafc;--bg-elevated:#fff;--card-bg:#fff;--border:rgba(15,23,42,.12);--text:#0f172a;--text-muted:#475569;--accent:#047857;--accent-dark:#065f46;--accent-glow:rgba(16,185,129,.15);--accent-gradient:linear-gradient(135deg,#10b981,#06b6d4);--header-bg:rgba(255,255,255,.95)}
+			*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+			html{height:100%;-webkit-text-size-adjust:100%}
+			body{min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6}
+			.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--header-bg);border-bottom:1px solid var(--border)}
+			.header-left{display:flex;align-items:center;gap:.75rem}
+			.site-logo{display:flex;align-items:center;gap:.3rem;text-decoration:none;color:var(--text);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;white-space:nowrap}
+			.site-logo .logo-accent{color:var(--accent)}.site-logo .logo-domain{color:var(--text-muted);font-weight:500}
+			.hero{text-align:center;padding:3rem 1rem 2rem;margin-bottom:1rem}
+			.hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
+			.hero p{color:var(--text-muted);font-size:1.1rem;max-width:500px;margin:0 auto 1.5rem}
+			.stats-row{display:flex;justify-content:center;gap:2.5rem;margin-bottom:2.5rem;padding:1rem 0}
+			.stat-num{font-size:1.8rem;font-weight:800;color:var(--accent)}
+			.stat-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}
+			.main-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1.25rem 3rem}
+		</style>
 		<script>
 			(function () {
 				const doc = document.documentElement;
diff --git a/hdyc-svelte/src/hooks.server.ts b/hdyc-svelte/src/hooks.server.ts
index 1bd509c..101ff4d 100644
--- a/hdyc-svelte/src/hooks.server.ts
+++ b/hdyc-svelte/src/hooks.server.ts
@@ -13,7 +13,7 @@ const MIME_TYPES: Record<string, string> = {
   '.otf': 'font/otf'
 };
 
-const HTML_CACHE_CONTROL = 'public, max-age=0, must-revalidate';
+const HTML_CACHE_CONTROL = 'public, max-age=0, s-maxage=3600, stale-while-revalidate=86400';
 const IMMUTABLE_ASSET_CACHE_CONTROL = 'public, max-age=31536000, immutable';
 const ASSET_404_CACHE_CONTROL = 'no-store';
 const LONG_CACHE_EXTENSIONS = new Set([
diff --git a/hdyc-svelte/src/routes/+page.ts b/hdyc-svelte/src/routes/+page.ts
new file mode 100644
index 0000000..4c798d7
--- /dev/null
+++ b/hdyc-svelte/src/routes/+page.ts
@@ -0,0 +1,3 @@
+// Prerender the homepage as static HTML at build time.
+// adapter-node will serve this as a static file — no SSR round-trip.
+export const prerender = true;