Add clickable links to header contact information

content.yml

@@ -5,12 +5,16 @@ about:
       icon: 
     - text: contact@martyoeh.me
       icon: 
+      link: mailto:contact@martyoeh.me
     - text: +49 177 377 4949
       icon: 
+      link: tel:+491773774949
     - text: martyoeh.me
       icon: 
+      link: https://martyoeh.me
     - text: github.com/marty-oehme
       icon: 
+      link: https://github.com/marty-oehme
 summary:
   de: | # FIXME: Update from English summary below
     Ich habe im September 2021 das EU-geförderte European Master of Global Studies Studienprogramm absolviert,

cv.typ

@@ -33,6 +33,22 @@
 
 #set par(justify: true)
 
+#let header(about, columns: (1.5fr, 1fr, 1fr)) = {
+    [= #about.fullname];
+    let contact_fields = (for c in about.contact {
+        if "link" in c {
+            ([#c.icon ~ #link(c.link)[#c.text]],)
+        } else {
+            ([#c.icon ~ #c.text],)
+        }
+    })
+    grid(
+        columns: columns,
+        gutter: 5pt,
+        ..contact_fields
+    );
+}
+
 #let horizon_line() = {v(-3pt); line(length: 100%); v(-5pt)}
 
 #let section_header(title) = {[== #title]; horizon_line()};
@@ -93,19 +109,13 @@
     }
 }
 
+
 #let resume(contents) = {
-    [= #contents.about.fullname];
+    header(contents.about)
-    let contacts = (for c in contents.about.contact {
-        (c.icon + "  " + c.text,)
-    })
-    grid(
-        columns: (1.5fr, 1fr, 1fr),
-        gutter: 5pt,
-        ..contacts
-    );
-    horizon_line();
     if "summary" in contents {
+        section(title:"", {
             contents.summary.at(lang)
+        })
     };
 
     if "experience" in contents {