Skip to content

feat(portfolio): regenerate cv.pdf from new resume + corner-to-corner widget#16

Merged
vkkatariya merged 1 commit into
devfrom
feat/resume-redesign
Jul 1, 2026
Merged

feat(portfolio): regenerate cv.pdf from new resume + corner-to-corner widget#16
vkkatariya merged 1 commit into
devfrom
feat/resume-redesign

Conversation

@vkkatariya

Copy link
Copy Markdown
Owner

Summary

Regenerate prototypes/assets/cv.pdf from the new resume.html after user-specified design adjustments. Per user instruction: original resume.html stays intact — all print-specific CSS lives in @media print block.

Changes

  • prototypes/assets/cv.pdf — replaced (148KB → 974KB, 1 page A4)

  • prototypes/resume.html + prototypes/resume-dark.html:

    • Wrapped entire .resume in a single corner-to-corner rounded widget (background, border, border-radius, box-shadow)
    • New .resume-inner wrapper keeps original 9mm/12mm/9mm padding inside
    • Removed footer text per user: "its alright if footer doesnt fit in pdf, just leave it out"
    • Divider line stays as visual element, no text below it
    • Removed min-height: 297mm from .resume (was forcing exact A4 height, caused 3.6mm overflow → 2nd blank page)
    • @media print: force html, body { width: 210mm; height: 297mm; min-height: 0; overflow: hidden } to prevent sub-pixel overflow (L-071)
    • Fixed green dot for "Open to work" pill: matched to edu-badge::before style (4px circle, no glow). Was previously distorted at print size due to the 6px box-shadow on a 5px dot.
    • Print stylesheet: compress content, strip widget background to white, keep border + border-radius for A4 print look
  • tasks/DEVLOG.md — new session entry at top

  • tasks/lessons.md — L-071 added (A4 print overflow prevention)

  • tasks/todo.md — resume redesign status section updated

Lessons applied

  • L-068 (visual verify) — rendered PDF previews at A4 + 1× 4× 8× sizes for verification
  • L-069 (read markup, don't infer) — verified the actual HTML/CSS before changing
  • L-070 (doc actual workflow) — original resume.html stays as designed; print adjustments live in @media print
  • L-071 (NEW) — for A4 PDFs that must be exactly 1 page, force body to exact A4 dimensions in @media print + overflow: hidden. Don't trust content-height alone — check pdfinfo page count FIRST.

Result

prototypes/assets/cv.pdf is now 1 page A4, 974KB, contains the new resume design with all sections, photo, and divider line. No blank page 2.

Files changed

  • prototypes/assets/cv.pdf (binary, 148KB → 974KB)
  • prototypes/resume.html (CSS additions + structural wrapper)
  • prototypes/resume-dark.html (matching changes)
  • tasks/DEVLOG.md (session entry)
  • tasks/lessons.md (L-071)
  • tasks/todo.md (status update)

… widget

Replaced prototypes/assets/cv.pdf (148KB → 974KB) rendered from the
new resume.html. Per user instruction: original resume.html stays intact.

Changes to resume.html + resume-dark.html:
- Wrapped entire .resume in single corner-to-corner rounded widget
  (background: var(--sec-bg), border, border-radius: 5mm, box-shadow)
- New .resume-inner wrapper keeps original 9mm/12mm/9mm padding inside
  the widget
- Removed footer text (VISHAL KATARIYA · RESUME · 2026 / website) per
  user: 'its alright if footer doesnt fit in pdf, just leave it out'
- Divider line stays as visual element, no text below it
- Removed min-height: 297mm from .resume (was forcing exact A4 height,
  caused 3.6mm overflow + 2nd blank page)
- @media print: force html, body { width: 210mm; height: 297mm;
  min-height: 0; overflow: hidden } to prevent sub-pixel overflow
  (L-071)
- Fixed green dot for 'Open to work' pill: matched to edu-badge::before
  style (4px circle, no box-shadow glow). Was previously distorted
  at print size due to the 6px glow box-shadow on a 5px dot.
- Print stylesheet: compress content (padding 7mm 10mm 7mm, section
  margin 2.8mm, work-bullets font 8px), strip widget background to
  white, keep border + border-radius for the A4 print look.

L-071 added to lessons.md:
- For A4 PDFs that must be exactly 1 page, force body to exact A4
  dimensions in @media print + overflow: hidden. Don't trust
  content-height alone — check pdfinfo page count FIRST.
- Spent 5+ iterations reducing content to 'fit 1 page' before
  realizing overflow was just 3.6mm of sub-pixel bleed. 4 lines of
  CSS fixed it, not content reduction.

DEVLOG.md: new entry at top documenting this session.
todo.md: status section under feat/resume-redesign branch.

Result: cv.pdf is 1 page A4, 974KB, 29kb chars of content.
@vercel

vercel Bot commented Jul 1, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
portfolio-website Ready Ready Preview, Comment Jul 1, 2026 2:50pm

@vkkatariya vkkatariya merged commit 3f8e1ce into dev Jul 1, 2026
2 checks passed
@vkkatariya vkkatariya deleted the feat/resume-redesign branch July 1, 2026 14:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant