/* ============================================================================= * cv.css — design tokens + layout, ported 1:1 from the LaTeX preamble. * * Metric note: main.tex asks for 10.5pt on letterpaper with 1in margins, but * `article` only knows 10/11/12pt and falls back to 10pt — measured on the * compiled PDF, \cvindent (1.5em) is exactly 15pt and \baselineskip is 12pt. * So the base font-size is 10pt == 13.333px at 96dpi, and every spacing value * below is written in `pt`, which then maps 1:1 onto the LaTeX/PDF points * (7pt entry spacing, 3pt itemsep, 20pt/10pt section spacing, 1.5pt rule, ...). * * You should rarely need to touch this file; content lives in cv-data.js. * ========================================================================== */ :root { --cv-base: 13.3333px; /* article falls back to 10pt: 15pt \cvindent == 1.5em */ --cv-indent: 1.5em; /* \cvindent */ --cv-fg: #000000; --cv-gray: #808080; /* xcolor `gray` = 50% black */ --cv-blue: #0000ff; /* xcolor `blue` */ --cv-link: #0077b5; /* homepage link color (style.css) */ --cv-cornellred: #b31c1c; /* defined in main.tex but unused — kept for parity */ /* Bio block — a muted, translucent take on NVIDIA green (#76b900). The * wash and the accent rule are alpha-composited onto the white sheet, so * they stay soft instead of reading as a saturated block of color. */ --cv-nvidia: 118, 185, 0; --cv-tint: rgba(var(--cv-nvidia), 0.07); /* bio block background */ --cv-accent: rgba(var(--cv-nvidia), 0.7); /* bio left accent rule */ --cv-slate: #35402f; /* bio body text, warm dark gray */ --cv-rule: 1.5pt; /* \hrule height 1.5pt */ /* \arrayrulewidth. A `border` this thin vanishes on a phone: WebKit * quantizes a sub-pixel border onto the device grid (1/3px at DPR 3) before * the fit-to-width transform shrinks it further, and what's left is under * half a physical pixel — never painted. box-shadow doesn't quantize that * way (it antialiases), so it stays visible at every scale and can shrink * proportionally along with the rest of the page, same as everything else * fit-to-width scales — see .cv-abbrev-key. */ --cv-hairline: 0.4pt; /* Paper: the LaTeX source is letterpaper, but this page paginates on A4. * The side margin is chosen so the text measure stays at the original * 6.5in: (210mm - 165.1mm) / 2 == 22.45mm. */ --cv-page-w: 210mm; --cv-page-h: 297mm; --cv-margin-x: 22.45mm; --cv-margin-y: 25.4mm; /* 1in, as in geometry{top,bottom} */ } * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: #f2f2f2; color: var(--cv-fg); /* \usepackage{helvet} == Nimbus Sans, which is metrically identical to * Helvetica (and to Arial, the Windows fallback). Helvetica is listed * before Helvetica Neue because Neue is slightly wider and pushes a few * lines of the original one word past the margin. */ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: var(--cv-base); line-height: 1.2; /* \baselineskip 12pt / 10pt */ } /* LaTeX sets body copy justified with hyphenation, but auto-hyphenation is * deliberately left off here. Hyphenation dictionaries ship per engine, so it * is a way for the same paragraph to take a different number of lines in * WebKit than in Blink — and the page breaks are measured from those lines. * * It buys nothing on this document anyway: at the 6.5in measure Chrome * hyphenates exactly zero words, and switching auto → manual leaves all 82 * justified lines, the inter-word gaps, and all four page breaks identical. * Real hyphens and ­ still break, exactly as they do in the PDF. */ .cv-justify { text-align: justify; hyphens: manual; -webkit-hyphens: manual; } /* --- Paper sheets --------------------------------------------------------- * cv-render.js flows the content into as many A4 sheets as it takes, so what * you see on screen is exactly what "Download PDF" (window.print()) produces. * * The sheets keep their full A4 geometry at *every* viewport size — the layout * never reflows. On screens narrower than a sheet, cv-render.js scales the * whole stack down to the available width instead (see .cv-fit / .cv-pages), * so a phone shows the same page the printer would, only smaller. * ------------------------------------------------------------------------ */ .cv-doc { padding: 24px 0; } /* Fit-to-width viewport. `overflow: hidden` keeps the un-scaled (210mm) layout * box of .cv-pages from pushing the document sideways; the element's height is * set from JS to the *scaled* height, since a transform leaves layout alone. */ .cv-fit { overflow: hidden; } /* transform-origin at the left edge so the scaled stack starts flush with the * left gutter and ends exactly at the right one — no manual centering math. */ .cv-pages { width: var(--cv-page-w); margin: 0 auto; transform-origin: top left; } .cv-sheet { position: relative; width: var(--cv-page-w); min-height: var(--cv-page-h); margin: 0 auto 24px; padding: var(--cv-margin-y) var(--cv-margin-x); background: #ffffff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14); } .cv-sheet:last-child { margin-bottom: 0; } /* flow-root so the children's margins stay measurable inside the sheet */ .cv-sheet-body { display: flow-root; } .cv-sheet-body > :first-child { margin-top: 0; } .cv-sheet-body > .cv-section:first-child > .cv-section-title { margin-top: 0; } /* \pagestyle{plain} — page number centered in the bottom margin */ .cv-pagenum { position: absolute; left: 0; right: 0; bottom: 14mm; text-align: center; } /* Single fluid sheet — only used by the