Add initial function for showcasing project entries

src/main.typ

@@ -100,3 +100,32 @@
   dates: [2016 - 2020],
   []
 )
+
+= Projects
+
+#project(
+  name: [typst-almeida-cv],
+  short_description: [#lorem(8)],
+  dates: [Summer 2024 - now],
+  location: [],
+  url: [https://github.com/gteufelberger/typst-almeida-cv/],
+  tags: [
+    - Typst
+    - CV
+  ],
+  [#lorem(20)],
+)
+
+#project(
+  name: [#lorem(2)],
+  short_description: [#lorem(8)],
+  dates: [2020 - 2022],
+  location: [],
+  url: [https://example.com],
+  tags: [
+    - #lorem(2)
+    - #lorem(1)
+    - #lorem(3)
+  ],
+  [#lorem(20)],
+)

src/template.typ

@@ -141,3 +141,54 @@
     }
   )
 }
+
+// Project
+#let project(
+  name: [],
+  short_description: [],
+  dates: [],
+  location: [],
+  url: [],
+  tags: [],
+  content,
+) = {
+  grid(columns: (3fr, 1fr), column-gutter: 5pt,
+    [==== #name],
+    align(end, {
+      text(fill: accentColor, fi.map-icon.marker-alt)
+      h(4pt)
+      text(fill: gray, location)
+    })
+  )
+  text()[
+    ===== #short_description
+  ]
+
+  text()[
+    #dates
+
+    #location
+  ]
+
+  if url.has("dest") {
+    if url.dest.contains("https://github.com/") {
+      fa(fi.github) + h(4pt)
+    }
+    if url.dest.contains("https://gitlab") {
+      fa(fi.gitlab) + h(4pt)
+    }
+
+    link(url.dest)
+  }
+
+  v(5pt)
+
+  content
+
+  show list: items => {
+    align(end, items.children.map(
+      c => h(2pt) + pill(c.body) + h(2pt)
+    ).join())
+  }
+  tags
+}