feat: sus mozilla

content changes are required

Christopher Lam.typ

@@ -1,133 +0,0 @@
-#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

@@ -0,0 +1,247 @@
+#import "fontawesome.typ": fa, globe, github, linkedin, envelope
+#import "lib.typ": template, work_entry, project, indent, SMALL_STRONG, DEFAULT_STRONG, render_contact_data
+
+// orange!!
+#let color = blue // rgb("#ff983e")
+#let name = "Daniel Chen"
+
+#let contact_data = ((
+  service: fa[#globe],
+  display: "eggworld.me",
+  link: "https://eggworld.me",
+), (
+  service: fa[#github],
+  display: "github.com/potatoeggy",
+  link: "https://github.com/potatoeggy",
+), (
+  service: fa[#linkedin],
+  display: "linkedin.com/in/potatoeggy",
+  link: "https://www.linkedin.com/in/potatoeggy/",
+), (
+  service: fa[#envelope],
+  display: "d7chen@uwaterloo.ca",
+  link: "mailto://d7chen@uwaterloo.ca",
+),)
+
+#show: doc => template(name, color, doc)
+
+#render_contact_data(contact_data)
+
+// MAIN CONTENT STARTS here
+
+= Skills
+
+#indent[
+  *Languages:* C, C++, Rust, Python, TypeScript/JavaScript, HTML, CSS, SQL \
+  // Dart
+  *Technologies:* Qt, React, Express, Prisma, Axum \
+  // Qt, Jest / Pytest, Apollo, Prisma, Rails
+  *Tools:* Linux, Git, Docker, Postgres, Jenkins, systemd, nginx, Pytest, Jest // Jenkins, systemd, Jira
+]
+
+= Experience
+
+#indent[
+  #work_entry(
+    "Software Engineering Intern",
+    "Immigr8",
+    start_date: "Jan 2024",
+    end_date: "Apr 2024",
+    location: "Remote",
+    tools: "React, TypeScript, Spring Boot, Postgres, AWS",
+    tasks: (
+      // [Improved client responsiveness by *80* by employing stale-while-revalidate hooks for caching and ?? SWR performance, caching, error handling],
+      [Planned and executed a roadmap to *SOC 2 security compliance* by implementing
+        *role-based permissions with JWTs* in Spring Boot, logging alerts to CloudWatch,
+        and introducing new privacy controls for user data],
+      [Optimised dashboard responsiveness by *80%* by employing stale-while-revalidate
+        hooks in React and lazily loading backend models with Hibernate, improving user
+        retention by *30%*],
+      [Created CI/CD pipelines to automatically deploy AWS Lambdas with Terraform and
+        Jenkins],
+    ),
+  )
+
+  #work_entry(
+    "Software Engineering Intern",
+    "Dropbase",
+    start_date: "May 2023",
+    end_date: "Aug 2023",
+    location: "Remote",
+    tools: "React, TypeScript, Python, Postgres, AWS",
+    tasks: (
+      [Engineered a new React data query builder and FastAPI backend for our business
+        intelligence visualisation service to *33000+* users, eliminating the need for
+        clients to manually write API calls],
+      [Shipped a new tool to sync *46000+* users' HubSpot/Airtable tables to Google
+        Sheets with AWS Lambdas],
+      [Designed a conflict resolution algorithm to merge databases, reducing
+        unrecoverable errors by *75%*],
+      // [?? new tool dDeveloped a *serverless microservice* that asynchronously ingests
+      //   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*],
+    ),
+  )
+
+  #work_entry(
+    "Backend Developer",
+    "Hack the North",
+    start_date: "Mar 2023",
+    end_date: "present",
+    location: "Waterloo, ON",
+    tools: "Express, TypeScript, Postgres, GraphQL",
+    tasks: (
+      // [Built a new travel tool application leveraging GraphQL and Apollo Server to
+      //   track bus capacity for *500+* attendees through real-time registration processes],
+      [Streamlined event check-in times by *80%* for *1900+* guests by generating Apple
+        Wallet passes over Express],
+      [Diagnosed and recovered from crashes due to load spikes up to *800k* updates per
+        hour at the world's largest student-run hackathon by autoscaling Redis and
+        Postgres on Kubernetes],
+      [Slashed dev server reload time from *130 → 9 s* by introducing threading and
+        pre-transpiling generated code],
+      // [Upgraded the event statistics dashboard to update in real time with GraphQL
+      //   *subscriptions with Redis PubSub*],
+    ),
+  )
+
+  #work_entry(
+    "Software Developer",
+    "Organization for Transformative Works",
+    start_date: "Feb 2024",
+    end_date: "present",
+    location: "Remote",
+    tools: "Python, React, MySQL",
+    tasks: (
+      [Upgrading archive import pipelines in Python to make *4000+* user works
+        accessible to *7 million* users],
+    ),
+  )
+]
+
+= Projects
+#set strong(delta: SMALL_STRONG)
+
+#indent[
+  #project(
+    "PNG Downloader & Merger",
+    "C, libcurl",
+    start_date: "May 2024",
+    end_date: "present",
+    tasks: (
+      [Developed a *multithreaded C program* to download and merge PNGs into one in
+        parallel with *libcurl*],
+      [Guaranteed thread safety by using *mutexes* and data integrity by verifying file
+        checksums after download],
+    ),
+  )
+
+  #project(
+    "Arch Linux Server",
+    "Linux, nginx, systemd",
+    demo_link: "https://eggworld.me",
+    tasks: (
+      [Created a *self-hosted CI/CD pipeline* with *Gitea* to automatically deploy
+        personal projects behind *nginx*],
+      [Automated server maintenance with *systemd timers and services* to update
+        packages and certificates],
+    ),
+  )
+
+  #project(
+    "Kobo Sync Backend",
+    "Rust, Axum",
+    repo_link: "https://github.com/potatoeggy/kobink",
+    start_date: "Nov 2023",
+    end_date: "present",
+    tasks: (
+      [Developed a *Rust* backend to sync custom ebook files to Kobos by reimplementing
+        the Kobo Sync API],
+      [Deployed the service behind an nginx reverse proxy and Cloudflare DNS to sync
+        over the internet],
+    ),
+  )
+
+  #project(
+    "Mandown Comic Downloader",
+    "Python, Qt",
+    repo_link: "https://github.com/potatoeggy/mandown",
+    start_date: "Jan 2022",
+    end_date: "present",
+    tasks: (
+      [Created a CLI and GUI to scrape, download, and convert webcomics into
+        e-ink-optimised PDF/EPUBs],
+      [Designed a scalable ebook converter with a *plugin-based architecture* to
+        improve compatibility],
+      [Implemented *image caching and multithreading* to increase download and update
+        speeds by *300%*],
+    ),
+  )
+
+  // #project(
+  //   "Genshin Rewards Simulator",
+  //   "Vue, TypeScript",
+  //   repo_link: "https://github.com/potatoeggy/primoprod",
+  //   demo_link: "https://primoprod.vercel.app",
+  // )
+  // - Built a realistic and beautiful *loot box simulator* with CSS animations based
+  //   off a popular game
+  // - Reduced action latency by *90%* by lazily loading art assets at opportune times,
+  //   such as during cutscenes
+
+  // #project(
+  //   "Jeopardy!",
+  //   "Vue, TypeScript, WebSockets",
+  //   repo_link: "https://github.com/potatoeggy/jeopardy",
+  //   start_date: "Apr 2023",
+  //   end_date: "present",
+  //   demo_link: "https://jeopardy.eggworld.me/host",
+  //   tasks: (
+  //     [Developed a beautiful and polished game where participants buzz in on their
+  //       devices over *WebSockets*],
+  //     [Synchronised game state between clients and the host with shared types and the
+  //       *observer pattern*],
+  //   ),
+  // )
+
+  // #project(
+  //   "RecipeReady",
+  //   "https://github.com/vincentjguo/recipeready-server",
+  //   "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(
+  //   "Game Boy Advance Emulator",
+  //   "Rust, SDL2, Vulkan",
+  //   repo_link: "https://github.com/potatoeggy/gbarr",
+  // )
+  // - Implemented a *ARMv7 emulator* for old games to run on modern x86_64 platforms
+  //   with *SDL2* and *Vulkan*
+  // - WebGPU and WASM for portability, typestate to guarantee everything is always
+  //   valid
+]
+
+= Education
+
+#indent[
+  #work_entry(
+    "B.A.Sc. in Computer Engineering (Honours, Co-op)",
+    "University of Waterloo",
+    start_date: "Sep 2022",
+    end_date: "Apr 2027",
+    location: "Waterloo, ON",
+    tasks: (
+      [Courses: Object-oriented programming, data structures & algorithms, digital
+        logic & circuits],
+      // [Extracurriculars: Creative Writing Club, Hack the North, UW Orbital Design Team],
+    ),
+  )
+]

README.md

@@ -2,6 +2,10 @@
 
 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.
+- Increment the major version for every work term, e.g., post-2A (WT2) and post-2B (WT3) would be v2.x.x and v3.x.x, respectively.
+- Increment the minor version for every major change. These can include:
+  - Adding a new section
+  - Adding a new skill
+  - Adding/removing a new experience or project
+  - Substantially rewriting lines across multiple experiences or projects
+- Increment the patch version for formatting changes or simple tweaks.

lib.typ

@@ -1,137 +1,167 @@
-#import "fontawesome.typ": github, fa
+#import "fontawesome.typ": github, fa, link-icon
 
 #let DEFAULT_STRONG = 300;
 #let SMALL_STRONG = 200;
 
-#let TITLE_FONT = "Calibri"
+#let TITLE_FONT = "Bitter"
 #let HEADING_FONT = TITLE_FONT
-#let BODY_FONT = "Calibri"
+#let BODY_FONT = "Open Sans"
 
-#let BODY_FONT_SIZE = 11pt
-#let HEADING_FONT_SIZE = 1.1em
-#let TITLE_FONT_SIZE = 1.9em
+#let BODY_FONT_SIZE = 10pt
+#let HEADING_FONT_SIZE = 0.95em
+#let TITLE_FONT_SIZE = 2em
 
-#let HEADING_LINE_GAP = 1.2mm
-#let BODY_LINE_HEIGHT = 0.6em
+#let HEADING_LINE_GAP = 3mm
+#let BODY_LINE_HEIGHT = 0.75em
+
+#let HEADING_DETAILS_LIST_SPACING = 0.9em
+#let DETAILS_TITLE_FONT_SIZE = 1.075em
+
+#let DETAILS_LIST_SPACING = 0.85em
 
 // rest = not top
-#let PAGE_MARGINS = (rest: 0.35in, top: 0.3in, bottom: 0.3in)
+#let PAGE_MARGINS = (right: 0.45in, left: 0.4in, rest: 0.4in)
+
+// Format locations.
+#let format_location(location) = {
+  [_#block(above: 0.7em, location)_]
+}
 
 #let indent(content) = {
-  block(
-    inset: (left: 1em, right: 0.5em),
-    content
-  )
+  block(inset: (left: 0.75em, right: 1em), 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.6em,
-    grid(
-      columns: (13fr, 3fr),
-      column-gutter: 0.5cm,
-      {
+    spacing: HEADING_DETAILS_LIST_SPACING,
+    grid(columns: (15fr, 4fr), column-gutter: 0cm, {
       set strong(delta: DEFAULT_STRONG)
       set align(left)
       left_content
-      },
-      {
+    }, {
       set strong(delta: SMALL_STRONG)
       set align(right)
       right_content
-      }
-  ),
+    }),
     {
-    set align(left)
-    set strong(delta: SMALL_STRONG)
-    details
-  }
-)
+      set strong(delta: DEFAULT_STRONG)
+      list(tight: false, spacing: DETAILS_LIST_SPACING, marker: [•], ..details)
+    },
+  )
 }
 
 // Entry for work.
-#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 {
-      list += [- #task]
+#let work_entry(
+  role,
+  company,
+  tools: none,
+  tasks: none,
+  start_date: none,
+  end_date: none,
+  location: none,
+) = {
+  cv_entry(left_content: {
+    set par(justify: true)
+    text(DETAILS_TITLE_FONT_SIZE)[*#company* | _#role _]
+
+    if tools != none {
+      set strong(delta: SMALL_STRONG)
+      text[ | *#tools* ]
     }
-    list
+  }, right_content: {
+    [_#start_date -- #end_date _]
+    // if location != none {
+    // format_location(location)
+    // }
+  }, details: tasks)
+}
+
+#let project(
+  title,
+  tools,
+  start_date: none,
+  end_date: none,
+  repo_link: none,
+  demo_link: none,
+  tasks: none,
+) = {
+  set strong(delta: DEFAULT_STRONG)
+  let text_link = if demo_link != none { demo_link } else { repo_link }
+  let date_content = if start_date != none {
+    [_#start_date -- #end_date _]
   } else {
     none
   }
-  cv_entry(
-    left_content: {
-      text(1em)[*#role*, ]
-      text[#emph[#company]]
-      if location != none {
-        text[_, #location _]
-      }
-    },
-    right_content:  {
-      [*#start_date -- #end_date*]
 
-    },
-    details: task_list
+  let content_title = {
+    set text(size: DETAILS_TITLE_FONT_SIZE)
+    if text_link != none {
+      link(text_link)[#text[*#title*]]
+    } else {
+      text[*#title*]
+    }
+
+    if demo_link != none {
+      link(demo_link)[ #fa(link-icon) ]
+    }
+
+    if repo_link != none {
+      link(repo_link)[ #fa(github) ]
+    }
+    [ | _ #tools _ ]
+  }
+
+  cv_entry(
+    left_content: content_title,
+    right_content: date_content,
+    details: tasks,
   )
 }
 
-#let project(title, repo_link, tools) = {
-  set strong(delta: DEFAULT_STRONG)
-  link(repo_link)[#text(1em)[*#title* #fa(github)]] + [ | _ #tools _]
+#let render_contact_data(data) = {
+  align(center)[
+    #let elements = for el in data {
+      (link(el.link)[#{ el.service + " " + el.display }],)
+    }
+    #text(1em)[#elements.join(" | ")]
+  ]
 }
 
-
 // Set name and contact data and format headings
-#let template(name, contact_data, color, doc) = {
+#let template(name, color, doc) = {
   set page(margin: PAGE_MARGINS, paper: "us-letter")
-  set list(indent: 1.25em, marker: [•])
+  set list(indent: 0.75em, marker: [•])
   set text(font: (BODY_FONT), BODY_FONT_SIZE)
-  set par(justify: true, leading: BODY_LINE_HEIGHT)
-
-  let header = {
+  set par(leading: BODY_LINE_HEIGHT)
   align(center)[
-      #text(size: TITLE_FONT_SIZE, font: TITLE_FONT)[*#name*]
-      #block(above: 0em, below: 0.6em)
-      #set text(fill: rgb("#444"))
-      #{
-        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(" | ")
-        }
-      }
-      #v(3pt)
+    #text(size: TITLE_FONT_SIZE, font: TITLE_FONT, fill: color)[*#name*]
+    #block(above: 0em, below: 1em)
   ]
-  }
 
   show heading.where(level: 1): i => {
     set align(left + horizon)
-    let title = upper(i.body)
+    let title = smallcaps(i.body)
 
-    set block(above: 1em, below: 0.75em)
-      set text(size: BODY_FONT_SIZE, fill: color, font: HEADING_FONT)
+    let colored_line(header_text) = style(styles => {
+      let size = measure(header_text, styles)
+
+      // 100% - spacing - width of text
+      line(
+        length: 100% - HEADING_LINE_GAP - size.width,
+        stroke: (paint: color, thickness: 2pt, cap: "round"),
+      )
+    })
+
+    set block(above: 0.9em, below: 0.75em)
+    set text(size: HEADING_FONT_SIZE, fill: color, font: HEADING_FONT)
     stack(
-        dir: ttb,
+      dir: ltr,
       spacing: HEADING_LINE_GAP,
-        
       title,
-        line(length: 100%, stroke: (paint: color, thickness: 0.5pt))
+      box(height: 2pt, fill: color, colored_line(title)),
     )
-
   }
-  block(
-    stroke: (paint: color, thickness: 3pt),
-    inset: 1.5em,
-  {
-    header
   doc
-  }
-  )
 }