feat: add monogram and rename

And make it much much prettier!

Co-authored-by: eggy <danielchen04@hotmail.ca>
Reviewed-on: #1

Christopher Lam.typ

@@ -0,0 +1,133 @@
+#import "fontawesome.typ": fa, globe, github, linkedin, envelope, phone
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG
+
+// orange!!
+#let color = rgb("#1f497d")
+#let name = "Christopher Lam"
+
+#let contact_data = (
+  (
+    service: fa[#phone],
+    display: "416-409-0886",
+    link: "tel:4164090886"
+  ),
+  (
+    service: fa[#envelope],
+    display: "christopher.peter.lam@protonmail.com",
+    link: "mailto://christopher.peter.lam@protonmail.com"
+  ),
+  (
+    service: fa[#linkedin],
+    display: "linkedin.com/in/christopherlam888",
+    link: "https://www.linkedin.com/in/christopherlam888"
+  ),
+  (
+    service: fa[#github],
+    display: "github.com/christopherlam888",
+    link: "https://github.com/christopherlam888"
+  ),
+)
+
+#show: doc => template(name, contact_data, color, doc)
+
+// MAIN CONTENT STARTS here
+
+#let IMAGE_WIDTH = 1.5cm
+#place(bottom + center, dy: 1.5cm, image("monogram.png", width: IMAGE_WIDTH))
+
+= Technical Skills
+
+- *Languages:* Python, JavaScript, TypeScript, Kotlin, C, C++, Rust, Dart, Java, SQL, XML, XSL, Bash
+- *Tools:* OpenCV, Flask, PostgreSQL, React, React Native, NodeJS, Express, MongoDB, Flutter, Linux
+
+= Experience
+
+#block(inset: (right: 0.5em))[
+#work_entry(
+  "Software Developer, Software Quality Analyst",
+  "i4i Infrastructure for Information",
+  location: "Toronto",
+  start_date: "May 2023", end_date: "Sep 2023",
+  tasks: (
+    [Developed a program to automate converting hundreds of client data values from Excel to Word metadata],
+    [Designed Python, XML, and XSL code to extract and process data to interface with existing software products],
+    [Performed 1000+ functional, security, and stress tests to ensure quality for clients like Pfizer and Astellas],
+    [Communicated with developers and clients to perform root cause analysis on hundreds of major issues],
+    [Coordinated with management and team members to delegate work, present results, and meet deadlines]
+  )
+)
+
+#work_entry(
+  "Electrical/Communications Subsystem Lead",
+  "UW Orbital Engineering Design Team",
+  start_date: "Sep 2022", end_date: "present",
+  location: "Waterloo",
+  tasks: (
+    [Implemented the Diffie-Hellman key exchange in C using a 3072-bit prime number and 256-bit keys],
+    [Managed a team of 10 to develop electrical and power, battery management, ADCS, and computer systems],
+    [Led the design of the custom transceiver by reviewing schematics and optimizing the layout per RF guidelines],
+    [Validated PCBs with power and RF testing, resulting in a recorded 34 dB gain measured by VNA S-parameters],
+    )
+  )
+]
+
+= Projects
+#set strong(delta: SMALL_STRONG)
+
+#indent[
+#project("Produce Palate", "https://github.com/christopherlam888/produce-palate", "Python, OpenCV, Scikit-learn, Flask")
+- Created an image preprocessing algorithm to reduce noise, perform contour detection, and enhance colours
+- Trained an AI image classifier model with KNN, Random Forest, and SVM algorithms tuned using grid search
+- Achieved 96% accuracy recognizing 5 distinct classes of fruits and vegetables in a web game built with Flask
+
+#project("Snake Wave", "https://github.com/olivia-yong/htn2023", "Python, OpenCV, Pygame, Flask, PostgreSQL, bcrypt")
+- Designed a snake game controlled by hand gestures using OpenCV and Google's MediaPipe ML model
+- Implemented a Flask API with PostgreSQL to handle user authentication with bcrypt and track a leaderboard
+
+#project("The Everyday Watch Collector App", "https://github.com/christopherlam888/the-ewc", "Kotlin, XML, React, NodeJS, Express, MongoDB, JavaScript")
+- Created a user-friendly interface to display 100+ glossary entries and 40+ videos using Kotlin and XML
+- Utilized Retrofit and Gson to retrieve API data in JSON with seamless fallback to local data upon Internet loss
+- Automated unit and instrumented tests using Espresso to ensure code quality and minimize regressions
+- Developed a contributions page using React to send web inputs through a POST request to the REST API
+- Deployed a REST API using NodeJS, Express, and MongoDB to perform CRUD operations on a cloud database
+
+#project("Catholic Companion (Saints App)", "https://github.com/christopherlam888/saints-app", "React Native, TypeScript, Python, BeautifulSoup")
+- Developed an app to display a saint of the day and a list of Catholic prayers in React Native and TypeScript
+- Devised a web scraping algorithm to extract data with BeautifulSoup and clean data with LanguageTool
+- Optimized performance with multithreading pools, resulting in a 5x increase in speed to retrieve 250 listings
+
+#project("RecipeReady", "https://github.com/christopherlam888/recipe-ready-frontend", "Python, Selenium, Flutter, Dart")
+- Produced a recipe app to help users plan daily meals with a weekly schedule and a generated grocery list
+- Gathered 500+ recipes by scraping with Selenium, and created a REST API to get data from a cloud database
+
+]
+
+= Education
+
+#indent[
+#work_entry(
+  "BASc Mechatronics Engineering",
+  "University of Waterloo",
+  start_date: "2022", end_date: "2027",
+  tasks: (
+    [GPA: 4.0/93%, Dean’s List, Faculty of Engineering Entrance Scholarship, President's Scholarship of Distinction],
+    [Courses & Concepts: Object-Oriented Programming, Algorithms and Data Structures, Circuits, Digital Logic],
+  )
+)
+]
+
+= Honours
+
+#show link: underline
+
+#block(inset: (right: 0.5em))[
+  #grid(
+    columns: (11fr, 2fr),
+    column-gutter: 1cm,
+    [
+      - 1st Place CubeSat Design Challenge, Canadian Satellite Design Challenge
+      - The Governor General's Academic Medal (Bronze Medal), Governor General of Canada
+    ],
+    align(right)[*#text(("2023", "2022").join("\n"))*]
+  )
+]

Daniel Chen.typ

@@ -1,122 +0,0 @@
-#import "fontawesome.typ": *
-#import "lib.typ": template, education_entry, work_entry, project, indent
-
-#set page(margin: 1.75in)
-#set par(leading: 0.5em, first-line-indent: 1.8em, justify: true)
-#show raw: set text(font: "New Computer Modern Mono")
-#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 = black
-#let name = "Daniel Chen"
-
-#let contact_data = (
-  (
-    service: fa[#globe],
-    display: "eggworld.me",
-    link: "https://eggworld.me"
-  ),
-  (
-    service: fa[#github],
-    display: "potatoeggy",
-    link: "https://github.com/potatoeggy"
-  ),
-  (
-    service: fa[#linkedin],
-    display: "potatoeggy",
-    link: "https://www.linkedin.com/in/potatoeggy/"
-  ),
-  (
-    service: fa[#envelope],
-    display: "daniel.chen1@uwaterloo.ca",
-    link: "mailto://daniel.chen1@uwaterloo.ca"
-  ),
-)
-
-#show: doc => template(name, contact_data, color, doc)
-
-// MAIN CONTENT STARTS here
-
-= Skills
-
-#indent[
-    *Languages*: Python, TypeScript/JavaScript, Rust, SQL, C++, Dart, Bash, Java, HTML, CSS \
-    *Frameworks*: Node.js, Express, React, Next.js, Vue, Flutter, Qt, Prisma, Apollo, Axum, Diesel \
-    *Tools*: Linux, Git, Docker, PostgreSQL, Redis, Kubernetes, AWS, GCP, OpenTelemetry, GraphQL
-]
-
-= Experience
-
-#indent[
-#work_entry(
-  "Software Engineering Intern",
-  "Dropbase",
-  start_date: "May 2023", end_date: "Aug 2023",
-  location: "Remote",
-  tasks: (
-    "Designed a type-safe ORM-style query builder to dynamically generate JSON forms based on external data",
-    "Integrated Airtable and HubSpot APIs with the core product via AWS Lambda to automate data migration",
-    "Refactored the frontend to use react-hook-form to aggregate and validate user input, improving DX",
-    "Created a Pytest testing framework to verify core functionality across many different databases"
-  )
-)
-
-#work_entry(
-  "Backend Developer",
-  "Hack the North",
-  start_date: "Mar 2023", end_date: "present",
-  location: "Waterloo, ON",
-  tasks: (
-    "Integrated OpenTelemetry and Grafana into a Kubernetes cluster to collect traces and improve observability",
-    "Dynamically generated Apple Wallet URLs over Apollo Server and GraphQL for a registration ticket",
-    "Increased API reliability with Redis Sentinel to automatically failover to backup Redis instances",
-    "Slashed dev server reload time by 1500% by pre-transpiling GraphQL resolvers and offloading type-checking"
-  )
-)
-]
-
-= Projects
-
-#indent[
-#project("Mandown", "https://github.com/potatoeggy/mandown", "Python, Qt")
-- Created a real-time site scraper for metadata and images to automatically download comics
-- Abstracted 4 ebook creation libraries into a common comic conversion API for e-ink devices
-- 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("Kobink", "https://github.com/potatoeggy/kobink", "Rust, Axum, Postgres")
-// - ??? something here (reverse engineering)
-// - ??? something here (synchronisation and DB, HTTP headers)
-
-#project("RecipeReady", "https://github.com/vincentjguo/recipeready-server", "Flutter, Selenium, FastAPI, Android")
-- Scraped thousands of websites for recipes to build a database with a robust many-to-many tag system
-- Designed a REST API to filter and query recipes along with ingredient pricing from Walmart
-
-#project("\"Pillow\" Water Quality Sensor", "https://github.com/potatoeggy/ece198", "Rust, STM32")
-- Created a water quality statistics aggregator and visualiser on an embedded platform in safe Rust
-- Engineered an embedded system with an STM32 microcontroller, matrix keypad, and an LCD display
-
-#project("Primoprod", "https://github.com/potatoeggy/primoprod", "Vue, TypeScript")
-- Mocked a video game UI using CSS to create a hyper-realistic, cross-platform game simulator
-- Constructed an extensible JSON data schema to concisely simplify adding new game content
-]
-
-= Awards
-
-#show link: underline
-
-- Winner of the #link("https://github.com/anyuan-chen/resketch")[EdTech category] at StormHacks 2022 from 350+ participants
-- Winner of the #link("https://github.com/anyuan-chen/perdiem")[IBM Open Source category] at YRHacks 2022 from 90+ participants
-- 2nd place in the Industry 4.0 2021 engineering analytics competition from 200+ participants
-
-= Education
-
-#indent[
-#education_entry("University of Waterloo", "Candidate for B.A.Sc. in Computer Engineering", start_date: "Sep 2022", end_date: "present",
-location: "Waterloo, ON", details: (
-  [Secretary, Creative Writing Club],
-))
-]

README.md

@@ -0,0 +1,7 @@
+# resume
+
+Release guidelines:
+
+- The major version represents the current academic year, e.g., both post-2A and 2B would be v2.
+- The minor version represents the current academic term, e.g., 2A would be v2.1. the x.0 releases are reserved for beta changes.
+- The patch versionr is incremented for any other reason.

lib.typ

@@ -1,30 +1,21 @@
 #import "fontawesome.typ": github, fa
-// Reduce space between paragraphs.
-#let par_space = 0.75em
-// Reduce space between headings and descriptions.
-#let sep_space = par_space + 0.1em
 
-#let subtitle_space = par_space - 0.2em
+#let DEFAULT_STRONG = 300;
+#let SMALL_STRONG = 200;
 
-// Format start and end dates.
+#let TITLE_FONT = "Calibri"
-#let format_date(start_date: none, end_date: none) = {
+#let HEADING_FONT = TITLE_FONT
-  let date = {
+#let BODY_FONT = "Calibri"
-    if end_date == none {
-      start_date
-    } else if start_date == none {
-      end_date
-    } else {
-      [#start_date -- #end_date]
-    }
-  }
 
-  [*#date*]
+#let BODY_FONT_SIZE = 11pt
-}
+#let HEADING_FONT_SIZE = 1.1em
+#let TITLE_FONT_SIZE = 1.9em
 
-// Format locations.
+#let HEADING_LINE_GAP = 1.2mm
-#let format_location(location) = {
+#let BODY_LINE_HEIGHT = 0.6em
-  [_#block(above: 0.7em, location)_]
+
-}
+// rest = not top
+#let PAGE_MARGINS = (rest: 0.35in, top: 0.3in, bottom: 0.3in)
 
 #let indent(content) = {
   block(
@@ -37,54 +28,31 @@
 #let cv_entry(left_content: none, right_content: none, details: none) = {
   stack(
     dir: ttb,
-    spacing: 0.75em,
+    spacing: 0.6em,
     grid(
-    columns: (11fr, 6fr),
+      columns: (13fr, 3fr),
-    column-gutter: 1cm,
+      column-gutter: 0.5cm,
-    {
+      {
-      set align(left)
+        set strong(delta: DEFAULT_STRONG)
-      left_content
+        set align(left)
-    },
+        left_content
-    {
+      },
-      set align(right)
+      {
-      right_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:  {
-      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, one_line: true) = {
   let task_list = if tasks != none {
     let list = []
     for task in tasks {
@@ -96,55 +64,74 @@
   }
   cv_entry(
     left_content: {
-      text(1.1em)[*#role*] + "\n" + text[#emph[#company]]
+      text(1em)[*#role*, ]
+      text[#emph[#company]]
+      if location != none {
+        text[_, #location _]
+      }
     },
     right_content:  {
-      format_date(start_date: start_date, end_date: end_date)
+      [*#start_date -- #end_date*]
 
-      if location != none {
-        "\n" + format_location(location)
-      }
     },
     details: task_list
   )
 }
 
 #let project(title, repo_link, tools) = {
-  link(repo_link)[#text(1.1em)[*#title* #fa(github)]] + [ | _ #tools _]
+  set strong(delta: DEFAULT_STRONG)
+  link(repo_link)[#text(1em)[*#title* #fa(github)]] + [ | _ #tools _]
 }
 
+
 // Set name and contact data and format headings
 #let template(name, contact_data, color, doc) = {
-  set page(margin: (rest: 0.5in, top: 0.4in), paper: "us-letter")
+  set page(margin: PAGE_MARGINS, paper: "us-letter")
   set list(indent: 1.25em, marker: [•])
-  set text(font: "Latin Modern Sans", 11pt)
+  set text(font: (BODY_FONT),  BODY_FONT_SIZE)
-  set par(justify: true, leading: 0.65em)
+  set par(justify: true, leading: BODY_LINE_HEIGHT)
-  align(center)[
+
-    #text(size: 2em)[*#name*]
+  let header = {
-    #block(above: 0em, below: 1em)
+    align(center)[
-    #{
+      #text(size: TITLE_FONT_SIZE, font: TITLE_FONT)[*#name*]
-      if contact_data != none and contact_data.len() > 0 {
+      #block(above: 0em, below: 0.6em)
-        let elements = for el in contact_data {
+      #set text(fill: rgb("#444"))
-          (link(el.link)[#{el.service + " " + el.display}],)
+      #{
+        if contact_data != none and contact_data.len() > 0 {
+          let elements = for el in contact_data {
+            (link(el.link)[#{el.service + " " + el.display}],)
+          }
+          // we love hacks
+          elements.slice(0, 2).join(" | ")
+          "\n"
+          elements.slice(2).join(" | ")
         }
-        text(1.1em)[#elements.join(" | ")]
       }
-    }
+      #v(3pt)
-  ]
+    ]
-
-  show heading.where(level: 1): i => {
-    set align(left)
-    let title = smallcaps(i.body)
-
-    set block(above: 1em)
-      set text(weight: "light", size: 0.9em, fill: color, font: "New Computer Modern")
-      stack(
-        dir: ttb,
-        spacing: 1.5mm,
-        title,
-        line(length: 100%, stroke: color + 0.4pt)
-    )
   }
 
-  doc
+  show heading.where(level: 1): i => {
+    set align(left + horizon)
+    let title = upper(i.body)
+
+    set block(above: 1em, below: 0.75em)
+      set text(size: BODY_FONT_SIZE, fill: color, font: HEADING_FONT)
+      stack(
+        dir: ttb,
+        spacing: HEADING_LINE_GAP,
+        
+        title,
+        line(length: 100%, stroke: (paint: color, thickness: 0.5pt))
+    )
+
+  }
+  block(
+    stroke: (paint: color, thickness: 3pt),
+    inset: 1.5em,
+  {
+    header
+    doc
+  }
+  )
 }