feat: content overhaul

Daniel Chen.typ

@@ -1,5 +1,5 @@
 #import "fontawesome.typ": fa, globe, github, linkedin, envelope
-#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG, render_contact_data
 
 // orange!!
 #let color = blue // rgb("#ff983e")
@@ -23,20 +23,22 @@
   link: "mailto://d7chen@uwaterloo.ca",
 ),)
 
-#show: doc => template(name, contact_data, color, doc)
+#show: doc => template(name, color, doc)
+
+#render_contact_data(contact_data)
 
 // MAIN CONTENT STARTS here
 
 = Skills
 
 #indent[
-  *Languages:* Python, TypeScript, JavaScript, SQL, Rust, C++, Java, HTML, CSS \
+  *Languages:* Python, TypeScript, JavaScript, SQL, Rust, C++, Java, HTML/CSS \
   // Dart, Ruby
-  *Frameworks:* React, Node.js, Vue, Flutter, Spring Boot, Next.js, Express,
+  *Technologies:* Node.js, React, Vue, Next.js, Spring Boot, Express, Prisma, Axum
-  Prisma, Axum \
+  \
   // Qt, Jest / Pytest, Apollo, Prisma, Rails
-  *Tools:* Linux, Git, Docker, PostgreSQL, AWS/GCP, Redis, Kubernetes, Terraform,
+  *Tools:* Linux, Git, Docker, PostgreSQL, Pytest, Jest, AWS/GCP, Kubernetes,
-  GraphQL, nginx // Jenkins, systemd, Jira
+  Terraform // Jenkins, systemd, Jira
 ]
 
 = Experience
@@ -56,7 +58,7 @@
   // )
 
   #work_entry(
-    "Software Developer Intern",
+    "Software Engineering Intern",
     "Immigr8",
     start_date: "Jan 2024",
     end_date: "Apr 2024",
@@ -64,15 +66,17 @@
     tools: "Next.js, Spring Boot, PostgreSQL, AWS, Terraform",
     tasks: (
       // [Improved client responsiveness by *80* by employing stale-while-revalidate hooks for caching and ?? SWR performance, caching, error handling],
-      [Reduced manual user inputs by *40%* by extracting data from users' uploaded
+      [Optimised dashboard performance by *80%* by employing *stale-while-revalidate*
-        documents in S3 with Textract],
+        hooks in *React* and lazily loading backend models with Hibernate, improving
-      [Planned and executed a roadmap to SOC 2 security compliance by *implementing
+        user retention by *30%*],
-        role-based permissions with JWTs*, sending backend logs and alerts to
+      [Achieved SOC 2 security compliance by implementing *role-based permissions with
-        CloudWatch, and introducing new privacy controls for user data],
+        JWTs* in *Spring Boot*, logging alerts to CloudWatch, and introducing new
-      [*Introduced CI/CD for AWS Lambdas* by codifying them in Terraform for
+        privacy controls for user data],
-        reproducible and automatic deployments],
+      [Owned the creation of an end-to-end document vault feature for users to upload
-      [Set up a staging environment via *EC2 and Jenkins* with parallel builds to
+        and verify supplementary identity documents with *Textract*, *reducing support
-        *reduce production errors by 90%*],
+        tickets by 25%*],
+      [Created CI/CD pipelines to automatically deploy AWS Lambdas with *Terraform* and
+        *Jenkins*],
     ),
   )
 
@@ -84,16 +88,16 @@
     location: "Remote",
     tools: "React, Python, PostgreSQL, AWS",
     tasks: (
-      [Owned and launched a HubSpot/Airtable to Google Sheets sync feature to *46000+
+      [Owned the creation of a new feature to sync *46000+ enterprise users'*
-        enterprise users* by writing AWS Lambda functions in Python, abstracting
+        HubSpot/Airtable data to Google Sheets and emailed CSVs to databases with AWS
-        interfaces to easily support future sources],
+        Lambda and *Python*],
-      [Wrote and deployed a new *React* data query builder for our business
+      [Engineered a new *React* data query builder and *FastAPI* backend for our
-        intelligence visualisation service to *33000+ users*, eliminating the need for
+        business intelligence visualisation service to *33000+ users*, eliminating the
-        clients to manually write API calls or Python code],
+        need for clients to manually write API calls],
-      [Designed a conflict resolution algorithm for merging databases, *reducing
+      [Designed a conflict resolution algorithm to merge databases, reducing
-        unrecoverable errors by 75%*],
+        *unrecoverable errors by 75%*],
-      [Developed a *serverless microservice* that asynchronously ingests email
+      // [?? new tool dDeveloped a *serverless microservice* that asynchronously ingests
-        attachments directly into ETL pipelines],
+      //   email attachments directly into ETL pipelines],
       // [??? emphasise test driven development or remove line *Reduced request errors by 30%* by creating backend testing infrastructure with
       //   *Pytest* to catch regressions and test new features across database engines with
       //   *90% code coverage*],
@@ -101,23 +105,22 @@
   )
 
   #work_entry(
-    "Backend Lead",
+    "Backend Developer",
     "Hack the North",
     start_date: "Mar 2023",
     end_date: "present",
     location: "Waterloo, ON",
     tools: "Express, Redis, GraphQL, Docker, Kubernetes",
     tasks: (
-      [Shipped a new *bus registration tool* for attendees by creating new database
+      [Built a new travel tool application leveraging *GraphQL* and *Apollo Server* to
-        tables and GraphQL resolvers],
+        track bus capacity for *500+ attendees* through real-time registration processes],
-      [Created a real-time event statistics dashboard by implementing GraphQL
+      [Streamlined event check-in times by *80%* for *1900+ guests* by generating
-        *subscriptions with Redis PubSub*],
+        Apple/Google Wallet passes over *Express* and *Node.js*],
-      [Diagnosed and *recovered from load spike crashes* by debouncing queries, using
+      [Diagnosed and recovered from crashes due to load spikes up to *800k updates per
-        rate limiting as a stopgap],
+        hour* at the world's largest student-run hackathon by autoscaling *Redis* and
-      [Reduced event check-in times by *80%* for *1900+ attendees* by generating
+        *Postgres* on *Kubernetes*],
-        digital wallet passes over Express],
+      // [Upgraded the event statistics dashboard to update in real time with GraphQL
-      [*Led and mentored a team of 6* to ideate, scope, and deliver features for
+      //   *subscriptions with Redis PubSub*],
-        *Canada's largest hackathon*],
     ),
   )
 ]
@@ -132,9 +135,9 @@
     repo_link: "https://github.com/potatoeggy/mandown",
   )
   - Created a CLI and GUI to scrape, download, and convert webcomics into
-    e-ink-optimised ebooks (EPUB, PDF)
+    e-ink-optimised PDF/EPUBs
-  - Designed a *scalable data conversion system* via a canonical format, allowing
+  - Designed a scalable ebook converter with a *plugin-based architecture* to
-    any format to convert to any other
+    improve compatibility
   - Implemented *image caching and multithreading* to increase download and update
     speeds by *300%*
 
@@ -143,10 +146,10 @@
     "Rust, Axum",
     repo_link: "https://github.com/potatoeggy/kobink",
   )
-  - *Reimplemented the Kobo Store Sync protocol* in an Axum backend to instead sync
+  - Created an *Axum* backend to send custom files to Kobos by *reimplementing the
-    personal ebook files
+    Kobo Sync API*
-  - Deployed the service behind an nginx reverse proxy and Cloudflare DNS to allow
+  - Deployed the service behind an nginx reverse proxy and Cloudflare DNS to sync
-    syncing over the internet
+    over the internet
 
   // #project(
   //   "Genshin Rewards Simulator",
@@ -165,10 +168,10 @@
     repo_link: "https://github.com/potatoeggy/jeopardy",
     demo_link: "https://jeopardy.eggworld.me/host",
   )
-  - Created a beautiful and polished remote game where participants buzz in on their
+  - Created a beautiful and polished game where participants buzz in on their
-    devices over WebSockets
+    devices over *WebSockets*
-  - Synchronised game state between clients and the host with shared TypeScript
+  - Synchronised game state between clients and the host with shared types and the
-    types and the observer pattern
+    *observer pattern*
 
   // #project(
   //   "RecipeReady",
@@ -203,8 +206,8 @@
 
 #indent[
   #work_entry(
-    "University of Waterloo",
     "B.A.Sc. in Computer Engineering",
+    "University of Waterloo",
     start_date: "Sep 2022",
     end_date: "Apr 2027",
     location: "Waterloo, ON",

lib.typ

@@ -3,19 +3,20 @@
 #let DEFAULT_STRONG = 300;
 #let SMALL_STRONG = 200;
 
-#let TITLE_FONT = "Bitter"
+#let TITLE_FONT = "New Computer Modern"
 #let HEADING_FONT = TITLE_FONT
-#let BODY_FONT = "Open Sans"
+#let BODY_FONT = "New Computer Modern"
 
-#let BODY_FONT_SIZE = 10pt
+#let BODY_FONT_SIZE = 11.5pt
 #let HEADING_FONT_SIZE = 0.95em
 #let TITLE_FONT_SIZE = 2em
 
 #let HEADING_LINE_GAP = 3mm
-#let BODY_LINE_HEIGHT = 0.8em
+#let BODY_LINE_HEIGHT = 0.65em
+#let BODY_LINE_SPACING = 0.75em
 
 // rest = not top
-#let PAGE_MARGINS = (rest: 0.5in, top: 0.4in, left: 0.4in, bottom: 0.4in)
+#let PAGE_MARGINS = (right: 0.5in, rest: 0.4in)
 
 // Format locations.
 #let format_location(location) = {
@@ -23,15 +24,15 @@
 }
 
 #let indent(content) = {
-  block(inset: (left: 0.75em, right: 0.5em), content)
+  block(inset: (left: 0em, right: 0em), content)
 }
 
 // General entry that is split into a left and right half (for experience and education).
 #let cv_entry(left_content: none, right_content: none, details: none) = {
   stack(
     dir: ttb,
-    spacing: 0.9em,
+    spacing: 0.75em,
-    grid(columns: (11fr, 3fr), column-gutter: 1cm, {
+    grid(columns: (9fr, 5fr), column-gutter: 1cm, {
       set strong(delta: DEFAULT_STRONG)
       set align(left)
       left_content
@@ -68,22 +69,13 @@
     none
   }
   cv_entry(left_content: {
-    set par(leading: 0.75em)
+    set par(justify: true)
-    text(1.1em)[*#role*]
+    text[*#company* | _#role _]
-
-    if tools != none {
-      text[ | _ #tools _ ]
-    }
-
-    "\n"
-    set strong(delta: SMALL_STRONG)
-    text[*#company*]
   }, right_content: {
-    [*#start_date -- #end_date*]
+    [#start_date -- #end_date]
-
+    // if location != none {
-    if location != none {
+    // format_location(location)
-      "\n" + format_location(location)
+    // }
-    }
   }, details: task_list)
 }
 
@@ -91,38 +83,43 @@
   set strong(delta: DEFAULT_STRONG)
   let text_link = if demo_link != none { demo_link } else { repo_link }
   if text_link != none {
-    link(text_link)[#text(1.1em)[*#title*]]
+    link(text_link)[#text[*#title*]]
   } else {
-    text(1.1em)[*#title*]
+    text[*#title*]
   }
 
   if demo_link != none {
-    link(demo_link)[#text(1.1em)[ #fa(link-icon) ]]
+    link(demo_link)[ #fa(link-icon) ]
   }
 
   if repo_link != none {
-    link(repo_link)[#text(1.1em)[ #fa(github) ]]
+    link(repo_link)[ #fa(github) ]
   }
   [ | _ #tools _ ]
 }
 
-// Set name and contact data and format headings
+#let render_contact_data(data) = {
-#let template(name, contact_data, color, doc) = {
-  set page(margin: PAGE_MARGINS, paper: "us-letter")
-  set list(indent: 1em, marker: [•])
-  set text(font: (BODY_FONT), BODY_FONT_SIZE)
-  set par(justify: true, leading: BODY_LINE_HEIGHT)
   align(center)[
-    #text(size: TITLE_FONT_SIZE, font: TITLE_FONT, fill: color)[*#name*]
+    #let elements = for el in data {
-    #block(above: 0em, below: 1em)
-    #{
-      if contact_data != none and contact_data.len() > 0 {
-        let elements = for el in contact_data {
       (link(el.link)[#{ el.service + " " + el.display }],)
     }
-        text(1em)[#elements.join(" | ")]
+    #text(1em)[#elements.join(" | ")]
-      }
+  ]
 }
+
+// Set name and contact data and format headings
+#let template(name, color, doc) = {
+  set page(margin: PAGE_MARGINS, paper: "us-letter")
+  set list(indent: 0.65em, marker: [•])
+  set text(font: (BODY_FONT), BODY_FONT_SIZE)
+  set par(leading: BODY_LINE_HEIGHT)
+  align(center)[
+    #text(
+      size: TITLE_FONT_SIZE,
+      font: TITLE_FONT,
+      fill: color,
+    )[#smallcaps[*#name*]]
+    #block(above: 0em, below: 1em)
   ]
 
   show heading.where(level: 1): i => {