feat(template): update resume and coverletter template

Updated template based on feedback from Lemmy and else where. Changes coloring scheme as well as some of the font/font weight and style used. Overall, this makes everything a lot more readable and easier to scan at a glance.

lib.typ

@@ -1,10 +1,10 @@
 #import "@preview/fontawesome:0.1.0": *
 
 // const color
-#let color-darknight = rgb("131A28")
-#let color-darkgray = rgb("414141")
-#let color-gray = rgb("5d5d5d")
-#let default-accent-color = rgb("333ECC")
+#let color-darknight = rgb("#131A28")
+#let color-darkgray = rgb("#333333")
+#let color-gray = rgb("#5d5d5d")
+#let default-accent-color = rgb("#262F99")
 
 // const icons
 #let linkedin-icon = box(fa-icon("linkedin", fa-set: "Brands", fill: color-darknight))
@@ -64,14 +64,14 @@
 /// - body (content): The body of the right header
 /// - accent_color (color): The accent color to color the text with. This defaults to the default-accent-color
 #let secondary-right-header(body, accent_color: default-accent-color) = {
-  set text(accent_color, size: 11pt, style: "italic", weight: "light")
+  set text(size: 11pt, weight: "medium")
   body
 }
 
 /// Right section of a tertiaty headers. 
 /// - body (content): The body of the right header
 #let tertiary-right-header(body) = {
-  set text(weight: "light", style: "italic", size: 9pt)
+  set text(weight: "light", size: 9pt)
   body
 }
 
@@ -110,12 +110,14 @@
 /// - author (content): Structure that takes in all the author's information
 /// - date (string): The date the resume was created
 /// - accent_color (color): The accent color of the resume
+/// - colored_headers (boolean): Whether the headers should be colored or not
 /// - body (content): The body of the resume
 /// -> none
 #let resume(
   author: (:), 
   date: datetime.today().display("[month repr:long] [day], [year]"), 
   accent_color: default-accent-color, 
+  colored_headers : true,
   body) = {
   set document(
     author: author.firstname + " " + author.lastname, 
@@ -168,7 +170,8 @@
     )
     
     #align(left)[
-      #text[#strong[#text(accent_color)[#it.body.text.slice(0, 3)]]]#strong[#text[#it.body.text.slice(3)]]
+      #let color = if colored_headers { accent_color } else { color-darkgray }
+      #text[#strong[#text(color)[#it.body.text]]]
       #box(width: 1fr, line(length: 100%))
     ]
   ]
@@ -213,8 +216,7 @@
   let address = {
     set text(
       size: 9pt,
-      weight: "bold",
-      style: "italic",
+      weight: "bold"
     )
     align(center)[
       #author.address
@@ -259,7 +261,7 @@
 /// This formats the item for the resume entries. Typically your body would be a bullet list of items. Could be your responsibilities at a company or your academic achievements in an educational background section.
 /// - body (content): The body of the resume entry
 #let resume-item(body) = {
-  set text(size: 10pt, style: "normal", weight: "light")
+  set text(size: 10pt, style: "normal", weight: "light", fill: color-darknight)
   set par(leading: 0.65em)
   body
 }
@@ -390,7 +392,7 @@
     )
     
     #align(left)[   
-      #text[#strong[#text(accent_color)[#it.body.text.slice(0, 3)]]]#strong[#text[#it.body.text.slice(3)]]
+      #text[#strong[#text(accent_color)[#it.body.text]]]
       #box(width: 1fr, line(length: 100%))
     ]
   ]
@@ -425,8 +427,7 @@
   let address = {
     set text(
       size: 9pt,
-      weight: "regular",
-      style: "italic",
+      weight: "bold",
       fill: color-gray
     )
     align(right)[

template/coverletter.typ

@@ -1,4 +1,4 @@
-#import "@preview/modern-cv:0.1.0":*
+#import "@preview/modern-cv:0.2.0":*
 
 #show: coverletter.with(
   author: (

template/resume.typ

@@ -1,4 +1,4 @@
-#import "@preview/modern-cv:0.1.0": *
+#import "@preview/modern-cv:0.2.0": *
 
 #show: resume.with(
   author: (
@@ -11,34 +11,21 @@
       address: "111 Example St. Example City, EX 11111",
       positions: (
         "Software Engineer",
-        "Software Architect"
+        "Software Architect",
+        "Developer"
       )
   ),
-  date: datetime.today().display()
+  date: datetime.today().display(),
+  colored_headers: true
 )
 
-= Education
-
-#resume-entry(
-  title: "Example University",
-  location: "B.S. in Computer Science",
-  date: "August 2014 - May 2019",
-  description: "Example"
-)
-
-#resume-item[
-  - #lorem(20)
-  - #lorem(15)
-  - #lorem(25)  
-]
-
 = Experience
 
 #resume-entry(
-  title: "Example, Inc.",
+  title: "Senior Software Engineer",
   location: "Example City, EX",
   date: "2019 - Present",
-  description: "Senior Software Engineer"
+  description: "Example, Inc."
 )
 
 #resume-item[
@@ -48,10 +35,10 @@
 ]
 
 #resume-entry(
-  title: "Previous Company, Inc.",
+  title: "Software Engineer",
   location: "Example City, EX",
   date: "2011 - 2019",
-  description: "Software Engineer"
+  description: "Previous Company, Inc."
 )
 
 #resume-item[
@@ -88,6 +75,21 @@
 
 = Skills
 
-#resume-skill-item("Programming Languages", (strong("C++"), "Python", "Java", "C#", "JavaScript", "TypeScript"))
+#resume-skill-item("Languages", (strong("C++"), strong("Python"), "Java", "C#", "JavaScript", "TypeScript"))
 #resume-skill-item("Spoken Languages", (strong("English"), "Spanish"))
-#resume-skill-item("Programs", (strong("Excel"),"Word"))
+#resume-skill-item("Programs", (strong("Excel"),"Word", "Powerpoint", "Visual Studio"))
+
+= Education
+
+#resume-entry(
+  title: "Example University",
+  location: "Example City, EX",
+  date: "August 2014 - May 2019",
+  description: "B.S. in Computer Science"
+)
+
+#resume-item[
+  - #lorem(20)
+  - #lorem(15)
+  - #lorem(25)  
+]

typst.toml

@@ -1,6 +1,6 @@
 [package]
 name = "modern-cv"
-version = "0.1.0"
+version = "0.2.0"
 compiler = "0.11.0"
 entrypoint = "lib.typ"
 authors = ["Paul Tsouchlos <https://github.com/DeveloperPaul123>"]
@@ -16,4 +16,4 @@ repository = "https://github.com/DeveloperPaul123/modern-cv"
 [template]
 path = "template"
 entrypoint = "resume.typ"
-thumbnail = "resume.png"
+thumbnail = "assets/images/resume.png"