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.tex

@@ -1,243 +0,0 @@
-\documentclass[letterpaper,11pt]{article}
-\usepackage{latexsym}
-\usepackage[empty]{fullpage}
-\usepackage{titlesec}
-\usepackage{marvosym}
-\usepackage[usenames,dvipsnames]{color}
-\usepackage{verbatim}
-\usepackage{enumitem}
-\usepackage[hidelinks]{hyperref}
-\usepackage{fancyhdr}
-\usepackage[english]{babel}
-\usepackage{tabularx}
-\input{glyphtounicode}
-
-
-\pagestyle{fancy}
-\fancyhf{} % clear all header and footer fields
-\fancyfoot{}
-\renewcommand{\headrulewidth}{0pt}
-\renewcommand{\footrulewidth}{0pt}
- \renewcommand{\familydefault}{\sfdefault}
-
-% Adjust margins
-\addtolength{\oddsidemargin}{-0.5in}
-\addtolength{\evensidemargin}{-0.5in}
-\addtolength{\textwidth}{1in}
-\addtolength{\topmargin}{-.6in}
-\addtolength{\textheight}{1.2in}
-
-\urlstyle{same}
-
-\raggedbottom
-\raggedright
-\setlength{\tabcolsep}{0in}
-
-% Sections formatting
-\titleformat{\section}{
-  \vspace{-4pt}\scshape\raggedright\large
-}{}{0em}{}[\color{black}\titlerule \vspace{-5pt}]
-
-% Ensure that generate pdf is machine readable/ATS parsable
-\pdfgentounicode=1
-
-%-------------------------
-% Custom commands
-\newcommand{\resumeItem}[1]{
-  \item\small{
-    {#1 \vspace{-2pt}}
-  }
-}
-
-\newcommand{\resumeSubItem}[1]{\resumeItem{#1}\vspace{-4pt}}
-
-\renewcommand\labelitemii{$\vcenter{\hbox{\tiny$\bullet$}}$}
-
-\newcommand{\resumeSubHeadingListStart}{\begin{itemize}[leftmargin=0.15in, label={}]}
-\newcommand{\resumeSubHeadingListEnd}{\end{itemize}}
-\newcommand{\resumeItemListStart}{\begin{itemize}}
-\newcommand{\resumeItemListEnd}{\end{itemize}\vspace{-5pt}}
-
-\newcommand{\resumeSubheading}[4]{
-  \vspace{-2pt}\item
-    \begin{tabular*}{0.97\textwidth}[t]{l@{\extracolsep{\fill}}r}
-      \textbf{#1} & \textbf{\small #2} \\
-      \textit{\small#3} & \textit{\small #4} \\
-    \end{tabular*}\vspace{-7pt}
-}
-
-\newcommand{\resumeSubSubheading}[2]{
-    \item
-    \begin{tabular*}{0.97\textwidth}{l@{\extracolsep{\fill}}r}
-      \textit{\small#1} & \textit{\small #2} \\
-    \end{tabular*}\vspace{-7pt}
-}
-
-\newcommand{\resumeProjectHeading}[2]{
-    \item
-    \begin{tabular*}{0.97\textwidth}{l@{\extracolsep{\fill}}r}
-      \small#1 & \textbf{\small #2} \\
-    \end{tabular*}\vspace{-7pt}
-}
-
-\newcommand{\resumeAwardsHeading}[2]{
-    \item
-}
-
-\newcommand{\resumeEducationHeading}[5]{
-  \vspace{-2pt}\item
-    \begin{tabular*}{0.97\textwidth}[t]{l@{\extracolsep{\fill}}r}
-      {\textbf{#1} $|$ \textit{\small#3}} & #2 \\
-	  #5 & \textit{\small #4} \\
-    \end{tabular*}\vspace{-7pt}
-}
-
-%-------------------------------------------
-%%%%%%  RESUME STARTS HERE  %%%%%%%%%%%%%%%%%%%%%%%%%%%%
-
-
-\begin{document}
-
-%----------HEADING----------
-% \begin{tabular*}{\textwidth}{l@{\extracolsep{\fill}}r}
-%   \textbf{\href{http://sourabhbajaj.com/}{\Large Sourabh Bajaj}} & Email : \href{mailto:sourabh@sourabhbajaj.com}{sourabh@sourabhbajaj.com}\\
-%   \href{http://sourabhbajaj.com/}{http://www.sourabhbajaj.com} & Mobile : +1-123-456-7890 \\
-% \end{tabular*}
-
-\begin{center}
-    \textbf{\huge \scshape Daniel Chen} \\ \vspace{1pt}
-    \href{https://eggworld.me}{\underline{eggworld.me}} $|$
-    \href{https://github.com/potatoeggy}{\underline{github.com/potatoeggy}} $|$
-    \href{tel:4377885713}{437-788-5713} $|$
-    \href{mailto:d7chen@uwaterloo.ca}{\underline{d7chen@uwaterloo.ca}} $|$ 
-    \href{https://www.linkedin.com/in/potatoeggy/}{\underline{linkedin.com/in/potatoeggy}}
-    
-\end{center}
-
-%
-%-----------PROGRAMMING SKILLS-----------
-\section{Skills}
- \begin{itemize}[leftmargin=0.15in, label={}]
-    \small{\item{
-     \textbf{Languages}{: HTML/CSS/JavaScript/TypeScript, Python, Bash, C++, Java, Dart, SQL, Rust} \\
-     \textbf{Frameworks}{: Node.js, React, Next.js, Vue 2/3, Nuxt.js, Flutter, Electron, Qt, FastAPI, TailwindCSS, VirtualBox, Sass } \\
-     \textbf{Tools}{: Linux, Git, Android, Docker, MyPy, WebSockets, Figma, Selenium, Poetry, Pillow, Pytest, Vuex, Pinia } \\
-    }}
- \end{itemize}
-
-%-----------EXPERIENCE-----------
-\section{Experience}
-  \resumeSubHeadingListStart
-%   \resumeSubheading
-%      {Secretary}{Sep. 2022 -- present}
-%      {University of Waterloo Creative Writing Club}{Waterloo, ON}
-%      \resumeItemListStart
-%        \resumeItem{ Organised shit }
-%        \resumeItem{ idk maybe termcom is better }
-%     \resumeItemListEnd
-     
-     \resumeSubheading
-      {Software Developer}{2022 -- present}
-      {UW Orbital Engineering Design Team}{Waterloo, ON}
-      \resumeItemListStart
-        \resumeItem{ Implemented the light service and an event queue for a real-time OS based on ambient light changes }
-      \resumeItemListEnd
-      
-    \resumeSubheading
-      {General Executive}{2021 -- 2022}
-      {Bayview Computer Club}{Richmond Hill, ON}
-      \resumeItemListStart
-        \resumeItem{ Administered the club server to host club events, member accounts / websites, and activities }
-        \resumeItem{ Planned and implemented biweekly lessons to raise awareness of popular and niche topics such as emulation }
-        \resumeItem{ Ran the annual self-hosted school-wide competitive programming contest, designing fair but challenging problems }
-      \resumeItemListEnd
-     
-\resumeSubHeadingListEnd
-
-% -----------Multiple Positions Heading-----------
-%    \resumeSubSubheading
-%     {Software Engineer I}{Oct 2014 - Sep 2016}
-%     \resumeItemListStart
-%        \resumeItem{Apache Beam}
-%          {Apache Beam is a unified model for defining both batch and streaming data-parallel processing pipelines}
-%     \resumeItemListEnd
-%    \resumeSubHeadingListEnd
-%-------------------------------------------
-
-
-
-%-----------PROJECTS-----------
-\section{GitHub Projects}
-    \resumeSubHeadingListStart
-%      \resumeProjectHeading
-%          {\textbf{\href{https://github.com/potatoeggy/calprod}{Calprod}} $|$ \emph{ Vue }}{Sep. 2022 -- present}
-%          \resumeItemListStart
-%            \resumeItem{Description}
-%            \resumeItem{probably only a couple}
-%          \resumeItemListEnd
-	
-
-      \resumeProjectHeading
-          {\underline{\textbf{\href{https://github.com/potatoeggy/mandown}{Mandown}}} $|$ \emph{Python, MyPy, Pytest, Qt, Typer, Poetry }}{2022 -- present}
-          \resumeItemListStart
-            \resumeItem{Created a real-time site scraper for metadata and images to automatically download comics}
-            \resumeItem{Implemented comic conversion between CBZ/EPUB/PDF as well as image processing to optimise for e-ink screens}
-            \resumeItem{Increased download and update speed by more than 100\% by implementing image caching and multiprocessing}
-            \resumeItem{Designed a responsive and accessible CLI with Typer and GUI with Qt 6}
-            \resumeItem{Wrote extensive unit tests to minimise regressions between release cycles}
-          \resumeItemListEnd
-      \resumeProjectHeading
-          {\underline{\textbf{\href{https://github.com/potatoeggy/ece198}{"Pillow" Water Quality Sensor}}} $|$ \emph{Rust, STM32}}{2022}
-          \resumeItemListStart
-            \resumeItem{Created a water quality statistics aggregator and visualiser on an embedded platform in safe Rust}
-            \resumeItem{Engineered an embedded system with a STM32 microcontroller, matrix keypad, and an LCD display}
-          \resumeItemListEnd
-	  \resumeProjectHeading
-          {\underline{\textbf{\href{https://github.com/anyuan-chen/resketch}{Resketch}}} $|$ \emph{TypeScript, React, Next.js, WebSockets, Node.js, Figma, Google Cloud, TailwindCSS}}{2022}
-          \resumeItemListStart
-            \resumeItem{Developed a homegrown API backend to authenticate users and to create game rooms}
-            \resumeItem{Utilised Google Cloud APIs in real time to evaluate user drawing accuracy and award points}
-          \resumeItemListEnd
-      \resumeProjectHeading
-          {\underline{\textbf{\href{https://github.com/potatoeggy/primoprod}{Primoprod}}} $|$ \emph{TypeScript, Vue, Vuex, Electron, Android}}{2021}
-          \resumeItemListStart
-            \resumeItem{ Mocked a video game UI using CSS to create a hyper-realistic, cross-platform game simulator  }
-            \resumeItem{ Reverse-engineered an API to allow Primoprod to interoperate with a popular web service (paimon.moe) }
-          \resumeItemListEnd
-      \resumeProjectHeading
-          {\underline{\textbf{\href{https://github.com/vincentjguo/recipeready-server}{RecipeReady}}} $|$ \emph{Dart, Flutter, Selenium, FastAPI, Android}}{2021}
-          \resumeItemListStart
-            \resumeItem{Scraped thousands of websites for recipes to build a database with a robust many-to-many tag system}
-            \resumeItem{Designed a REST API to filter and query recipes along with ingredient pricing from Walmart}
-          \resumeItemListEnd
-    \resumeSubHeadingListEnd
-
-\section{Awards}
-    \resumeSubHeadingListStart
-    \resumeAwardsHeading{}{}
-            \resumeItemListStart
-            \resumeItem{Winner of the EdTech category at StormHacks 2022}
-            \resumeItem{Winner of the IBM Open Source category at YRHacks 2022}
-            \resumeItem{2nd place in the Industry 4.0 engineering analytics contest}
-            \resumeItemListEnd
-    \resumeSubHeadingListEnd
-
- %-----------EDUCATION-----------
- 
- \section{Education}
-  \resumeSubHeadingListStart
-    \resumeSubheading
-      {University of Waterloo}{2022 -- present}
-      {Candidate for B.A.Sc. in Computer Engineering}{Waterloo, ON}
-      \resumeItemListStart
-        \resumeItem{ Secretary, Creative Writing Club }
-      \resumeItemListEnd
-    \resumeSubheading
-      {Bayview Secondary School}{2018 -- 2022}
-      {IB Diploma and OSSD Diploma}{Richmond Hill, ON}
-  \resumeSubHeadingListEnd
-
-%-------------------------------------------
-
-\end{document}
-

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

@@ -0,0 +1,137 @@
+#import "fontawesome.typ": github, fa
+
+#let DEFAULT_STRONG = 300;
+#let SMALL_STRONG = 200;
+
+#let TITLE_FONT = "Calibri"
+#let HEADING_FONT = TITLE_FONT
+#let BODY_FONT = "Calibri"
+
+#let BODY_FONT_SIZE = 11pt
+#let HEADING_FONT_SIZE = 1.1em
+#let TITLE_FONT_SIZE = 1.9em
+
+#let HEADING_LINE_GAP = 1.2mm
+#let BODY_LINE_HEIGHT = 0.6em
+
+// rest = not top
+#let PAGE_MARGINS = (rest: 0.35in, top: 0.3in, bottom: 0.3in)
+
+#let indent(content) = {
+  block(
+    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.6em,
+    grid(
+      columns: (13fr, 3fr),
+      column-gutter: 0.5cm,
+      {
+        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
+  }
+)
+}
+
+// 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]
+    }
+    list
+  } 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 project(title, repo_link, 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: PAGE_MARGINS, paper: "us-letter")
+  set list(indent: 1.25em, marker: [•])
+  set text(font: (BODY_FONT),  BODY_FONT_SIZE)
+  set par(justify: true, leading: BODY_LINE_HEIGHT)
+
+  let header = {
+    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)
+    ]
+  }
+
+  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
+  }
+  )
+}