Bauke/cv
Bauke
/
cv
1
Fork 0
cv/components/header.typ

65 lines
2.0 KiB
Plaintext

#import "../utilities/icon-with-text.typ": icon_with_text
#import "../utilities/localize.typ": localize
#let header(data, language, include_links, image_size: 6em, margin_size: 1em) = {
let info_section = {
block(
// Set the height explicitly so it fills the container properly.
height: 100%,
stroke: (bottom: 1pt + black),
align(
horizon,
// Use a 2x2 grid for the name and personal information.
grid(
columns: (1fr, 1fr),
row-gutter: 0.5em,
heading(data.name),
..("email", "home", "phone").map(info_key => icon_with_text(
icon: "../images/" + info_key + ".svg",
icon_alt_text: localize(data, info_key, language),
localize(data, info_key, language),
)),
),
),
)
}
let links_section = if include_links {
let link_keys = data.links.keys()
// Use a block to explicitly grow the size to fill the container.
block(height: 100%, width: 100%, align(
horizon,
// Then use a grid to layout the links with equal spacing in between.
grid(
columns: link_keys.len(),
column-gutter: 0.5em,
// Render the any links with their icons.
..link_keys.map(link_key => icon_with_text(
icon: "../images/" + link_key + ".svg",
icon_alt_text: localize(data, link_key, language),
link(data.links.at(link_key), localize(data, link_key, language)),
)),
),
))
}
// Position the header image to the right of the main header content.
grid(
columns: (1fr, image_size),
grid(
// Space the rows out so the first is two-thirds of the image size and the
// second is the remaining third.
rows: (image_size * 67%, image_size * 33%),
info_section,
links_section,
),
// Use a box to round off the corners of the image.
box(
clip: true,
radius: image_size / 4,
image("../" + data.paths.header_image, height: image_size),
),
)
}