feat: adjust text styling

Daniel Chen.typ

@@ -1,84 +1,95 @@
 #import "fontawesome.typ": fa, globe, github, linkedin, envelope
-#import "lib.typ": template, education_entry, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG
 
-#set page(margin: 1.75in)
+// orange!!
-#set par(leading: 0.5em, first-line-indent: 1.8em, justify: true)
+#let color = blue // rgb("#ff983e")
-#show par: set block(spacing: 0.55em)
-#show heading: set block(above: 2em, below: 1em)
-
-#set list(indent: 1em)
-
-// Change the theme color of the cv.
-#let color = rgb("#ff983e")
 #let name = "Daniel Chen"
 
-#let contact_data = (
+#let contact_data = ((
-  (
   service: fa[#globe],
   display: "eggworld.me",
-    link: "https://eggworld.me"
+  link: "https://eggworld.me",
-  ),
+), (
-  (
   service: fa[#github],
   display: "github.com/potatoeggy",
-    link: "https://github.com/potatoeggy"
+  link: "https://github.com/potatoeggy",
-  ),
+), (
-  (
   service: fa[#linkedin],
   display: "linkedin.com/in/potatoeggy",
-    link: "https://www.linkedin.com/in/potatoeggy/"
+  link: "https://www.linkedin.com/in/potatoeggy/",
-  ),
+), (
-  (
   service: fa[#envelope],
   display: "d7chen@uwaterloo.ca",
-    link: "mailto://d7chen@uwaterloo.ca"
+  link: "mailto://d7chen@uwaterloo.ca",
-  ),
+),)
-)
 
 #show: doc => template(name, contact_data, color, doc)
 
 // MAIN CONTENT STARTS here
 
-// TODO: make lines more impactful
+= Education
-// introduce some bolding (a lighter gray) to highlight things
+
-// improve readability / ideally increase line height
+#indent[
-// rn it looks like a wall of text
+  #work_entry(
+    "University of Waterloo",
+    "B.A.Sc. in Computer Engineering",
+    start_date: "Sep 2022",
+    end_date: "Apr 2027 (expected)",
+    location: "Waterloo, ON",
+    tasks: (
+      [Courses: Object-oriented programming, data structures & algorithms, digital
+        computers & circuits],
+    ),
+  )
+]
 
 = Skills
 
 #indent[
-    *Languages*: Python, TypeScript/JavaScript, Rust, SQL, C++, Java, HTML, CSS \
+  *Languages:* Python, TypeScript/JavaScript, Rust, SQL, C++, Java, HTML, CSS \
-    *Frameworks*: Node.js, Express, React, Next.js, Vue, Flutter, Qt, Prisma, Apollo, Axum \
+  *Frameworks:* Node.js, Express, React, Next.js, Vue, Flutter, Qt, Prisma,
-    *Tools*: Linux, Git, Docker, PostgreSQL, Redis, Kubernetes, AWS, GCP, OpenTelemetry, GraphQL
+  Apollo, Axum \
+  *Tools:* Linux, Git, Docker, PostgreSQL, Redis, Kubernetes, AWS, GCP,
+  OpenTelemetry, GraphQL
 ]
 
 = Experience
 
 #indent[
+  #show link: underline
   #work_entry(
     "Software Engineering Intern",
     "Dropbase",
-  start_date: "May 2023", end_date: "Aug 2023",
+    start_date: "May 2023",
+    end_date: "Aug 2023",
     location: "Remote",
     tasks: (
-    [Automated synchronising Airtable and HubSpot APIs with Google Sheets via *AWS Lambda*],
+      [Developed a *FastAPI backend* to sync HubSpot and Airtable data with Google
-    [Engineered a *heuristic algorithm* to guarantee *SQL* aliases referenced in queries match the database schema],
+        Sheets via *AWS Lambda*],
-    [Refactored the frontend to use *react-hook-form* to aggregate and validate user input, improving DX],
+      [Engineered a *heuristic algorithm* to guarantee *SQL* aliases referenced in
-    [Built a service for *importing and validating CSV/Excel* files from personalised email addresses into databases],
+        queries match the database schema],
-  )
+      [Refactored the frontend to use *react-hook-form* to aggregate and validate user
+        input, improving DX],
+      [Built a #link("https://dropmail.dev")[service] for *validating and importing
+        CSV/Excel* files from customer emails into client databases],
+    ),
   )
 
   #work_entry(
     "Backend Developer",
     "Techyon",
-  start_date: "Mar 2023", end_date: "present",
+    start_date: "Mar 2023",
+    end_date: "present",
     location: "Waterloo, ON",
     tasks: (
-    [Integrated *OpenTelemetry* and Grafana in a *Kubernetes* cluster to collect traces and improve observability],
+      [Dynamically generated user-specific *Apple Wallet* passes over *Apollo GraphQL*
-    [Dynamically generated user-specific *Apple Wallet* passes over *Apollo GraphQL* Server to streamline check-in],
+        Server to streamline check-in],
-    [Automated judge-to-hacker matching and scheduling with a custom algorithm based on their preferences],
+      [Horizontally scaled the *Node.js* server to handle *1000+ concurrent users* with
-    [Horizontally scaled the *Node.js* server to handle *1000+ concurrent users* with *Redis* and *Kubernetes*],
+        *Redis* and *Kubernetes*],
-  )
+      [Designed a *greedy algorithm* in Python to automate the matching of *20+ judges* to *240+ hacker teams*],
+      [Integrated *OpenTelemetry* and Grafana in a *Kubernetes* cluster to collect
+        traces and improve observability],
+    ),
   )
 ]
 
@@ -86,44 +97,62 @@
 #set strong(delta: SMALL_STRONG)
 
 #indent[
-#project("Mandown Comic Converter", "https://github.com/potatoeggy/mandown", "Python, Qt")
+  #project(
-- Created a CLI and GUI to scrape, download, and convert webcomics into e-ink friendly ebooks
+    "Mandown Comic Converter",
-- Designed a standard *intermediate representation* to convert between different comic formats (EPUB, PDF)
+    "https://github.com/potatoeggy/mandown",
-- Implemented *image caching and multiprocessing* to increase download and update speeds by *300%*
+    "Python, Qt",
-- Minimised regressions between release cycles by writing *unit and integration tests* with 55% code coverage
+  )
+  - Created a CLI and GUI to scrape, download, and convert webcomics into
+    e-ink-optimised ebooks (EPUB, PDF)
+  - Designed an *intermediate representation* to store metadata and images as a
+    standardised conversion target
+  - Implemented *image caching and multiprocessing* to increase download and update
+    speeds by *300%*
+  - Minimised regressions between release cycles by writing *unit and integration
+    tests* with 55% code coverage
 
-#project("Primoprod Genshin Simulator", "https://github.com/potatoeggy/primoprod", "Vue, TypeScript")
+  #project(
-- Built an interactive, realistic, and beautiful game simulator with fluid animations based off a popular game
+    "Primoprod Genshin Simulator",
-- Constructed an *extensible JSON data schema* to let the user dynamically switch between game versions
+    "https://github.com/potatoeggy/primoprod",
+    "Vue, TypeScript",
+  )
+  - Built an interactive, realistic, and beautiful game simulator with fluid
+    animations based off a popular game
+  - Constructed an *extensible JSON data schema* to let the user dynamically switch
+    between game versions
 
   // #project("Kobink — Kobo Sync Server", "https://github.com/potatoeggy/kobink", "Rust, Axum, Postgres")
   // - ??? something here (reverse engineering)
   // - ??? something here (synchronisation and DB, HTTP headers)
 
-#project("RecipeReady Recipe Aggregator", "https://github.com/vincentjguo/recipeready-server", "Flutter, Selenium, FastAPI, Android")
+  #project(
-- Developed a *Flutter app* to generate recipes based on ingredients and filters through a FastAPI server
+    "RecipeReady Recipe Aggregator",
-- Scraped thousands of websites for recipes to build a database with a robust *many-to-many tag system*
+    "https://github.com/vincentjguo/recipeready-server",
-- Aggregated common ingredients heuristically to build a shopping list and a meal plan for each week
+    "Flutter, Selenium, FastAPI, Android",
+  )
+  - Developed a *Flutter app* to generate recipes based on ingredients and filters
+    through a FastAPI server
+  - Scraped thousands of websites for recipes to build a database with a robust
+    *many-to-many tag system*
+  - Aggregated common ingredients heuristically to build a shopping list and a meal
+    plan for each week
 
-#project("Box Box Revolution", "https://github.com/potatoeggy/boxboxrevolution", "Rust, STM32")
+  #project(
-- Created a rhythm game to detect punches with an ultrasonic sensor in line wth notes of popular songs
+    "Box Box Revolution",
-- Developed firmware to measure from an ultrasonic sensor, tone a buzzer, and show scrolling notes on an LCD
+    "https://github.com/potatoeggy/boxboxrevolution",
+    "Rust, STM32",
+  )
+  - Created a rhythm game to detect punches with an ultrasonic sensor in line wth
+    notes of popular songs
+  - Developed firmware to measure from an ultrasonic sensor, tone a buzzer, and show
+    scrolling notes on an LCD
 ]
 
 = Awards
 
 #show link: underline
 
-- Winner of the #link("https://github.com/anyuan-chen/resketch")[EdTech] prize at StormHacks 2022 from 350+ participants
+- Winner of the #link("https://github.com/anyuan-chen/resketch")[EdTech] prize at
-- Winner of the #link("https://github.com/anyuan-chen/perdiem")[IBM Open Source] prize at YRHacks 2022 from 90+ participants
+  StormHacks 2022 from 350+ participants
-
+- Winner of the #link("https://github.com/anyuan-chen/perdiem")[IBM Open Source] prize
-= Education
+  at YRHacks 2022 from 90+ participants
-
-#indent[
-#education_entry(
-  "University of Waterloo", "B.A.Sc. in Computer Engineering", start_date: "Sep 2022", end_date: "Apr 2027 (expected)",
-  location: "Waterloo, ON",
-  details: (
-    [Courses: Object-oriented programming, data structures & algorithms, digital computers & circuits],
-  ))
-]

lib.typ

@@ -3,20 +3,19 @@
 #let DEFAULT_STRONG = 300;
 #let SMALL_STRONG = 200;
 
-// Format start and end dates.
+#let TITLE_FONT = "Bitter"
-#let format_date(start_date: none, end_date: none) = {
+#let HEADING_FONT = TITLE_FONT
-  let date = {
+#let BODY_FONT = "Open Sans"
-    if end_date == none {
-      start_date
-    } else if start_date == none {
-      end_date
-    } else {
-      [#start_date -- #end_date]
-    }
-  }
 
-  [*#date*]
+#let BODY_FONT_SIZE = 10pt
-}
+#let HEADING_FONT_SIZE = 1em
+#let TITLE_FONT_SIZE = 2em
+
+#let HEADING_LINE_GAP = 3mm
+#let BODY_LINE_HEIGHT = 0.85em
+
+// rest = not top
+#let PAGE_MARGINS = (rest: 0.5in, top: 0.4in)
 
 // Format locations.
 #let format_location(location) = {
@@ -24,67 +23,40 @@
 }
 
 #let indent(content) = {
-  block(
+  block(inset: (left: 1em, right: 0.5em), content)
-    inset: (left: 1em, right: 0.5em),
-    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.75em,
+    spacing: 0.9em,
-    grid(
+    grid(columns: (11fr, 6fr), column-gutter: 1cm, {
-    columns: (11fr, 6fr),
+      set strong(delta: DEFAULT_STRONG)
-    column-gutter: 1cm,
-    {
       set align(left)
       left_content
-    },
+    }, {
-    {
       set strong(delta: SMALL_STRONG)
       set align(right)
       right_content
-    }
+    }),
-  ),
     {
       set align(left)
       set strong(delta: SMALL_STRONG)
       details
-  }
-)
-}
-
-// Entry for education.
-#let education_entry(university, degree, start_date: none, end_date: none, location: none, details: none) = {
-  let details_list = if details != none {
-    let list = []
-    for detail in details {
-      list += [- #detail]
-    }
-    list
-  } else {
-    none
-  }
-  cv_entry(
-    left_content:  {
-      set strong(delta: DEFAULT_STRONG)
-      text(1.2em)[*#university*] + "\n" + emph[#degree]
     },
-    right_content:  {
-      format_date(start_date: start_date, end_date: end_date)
-
-      if location != none {
-        "\n" + format_location(location)
-      }
-    },
-    details: details_list
   )
 }
 
 // Entry for work.
-#let work_entry(role, company, tasks: none, start_date: none, end_date: none, location: none) = {
+#let work_entry(
+  role,
+  company,
+  tasks: none,
+  start_date: none,
+  end_date: none,
+  location: none,
+) = {
   let task_list = if tasks != none {
     let list = []
     for task in tasks {
@@ -94,19 +66,19 @@
   } else {
     none
   }
-  cv_entry(
+  cv_entry(left_content: {
-    left_content: {
+    set par(leading: 0.75em)
-      text(1.1em)[*#role*] + "\n" + text[#emph[#company]]
+    text(1.1em)[*#role*]
-    },
+    "\n"
-    right_content:  {
+    set strong(delta: SMALL_STRONG)
-      format_date(start_date: start_date, end_date: end_date)
+    text[*#company*]
+  }, right_content: {
+    [*#start_date -- #end_date*]
 
     if location != none {
       "\n" + format_location(location)
     }
-    },
+  }, details: task_list)
-    details: task_list
-  )
 }
 
 #let project(title, repo_link, tools) = {
@@ -116,15 +88,12 @@
 
 // Set name and contact data and format headings
 #let template(name, contact_data, color, doc) = {
-  let TITLE_FONT = "Bitter"
+  set page(margin: PAGE_MARGINS, paper: "us-letter")
-  let HEADING_FONT = "Bitter"
-  let BODY_FONT = "Open Sans"
-  set page(margin: (rest: 0.5in, top: 0.4in), paper: "us-letter")
   set list(indent: 1.25em, marker: [•])
-  set text(font: (BODY_FONT),  10pt)
+  set text(font: (BODY_FONT), BODY_FONT_SIZE)
-  set par(justify: true, leading: 0.85em)
+  set par(justify: true, leading: BODY_LINE_HEIGHT)
   align(center)[
-    #text(size: 2em, font: TITLE_FONT, fill: color)[*#name*]
+    #text(size: TITLE_FONT_SIZE, font: TITLE_FONT, fill: color)[*#name*]
     #block(above: 0em, below: 1em)
     #{
       if contact_data != none and contact_data.len() > 0 {
@@ -139,29 +108,25 @@
   show heading.where(level: 1): i => {
     set align(left + horizon)
     let title = smallcaps(i.body)
+
     let colored_line(header_text) = style(styles => {
       let size = measure(header_text, styles)
 
       // 100% - spacing - width of text
-        line(length: 100% - 3mm - size.width, stroke: (paint: color, thickness: 2pt, cap: "round"))
+      line(
+        length: 100% - HEADING_LINE_GAP - size.width,
+        stroke: (paint: color, thickness: 2pt, cap: "round"),
+      )
     })
 
-    // add line to right of heading
-
     set block(above: 0.9em, below: 0.75em)
     set text(size: 1em, fill: color, font: HEADING_FONT)
     stack(
       dir: ltr,
-        spacing: 3mm,
+      spacing: HEADING_LINE_GAP,
       title,
-        box(
+      box(height: 2pt, fill: color, colored_line(title)),
-          height: 2pt,
-          fill: color,
-          colored_line(title)
-        )
-
     )
   }
-
   doc
 }