Updated resume

README.md

@@ -19,3 +19,18 @@ bun run build
 # Preview the production build
 bun run preview
 ```
+
+## Resume PDF
+
+Converts `public/resume/index.html` to a Letter-size PDF.
+
+```bash
+# One-time: install Chromium for Playwright
+bunx playwright install chromium
+
+# Generate PDF (writes public/resume/jaron-pate-resume.pdf)
+bun run resume:pdf
+
+# Optional custom output path
+bun run resume:pdf ./out/resume.pdf
+```

bun.lock

@@ -16,6 +16,7 @@
       },
       "devDependencies": {
         "@nuxtjs/color-mode": "^4.0.0",
+        "playwright": "^1.62.0",
         "prettier": "^3.8.3",
       },
     },
@@ -941,7 +942,7 @@
 
     "fs-constants": ["fs-constants@1.0.0", "", {}, "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="],
 
-    "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
+    "fsevents": ["fsevents@2.3.2", "", { "os": "darwin" }, "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="],
 
     "function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
 
@@ -1403,6 +1404,10 @@
 
     "pkg-types": ["pkg-types@2.3.1", "", { "dependencies": { "confbox": "^0.2.4", "exsolve": "^1.0.8", "pathe": "^2.0.3" } }, "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg=="],
 
+    "playwright": ["playwright@1.62.0", "", { "dependencies": { "playwright-core": "1.62.0" }, "optionalDependencies": { "fsevents": "2.3.2" }, "bin": { "playwright": "cli.js" } }, "sha512-Z14dG305dgaLu6foB1TXQagFiW8JfSUIUaUuPaKQ6NtBPKF1P/qXcqfh6c6K/icPqdy37JmjbiBXf6JNg6Sylw=="],
+
+    "playwright-core": ["playwright-core@1.62.0", "", { "bin": { "playwright-core": "cli.js" } }, "sha512-nsNRyq0r2zsG8AcRHWknc9QRA5XCueC7gWMrs+Gx2tlZn9hcl8zudfh00lhJPY1DE7NmZ6bDsT9g2yey8mXljA=="],
+
     "possible-typed-array-names": ["possible-typed-array-names@1.1.0", "", {}, "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg=="],
 
     "postcss": ["postcss@8.5.12", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-W62t/Se6rA0Az3DfCL0AqJwXuKwBeYg6nOaIgzP+xZ7N5BFCI7DYi1qs6ygUYT6rvfi6t9k65UMLJC+PHZpDAA=="],
@@ -1955,6 +1960,8 @@
 
     "readdir-glob/minimatch": ["minimatch@5.1.9", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw=="],
 
+    "rollup/fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
+
     "rollup-plugin-visualizer/open": ["open@11.0.0", "", { "dependencies": { "default-browser": "^5.4.0", "define-lazy-prop": "^3.0.0", "is-in-ssh": "^1.0.0", "is-inside-container": "^1.0.0", "powershell-utils": "^0.1.0", "wsl-utils": "^0.3.0" } }, "sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw=="],
 
     "source-map-support/source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
@@ -1981,12 +1988,16 @@
 
     "vite/esbuild": ["esbuild@0.27.7", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.27.7", "@esbuild/android-arm": "0.27.7", "@esbuild/android-arm64": "0.27.7", "@esbuild/android-x64": "0.27.7", "@esbuild/darwin-arm64": "0.27.7", "@esbuild/darwin-x64": "0.27.7", "@esbuild/freebsd-arm64": "0.27.7", "@esbuild/freebsd-x64": "0.27.7", "@esbuild/linux-arm": "0.27.7", "@esbuild/linux-arm64": "0.27.7", "@esbuild/linux-ia32": "0.27.7", "@esbuild/linux-loong64": "0.27.7", "@esbuild/linux-mips64el": "0.27.7", "@esbuild/linux-ppc64": "0.27.7", "@esbuild/linux-riscv64": "0.27.7", "@esbuild/linux-s390x": "0.27.7", "@esbuild/linux-x64": "0.27.7", "@esbuild/netbsd-arm64": "0.27.7", "@esbuild/netbsd-x64": "0.27.7", "@esbuild/openbsd-arm64": "0.27.7", "@esbuild/openbsd-x64": "0.27.7", "@esbuild/openharmony-arm64": "0.27.7", "@esbuild/sunos-x64": "0.27.7", "@esbuild/win32-arm64": "0.27.7", "@esbuild/win32-ia32": "0.27.7", "@esbuild/win32-x64": "0.27.7" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w=="],
 
+    "vite/fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
+
     "vite-dev-rpc/birpc": ["birpc@2.9.0", "", {}, "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw=="],
 
     "vite-plugin-checker/chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
 
     "vite-plugin-checker/npm-run-path": ["npm-run-path@6.0.0", "", { "dependencies": { "path-key": "^4.0.0", "unicorn-magic": "^0.3.0" } }, "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA=="],
 
+    "wrangler/fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
+
     "wrap-ansi-cjs/ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
 
     "wrap-ansi-cjs/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],

package.json

@@ -8,7 +8,8 @@
         "generate": "nuxt generate",
         "preview": "nuxt preview",
         "postinstall": "nuxt prepare",
-        "format": "prettier --write ."
+        "format": "prettier --write .",
+        "resume:pdf": "bun scripts/resume-to-pdf.ts"
     },
     "dependencies": {
         "@nuxt/content": "3.13.0",
@@ -22,6 +23,7 @@
     },
     "devDependencies": {
         "@nuxtjs/color-mode": "^4.0.0",
+        "playwright": "^1.62.0",
         "prettier": "^3.8.3"
     }
 }

public/resume/index.html

@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Jaron Pate — Resume</title>
         <style>
-            @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
+            @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
 
             :root {
                 --ink: #111827;
@@ -31,7 +31,8 @@
                     'Segoe UI',
                     sans-serif;
                 font-size: 13px;
-                line-height: 1.38;
+                font-weight: 400;
+                line-height: 1.4;
             }
 
             body {
@@ -62,17 +63,24 @@
             }
 
             h1 {
-                font-size: 2.15rem;
-                line-height: 1;
-                letter-spacing: -0.06em;
+                font-size: 1.85rem;
+                line-height: 1.1;
+                letter-spacing: -0.04em;
+                font-weight: 600;
+            }
+
+            h2,
+            h3,
+            strong,
+            .company {
+                font-size: inherit;
                 font-weight: 600;
             }
 
             .headline {
                 margin-top: 6px;
                 color: var(--accent);
-                font-size: 1.03rem;
-                font-weight: 500;
+                font-weight: 600;
             }
 
             .summary {
@@ -87,7 +95,6 @@
                 gap: 4px;
                 text-align: right;
                 white-space: nowrap;
-                font-size: 0.92rem;
             }
 
             a {
@@ -111,10 +118,7 @@
                 display: flex;
                 align-items: center;
                 gap: 10px;
-                color: var(--ink);
-                font-size: 0.9rem;
-                font-weight: 800;
-                letter-spacing: 0.12em;
+                letter-spacing: 0.08em;
                 text-transform: uppercase;
             }
 
@@ -140,11 +144,6 @@
                 align-items: baseline;
             }
 
-            h3 {
-                font-size: 1.05rem;
-                font-weight: 800;
-            }
-
             .company,
             .meta {
                 color: var(--muted);
@@ -152,11 +151,9 @@
 
             .company {
                 margin-top: 1px;
-                font-weight: 600;
             }
 
             .meta {
-                font-size: 0.86rem;
                 text-align: right;
                 white-space: nowrap;
             }
@@ -179,11 +176,11 @@
 
             .skill-row strong {
                 display: block;
-                font-size: 0.88rem;
                 margin-bottom: 2px;
             }
 
-            .skill-row p {
+            .skill-row p,
+            .project p {
                 color: var(--muted);
             }
 
@@ -194,14 +191,8 @@
                 margin-top: 10px;
             }
 
-            .project h3 {
-                font-size: 0.98rem;
-            }
-
             .project p {
                 margin-top: 2px;
-                color: var(--muted);
-                font-size: 0.9rem;
             }
 
             @media print {
@@ -217,10 +208,6 @@
                     padding: 0.42in 0.5in;
                     box-shadow: none;
                 }
-
-                a {
-                    color: inherit;
-                }
             }
         </style>
     </head>
@@ -250,7 +237,7 @@
             </header>
 
             <section>
-                <h2>Experience</h2>
+                <h2>What I've Done</h2>
                 <article class="item">
                     <div class="item-heading">
                         <div>
@@ -316,7 +303,7 @@
             </section>
 
             <section>
-                <h2>Skills</h2>
+                <h2>Stuff I've Used</h2>
                 <div class="skills">
                     <div class="skill-row">
                         <strong>Languages</strong>
@@ -341,7 +328,7 @@
             </section>
 
             <section>
-                <h2>Projects</h2>
+                <h2>Things I've Built</h2>
                 <div class="projects">
                     <article class="project">
                         <h3><a href="https://unicord.hat.fish/">Unicord</a></h3>

scripts/resume-to-pdf.ts

@@ -0,0 +1,42 @@
+import { chromium } from 'playwright';
+import { mkdir } from 'node:fs/promises';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const root = resolve(dirname(fileURLToPath(import.meta.url)), '..');
+const resumeHtml = resolve(root, 'public/resume/index.html');
+const outputPath = resolve(
+    process.argv[2] ?? resolve(root, 'public/resume/paper.pdf'),
+);
+
+async function main() {
+    await mkdir(dirname(outputPath), { recursive: true });
+
+    const browser = await chromium.launch();
+    const page = await browser.newPage();
+
+    await page.goto(`file://${resumeHtml}`, { waitUntil: 'networkidle' });
+    await page.evaluate(async () => {
+        await document.fonts.ready;
+    });
+
+    await page.pdf({
+        path: outputPath,
+        format: 'Letter',
+        printBackground: true,
+        margin: {
+            top: '0',
+            right: '0',
+            bottom: '0',
+            left: '0',
+        },
+    });
+
+    await browser.close();
+    console.log(`Wrote ${outputPath}`);
+}
+
+main().catch((error) => {
+    console.error(error);
+    process.exit(1);
+});