From c50ee3a599f78b430acb7b02139e1c875e5a20ca Mon Sep 17 00:00:00 2001 From: Aswinmcw Date: Tue, 14 Jul 2026 04:04:04 +0000 Subject: [PATCH 1/3] worker: replace floating download button with a sticky top bar The download button was position:fixed bottom-right, so on the tall A4 page it sat below the fold / blended into the margin and was easy to miss. Replace it with a sticky navy top bar (name + role left, gold Download PDF button right) that's always visible above the resume sheet. On phones the bar collapses to name + button. Screen-only (@media screen); PDF render path untouched (still 1 page). tsc clean. Co-Authored-By: Claude Opus 4.8 --- src/worker.ts | 37 ++++++++++++++++++++++++------------- 1 file changed, 24 insertions(+), 13 deletions(-) diff --git a/src/worker.ts b/src/worker.ts index b013d42..f3384fc 100644 --- a/src/worker.ts +++ b/src/worker.ts @@ -157,14 +157,22 @@ function webPage(resumeHtml: string): string { `; - const dlButton = `↓ Download PDF`; + const topBar = + `
AswinSoftware Engineer
` + + `↓ Download PDF
`; let out = resumeHtml; // Inject metadata + styles right after (resume.html has a bare ). out = out.replace(//i, `${head}`); - // Drop the floating button just inside . - out = out.replace(//i, `${dlButton}`); + // Put the sticky bar first inside , above the resume sheet. + out = out.replace(//i, `${topBar}`); return out; } From 9240625b503d43f23dcae78bc1f76dcc1314eb22 Mon Sep 17 00:00:00 2001 From: Aswinmcw Date: Tue, 14 Jul 2026 04:15:35 +0000 Subject: [PATCH 2/3] worker: fix top bar hidden behind resume body gradient The sticky top bar rendered behind the resume's split-gradient and the .page grid (both start at y=0), so it was invisible. Switch to position:fixed with its own solid navy background over the gradient, higher z-index, and html{padding-top:52px} to reserve space so the sheet sits below the bar. Verified rendered: bar visible at top, no overlap. PDF still 1 page. Co-Authored-By: Claude Opus 4.8 --- src/worker.ts | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/worker.ts b/src/worker.ts index f3384fc..b2b12f1 100644 --- a/src/worker.ts +++ b/src/worker.ts @@ -157,13 +157,13 @@ function webPage(resumeHtml: string): string {