Generate pdf on build.

package.json

@@ -24,10 +24,11 @@
   },
   "scripts": {
     "start": "REACT_APP_GITHUB_SECRET=\"$(< src/github.secret.txt)\" react-scripts start",
-    "build": "react-scripts build",
-    "build:local": "REACT_APP_GITHUB_SECRET=\"$(< src/github.secret.txt)\" react-scripts build",
+    "build": "react-scripts build && npm run pdf",
+    "build:local": "REACT_APP_GITHUB_SECRET=\"$(< src/github.secret.txt)\" react-scripts build && npm run pdf",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "pdf": "node scripts/pdf.js"
   },
   "eslintConfig": {
     "extends": [
@@ -47,5 +48,8 @@
       "last 1 safari version"
     ]
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "puppeteer": "^10.1.0",
+    "serve-handler": "^6.1.3"
+  }
 }

scripts/pdf.js

@@ -0,0 +1,29 @@
+const puppeteer = require("puppeteer");
+const { execSync } = require("child_process");
+const http = require("http");
+const handler = require("serve-handler");
+
+const server = http.createServer((req, res) => {
+  return handler(req, res, {
+    public: "build",
+  });
+});
+
+(async () => {
+  server.listen(3000);
+
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+
+  await page.goto("http://localhost:3000", {
+    waitUntil: "networkidle2",
+  });
+
+  await page.pdf({
+    path: "build/josh-rutherford-resume.pdf",
+    format: "a4",
+  });
+
+  await browser.close();
+  server.close();
+})();

src/history/history.scss

@@ -190,8 +190,7 @@ $horizontal_breakpoint: 724px;
 
     @media print {
       top: -1.5rem;
-      box-shadow: 0 4px 7px 1px rgba(black, 0.2),
-        0 16px 10px -12px rgba(black, 0.4);
+      box-shadow: none;
     }
 
     svg {