feat: actually poyo

eugene is the best

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}
-

Daniel Chen.typ

@@ -0,0 +1,219 @@
+#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)
+
+#align(center)[#text(1.1em)[*_Poyo! —Kirby, Kirby Super Stars_*]]
+
+#render_contact_data(contact_data)
+
+// MAIN CONTENT STARTS here
+
+= Skills
+
+#indent[
+  *Languages:* Python, TypeScript, JavaScript, SQL, Rust, C++, Java, HTML, CSS \
+  // Dart, Ruby
+  *Frameworks:* React, Node.js, Vue, Flutter, Spring Boot, Next.js, Express,
+  Prisma, Axum \
+  // Qt, Jest / Pytest, Apollo, Prisma, Rails
+  *Tools:* Linux, Git, Docker, PostgreSQL, AWS/GCP, Redis, Kubernetes, Terraform,
+  GraphQL, nginx // Jenkins, systemd, Jira
+]
+
+= Experience
+
+#indent[
+  // #work_entry(
+  //   "Technical Volunteer",
+  //   "Organization for Transformative Works",
+  //   start_date: "Feb 2024",
+  //   end_date: "present",
+  //   location: "Remote",
+  //   tools: "Python, Ruby on Rails, React, MySQL",
+  //   tasks: (
+  //     [Upgrading archive import pipelines to migrate 4000+ user works to be accessible
+  //       to *7 million registered users*],
+  //   ),
+  // )
+
+  #work_entry(
+    "Software Developer Intern",
+    "Immigr8",
+    start_date: "Jan 2024",
+    end_date: "Apr 2024",
+    location: "Remote",
+    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
+        documents in S3 with Textract],
+      [Planned and executed a roadmap to SOC 2 security compliance by *implementing
+        role-based permissions with JWTs*, sending backend logs and alerts to
+        CloudWatch, and introducing new privacy controls for user data],
+      [*Introduced CI/CD for AWS Lambdas* by codifying them in Terraform for
+        reproducible and automatic deployments],
+      [Set up a staging environment via *EC2 and Jenkins* with parallel builds to
+        *reduce production errors by 90%*],
+    ),
+  )
+
+  #work_entry(
+    "Software Engineering Intern",
+    "Dropbase",
+    start_date: "May 2023",
+    end_date: "Aug 2023",
+    location: "Remote",
+    tools: "React, Python, PostgreSQL, AWS",
+    tasks: (
+      [Owned and launched a HubSpot/Airtable to Google Sheets sync feature to *46000+
+        enterprise users* by writing AWS Lambda functions in Python, abstracting
+        interfaces to easily support future sources],
+      [Wrote and deployed a new *React* data query builder for our business
+        intelligence visualisation service to *33000+ users*, eliminating the need for
+        clients to manually write API calls or Python code],
+      [Designed a conflict resolution algorithm for merging databases, *reducing
+        unrecoverable errors by 75%*],
+      [Developed 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 Lead",
+    "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
+        tables and GraphQL resolvers],
+      [Created a real-time event statistics dashboard by implementing GraphQL
+        *subscriptions with Redis PubSub*],
+      [Diagnosed and *recovered from load spike crashes* by debouncing queries, using
+        rate limiting as a stopgap],
+      [Reduced event check-in times by *80%* for *1900+ attendees* by generating
+        digital wallet passes over Express],
+    ),
+  )
+]
+
+= Projects
+#set strong(delta: SMALL_STRONG)
+
+#indent[
+  #project(
+    "Mandown Comic Downloader",
+    "Python, Qt",
+    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)
+  - Designed a *scalable data conversion system* via a canonical format, allowing
+    any format to convert to any other
+  - Implemented *image caching and multithreading* to increase download and update
+    speeds by *300%*
+
+  #project(
+    "Kobo Sync Server",
+    "Rust, Axum",
+    repo_link: "https://github.com/potatoeggy/kobink",
+  )
+  - *Reimplemented the Kobo Store Sync protocol* in an Axum backend to instead sync
+    personal ebook files
+  - Deployed the service behind an nginx reverse proxy and Cloudflare DNS to allow
+    syncing over the internet
+
+  // #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",
+    demo_link: "https://jeopardy.eggworld.me/host",
+  )
+  - Created a beautiful and polished remote game where participants buzz in on their
+    devices over WebSockets
+  - Synchronised game state between clients and the host with shared TypeScript
+    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("Arch Linux Server", "Linux, Docker, nginx, systemd", demo_link: "https://eggworld.me")
+  // - Created a *self-hosted CI/CD pipeline* with *Gitea* to automatically deploy
+  //   personal projects behind *nginx*
+  // - Containerised services with *Docker* and *systemd* to simplify deployment and
+  //   management
+
+  // #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(
+    "University of Waterloo",
+    "B.A.Sc. in Computer Engineering",
+    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

@@ -0,0 +1,11 @@
+# resume
+
+Release guidelines:
+
+- 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

@@ -0,0 +1,153 @@
+#import "fontawesome.typ": github, fa, link-icon
+
+#let DEFAULT_STRONG = 300;
+#let SMALL_STRONG = 200;
+
+#let TITLE_FONT = "Bitter"
+#let HEADING_FONT = TITLE_FONT
+#let BODY_FONT = "Open Sans"
+
+#let BODY_FONT_SIZE = 10pt
+#let HEADING_FONT_SIZE = 0.95em
+#let TITLE_FONT_SIZE = 2em
+
+#let HEADING_LINE_GAP = 3mm
+#let BODY_LINE_HEIGHT = 0.8em
+
+// rest = not top
+#let PAGE_MARGINS = (rest: 0.5in, top: 0.4in, left: 0.4in, bottom: 0.4in)
+
+// Format locations.
+#let format_location(location) = {
+  [_#block(above: 0.7em, location)_]
+}
+
+#let indent(content) = {
+  block(inset: (left: 0.75em, 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.9em,
+    grid(columns: (11fr, 3fr), column-gutter: 1cm, {
+      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,
+  tools: none,
+  tasks: none,
+  start_date: none,
+  end_date: none,
+  location: none,
+) = {
+  let task_list = if tasks != none {
+    let list = []
+    for task in tasks {
+      list += [- #task]
+    }
+    list
+  } else {
+    none
+  }
+  cv_entry(left_content: {
+    set par(leading: 0.75em)
+    text(1.1em)[*#role*]
+
+    if tools != none {
+      text[ | _ #tools _ ]
+    }
+
+    "\n"
+    set strong(delta: SMALL_STRONG)
+    text[*#company*]
+  }, right_content: {
+    [*#start_date -- #end_date*]
+
+    if location != none {
+      "\n" + format_location(location)
+    }
+  }, details: task_list)
+}
+
+#let project(title, tools, repo_link: none, demo_link: none) = {
+  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*]]
+  } else {
+    text(1.1em)[*#title*]
+  }
+
+  if demo_link != none {
+    link(demo_link)[#text(1.1em)[ #fa(link-icon) ]]
+  }
+
+  if repo_link != none {
+    link(repo_link)[#text(1.1em)[ #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, 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*]
+    #block(above: 0em, below: 1em)
+  ]
+
+  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% - 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: ltr,
+      spacing: HEADING_LINE_GAP,
+      title,
+      box(height: 2pt, fill: color, colored_line(title)),
+    )
+  }
+  doc
+}