Update dependencies and fix resume readers using the letterhead as th…

…e applicant name
Arden144 · Feb 18, 2024 · 061ffc5 · 061ffc5
1 parent 2479113
commit 061ffc5
Show file tree

Hide file tree

Showing 8 changed files with 44 additions and 28 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -1,9 +1,13 @@
 import { defineConfig } from "astro/config";
 
 import alpinejs from "@astrojs/alpinejs";
+import icon from "astro-icon";
 
 // https://astro.build/config
 export default defineConfig({
+  build: {
+    inlineStylesheets: 'always'
+  },
   vite: {
     build: {
       cssMinify: "lightningcss"
@@ -20,5 +24,5 @@ export default defineConfig({
   experimental: {
     optimizeHoistedScript: true,
   },
-  integrations: [alpinejs()]
-});
+  integrations: [icon(), alpinejs()]
+});
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -11,22 +11,23 @@
     "postinstall": "bun node_modules/puppeteer/install.mjs"
   },
   "dependencies": {
-    "@astrojs/alpinejs": "^0.3.1",
-    "@astrojs/check": "^0.3.1",
-    "@fontsource-variable/noto-serif-georgian": "^5.0.17",
-    "@types/alpinejs": "^3.0.0",
-    "alpinejs": "^3.0.0",
-    "astro": "^3.4.3",
-    "chrono-node": "^2.7.0"
+    "@astrojs/alpinejs": "^0.4.0",
+    "@astrojs/check": "^0.5.4",
+    "@fontsource-variable/noto-serif-georgian": "^5.0.18",
+    "@iconify-json/mdi": "^1.1.64",
+    "@types/alpinejs": "^3.13.6",
+    "alpinejs": "^3.13.5",
+    "astro": "^4.4.0",
+    "chrono-node": "^2.7.5"
   },
   "devDependencies": {
-    "astro-icon": "^0.8.1",
-    "bun-types": "^1.0.10",
-    "lightningcss": "^1.22.1",
-    "prettier": "^3.0.3",
-    "prettier-plugin-astro": "^0.12.1",
-    "puppeteer": "^21.5.0",
-    "typescript": "^5.2.2"
+    "astro-icon": "^1.1.0",
+    "@types/bun": "^1.0.6",
+    "lightningcss": "^1.23.0",
+    "prettier": "^3.2.5",
+    "prettier-plugin-astro": "^0.13.0",
+    "puppeteer": "^22.1.0",
+    "typescript": "^5.3.3"
   },
   "trustedDependencies": [
     "puppeteer",

diff --git a/scripts/pdf.ts b/scripts/pdf.ts
@@ -7,7 +7,7 @@ const generatePdf = async (browser: Browser, url: string): Promise<Buffer> => {
 
     await page.goto(url);
 
-    const pdf = await page.pdf({ format: "LETTER" });
+    const pdf = await page.pdf({ format: "letter" });
 
     await page.close();
 
@@ -48,7 +48,7 @@ const main = async () => {
         }
     } satisfies AstroInlineConfig;
 
-    const browser = launch({ headless: "new" });
+    const browser = launch({ headless: true });
 
     await build(config);
     const server = await preview(config);

diff --git a/src/components/Letterhead/Letterhead.astro b/src/components/Letterhead/Letterhead.astro
@@ -2,7 +2,7 @@
 import logo from "./logo.svg";
 ---
 
-<div>
+<aside>
     <h2><b>UBC</b> Science Co-op</h2>
     <img src={logo.src} alt="UBC Science Co-op Logo">
     <ul>
@@ -11,10 +11,11 @@ import logo from "./logo.svg";
         <li><a href="mailto:science.coop@ubc.ca">science.coop@ubc.ca</a></li>
         <li><a href="https://www.sciencecoop.ubc.ca">www.sciencecoop.ubc.ca</a></li>
     </ul>
-</div>
+</aside>
 
 <style>
-    div {
+    aside {
+        order: -1;
         display: grid;
         grid-template-rows: 3rem auto;
         grid-template-columns: auto min-content;

diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
@@ -1,6 +1,6 @@
 ---
 import "@fontsource-variable/noto-serif-georgian";
-import { Icon } from "astro-icon";
+import { Icon } from "astro-icon/components";
 import "../whitney.css";
 ---
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -17,14 +17,14 @@ const projects = (await getCollection("projects")).sort(
 
 <Page>
     <header>
-        <Letterhead />
         <h1>Arden Sinclair</h1>
         <ul class="contact">
             <li><a href="mailto:general@ardensinclair.com">general@ardensinclair.com</a></li>
             <li><a href="https://github.com/Arden144">github.com/arden144</a></li>
             <li><a href="tel:13067375563">(306) 737-5563</a></li>
             <li>Vancouver, BC</li>
         </ul>
+        <Letterhead />
     </header>
     <section>
         <h3>Technical Skills</h3>
@@ -42,21 +42,27 @@ const projects = (await getCollection("projects")).sort(
         <h3>Technical Projects</h3>
         {projects.map(project => <Project project={project} />)}
     </section>
-    <section>
-        <h3>Work Experience</h3>
-        {jobs.map(job => <Job job={job} />)}
-    </section>
     <section>
         <h3>Education</h3>
         {programs.map(program => <Program program={program} />)}
     </section>
+    <section>
+        <h3>Work Experience</h3>
+        {jobs.map(job => <Job job={job} />)}
+    </section>
 </Page>
 
 <style>
+    header {
+        display: flex;
+        flex-direction: column;
+    }
+
     .contact {
         padding: 0;
         display: flex;
         gap: 0.3rem;
+        margin: 0;
 
         & > li {
             list-style-type: "| ";
@@ -82,7 +88,7 @@ const projects = (await getCollection("projects")).sort(
                 padding-right: 0.25rem;
 
                 &:not(:last-child)::after {
-                    content: ";";
+                    content: ",";
                 }
             }
         }

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,6 +1,10 @@
 {
     "extends": "astro/tsconfigs/strict",
     "compilerOptions": {
+        "lib": ["ESNext"],
+        "target": "ESNext",
+        "module": "ESNext",
+        "moduleDetection": "force",
         "moduleResolution": "Bundler"
     },
     "exclude": ["scripts"]