From 14de85c3920d64556102a95a85c24545f0166f47 Mon Sep 17 00:00:00 2001 From: ordinarthur <@arthurbarre.js@gmail.com> Date: Wed, 13 May 2026 06:07:35 +0200 Subject: [PATCH] Fit short CV on both A4 and US Letter (footer no longer clipped) Detected user PDFs were rendered to US Letter (279mm tall) instead of A4 (297mm), which clipped the footer. Frame now caps at 270mm with tighter print typography so the footer survives on both paper sizes. Co-Authored-By: Claude Opus 4.7 --- cv-short.html | 34 +++++++++++++++++++++++++++++++--- 1 file changed, 31 insertions(+), 3 deletions(-) diff --git a/cv-short.html b/cv-short.html index 8e1f771..d1ffb08 100644 --- a/cv-short.html +++ b/cv-short.html @@ -353,15 +353,43 @@ @media print { body { background: var(--bg); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .page { - width: 210mm; - height: 297mm; + width: 100%; + height: 270mm; /* fits both A4 (297mm) and US Letter (279mm) */ padding: 0; page-break-after: auto; break-after: auto; margin: 0; overflow: hidden; } - .frame { height: 297mm; border: none; } + .frame { height: 270mm; border: none; overflow: hidden; } + + /* Tighten content so it fits on US Letter too */ + .hero h1 { font-size: 32pt; } + .hero-left { padding: 10px 16px; } + .hero .pitch { margin-top: 8px; font-size: 8pt; line-height: 1.4; } + .hero-meta { margin-top: 10px; gap: 8px; } + .specimen-cell { padding: 8px 10px; } + .contact-cell { padding: 8px 10px; gap: 3px; } + .skills-strip { padding: 7px 12px; gap: 4px; } + .skills-strip .chip { padding: 2px 6px; font-size: 6.5pt; } + .xp { padding: 6px 12px; gap: 8px; } + .xp h3 { font-size: 9.5pt; } + .xp .when { font-size: 6.5pt; } + .xp ul { margin-top: 3px; line-height: 1.3; font-size: 7.3pt; } + .xp ul li { margin: 0; } + .pj { padding: 6px 12px; } + .pj h3 { font-size: 9.5pt; } + .pj .pj-meta { font-size: 6.5pt; } + .pj .pj-desc { margin-top: 2px; font-size: 7.3pt; line-height: 1.3; } + .pj .pj-stack .chip { font-size: 6pt; padding: 1px 4px; } + .col-section-title { padding: 4px 12px; } + .formations .fo { padding: 5px 12px; } + .formations .fo h4 { font-size: 8.5pt; } + .formations .fo .school { font-size: 6.3pt; } + .formations .fo .when { font-size: 6.3pt; } + .footer > div { padding: 4px 12px; font-size: 6.5pt; } + .topbar > div { padding: 4px 10px; font-size: 6.5pt; } + .print-btn, .switch-btn, .lang-toggle { display: none !important; } a { color: inherit; } }