@bafif/foja 0.0.0-stage → 0.1.0

package/dist/template/styles/banda.typ

@@ -0,0 +1,97 @@
+// Banda: a band of colour across the top of the first page with the name, the photo beside it;
+// one column below, sans-serif, section titles marked with a block of the accent colour.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#1d2327")
+#let muted = ink.lighten(42%)
+#let accent-color = accent(rgb("#1f5f5b"))
+#let m = margins((top: 10, bottom: 14, left: 16, right: 16))
+#let band = 36mm
+#let text-width = paper.width - m.left - m.right
+#let small = base-size * 0.9
+
+#set document(..document-info)
+#set page(
+  width: paper.width,
+  height: paper.height,
+  margin: m,
+  background: context if counter(page).get().first() == 1 { place(top + left, rect(width: 100%, height: band, fill: accent-color)) },
+)
+#set text(font: opt("font", "Noto Sans"), size: base-size * 0.95, fill: ink, lang: lang)
+#set par(leading: 0.6em, spacing: 0.6em * density, justify: false)
+#set list(marker: text(fill: accent-color, sym.bullet), indent: 0.2em, body-indent: 0.5em, spacing: 0.4em * density)
+#show link: set text(hyphenate: false)
+
+#geometry(main: (x: m.left, width: text-width))
+
+#let section-title(title) = block(above: 1.35em * density, below: 0.6em * density, sticky: true, {
+  box(baseline: 0.12em, rect(width: 3.5pt, height: 0.95em, fill: accent-color))
+  h(0.5em)
+  text(size: base-size * 1.15, weight: "medium", title)
+})
+
+#let entry(b, compact) = anchored(b.path, block(above: 0.8em * density, below: 0pt, {
+  text(weight: "bold", b.title)
+  h(1fr)
+  text(size: small, fill: muted, b.period)
+  if b.place != "" {
+    linebreak()
+    text(size: small, fill: accent-color, weight: "medium", b.place)
+  }
+  if b.note != none { par(text(size: small, fill: muted, b.note)) }
+  if not compact and b.items.len() > 0 { list(..b.items.map(item-body)) }
+}))
+
+#let section(s) = anchored(s.path, {
+  section-title(s.title)
+  for b in s.blocks {
+    if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+      anchored(b.path, block(above: 0.45em * density, below: 0pt, list(item-body(b))))
+    } else { anchored(b.path, par(inline(b.text))) }
+  }
+})
+
+// ---------------------------------------------------------------- the band
+
+#let picture = photo(band - m.top - 8mm, shape: if cv.photo-shape == "square" { "rounded" } else { cv.photo-shape })
+#block(height: band - m.top, width: 100%, {
+  set text(fill: white)
+  grid(
+    columns: (1fr, auto),
+    align: (horizon, horizon),
+    {
+      anchored("name", text(size: base-size * 2.3, weight: "bold", cv.name))
+      v(0.1em)
+      anchored("subtitle", text(size: base-size * 1.25, cv.subtitle))
+    },
+    if picture != none { anchored("photo", picture) },
+  )
+})
+#v(0.9em)
+
+// ---------------------------------------------------------------- body
+
+#if cv.contacts.len() > 0 {
+  anchored("contacts", text(size: small, fill: muted, cv.contacts.map(contact-text).join(h(0.45em) + text(fill: accent-color, sym.bullet) + h(0.45em))))
+}
+#if cv.skills.len() > 0 {
+  v(0.5em)
+  for (i, row) in cv.skills.enumerate() {
+    anchored("skills." + str(i), grid(
+      columns: (1fr,) * row.len(),
+      column-gutter: 1.5em,
+      ..row.map(g => text(size: small)[#text(weight: "bold", g.title): #g.items.join(" · ")]),
+    ))
+    v(0.25em)
+  }
+}
+#if cv.highlight != none {
+  v(0.5em)
+  anchored("highlight", par[#text(fill: accent-color, weight: "bold", cv.highlight.title) #h(0.4em) #cv.highlight.text])
+}
+#if cv.summary != "" {
+  v(0.4em)
+  anchored("summary", par(justify: true, inline(cv.summary)))
+}
+#for s in cv.sections { section(s) }

package/dist/template/styles/claustro.typ

@@ -0,0 +1,91 @@
+// Claustro: the classic one-page CV of university career offices (in the manner of Harvard's).
+// Serif; the name centred with the contacts on one line below it; section titles in capitals over a
+// rule from margin to margin; each entry with the institution above and the position and dates
+// below, then bullets. One column of plain text, no icons or pictures of text, laid out in the
+// order it is read, so that applicant tracking systems read it as people do.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#1a1a1a")
+#let muted = ink.lighten(38%)
+#let accent-color = accent(ink)
+#let m = margins((top: 14, bottom: 14, left: 18, right: 18))
+#let text-width = paper.width - m.left - m.right
+#let small = base-size * 0.9
+
+#set document(..document-info)
+#set page(width: paper.width, height: paper.height, margin: m)
+#set text(font: opt("font", "XCharter"), size: base-size, fill: ink, lang: lang, hyphenate: false)
+#set par(leading: 0.55em, spacing: 0.55em * density, justify: false)
+#set list(marker: [•], indent: 0.5em, body-indent: 0.5em, spacing: 0.35em * density)
+
+#geometry(main: (x: m.left, width: text-width))
+
+#let section-title(title) = block(
+  above: 1.15em * density,
+  below: 0.5em * density,
+  sticky: true,
+  width: 100%,
+  inset: (bottom: 2.5pt),
+  stroke: (bottom: 0.7pt + accent-color),
+  text(weight: "bold", tracking: 0.05em, upper(title)),
+)
+
+// The institution in bold above; the position in italics and the dates on the right below it. An
+// entry without an institution has the position in bold and the dates on its line.
+#let entry(b, compact) = anchored(b.path, block(above: 0.8em * density, below: 0pt, {
+  if b.place != "" {
+    text(weight: "bold", b.place)
+    linebreak()
+    emph(b.title)
+  } else { text(weight: "bold", b.title) }
+  if b.period != "" {
+    h(1fr)
+    b.period
+  }
+  if b.note != none {
+    linebreak()
+    text(size: small, fill: muted, b.note)
+  }
+  if not compact and b.items.len() > 0 { list(..b.items.map(item-body)) }
+}))
+
+#let section(s) = anchored(s.path, {
+  section-title(s.title)
+  for b in s.blocks {
+    if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+      anchored(b.path, block(above: 0.45em * density, below: 0pt, list(item-body(b))))
+    } else { anchored(b.path, par(inline(b.text))) }
+  }
+})
+
+// ---------------------------------------------------------------- header
+
+#let head = align(center, {
+  anchored("name", par(text(size: base-size * 2.2, weight: "bold", cv.name)))
+  if cv.subtitle != "" { anchored("subtitle", par(text(size: base-size * 1.1, style: "italic", cv.subtitle))) }
+  if cv.contacts.len() > 0 { anchored("contacts", par(text(size: small, cv.contacts.map(contact-text).join(" · ")))) }
+})
+#let picture = photo(base-size * 7)
+#if picture == none { head } else {
+  // The photo on the right, an empty cell as wide on the left, so the header stays centred.
+  grid(columns: (base-size * 7, 1fr, base-size * 7), column-gutter: 1em, align: (top, horizon, top), [], head, anchored("photo", picture))
+}
+
+// ---------------------------------------------------------------- body
+
+#if cv.highlight != none {
+  v(0.6em * density)
+  anchored("highlight", par[#text(weight: "bold", cv.highlight.title): #cv.highlight.text])
+}
+#if cv.summary != "" {
+  section-title(labels.profile)
+  anchored("summary", par(inline(cv.summary)))
+}
+#if cv.skills.len() > 0 {
+  section-title(labels.skills)
+  for (i, row) in cv.skills.enumerate() {
+    anchored("skills." + str(i), { for g in row { par[#text(weight: "bold", g.title): #g.items.join(", ")] } })
+  }
+}
+#for s in cv.sections { section(s) }

package/dist/template/styles/legajo.typ

@@ -0,0 +1,155 @@
+// Legajo: Foja's own look, after the "foja de servicios" it is named for. The name in small caps
+// over a rule, a sidebar card on a light tint, small-caps section titles with a hairline, and the
+// dates in a column of their own, like a record. One or two columns, sidebar on either side.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#1f2a2e")
+#let muted = ink.lighten(38%)
+#let accent-color = accent(rgb("#1f5f5b"))
+#let tint = accent-color.lighten(92%)
+#let m = margins((top: 12, bottom: 12, left: 12, right: 12))
+#let two = opt("columns", 2) == 2
+#let side-left = opt("sidebar", "left") == "left"
+#let text-width = paper.width - m.left - m.right
+#let gutter = 6mm
+#let side-width = if two { text-width * opt("sidebarWidth", 27) / 100 } else { 0pt }
+#let main-width = if two { text-width - side-width - gutter } else { text-width }
+#let main-x = if two and side-left { m.left + side-width + gutter } else { m.left }
+#let side-x = if side-left { m.left } else { m.left + main-width + gutter }
+#let small = base-size * 0.88
+#let date-width = 2cm * (base-size / 10pt)
+
+#set document(..document-info)
+#set page(width: paper.width, height: paper.height, margin: m)
+#set text(font: opt("font", "XCharter"), size: base-size, fill: ink, lang: lang)
+#set par(leading: 0.55em, spacing: 0.55em * density, justify: true)
+#set list(marker: text(fill: accent-color, [–]), indent: 0pt, body-indent: 0.5em, spacing: 0.4em * density)
+#show link: set text(hyphenate: false, lang: "en")
+
+#geometry(main: (x: main-x, width: main-width), side: if two { (x: side-x, width: side-width) } else { none })
+
+#let caps(body, tracking: 0.05em) = text(tracking: tracking, smallcaps(body))
+
+// ---------------------------------------------------------------- pieces
+
+#let section-title(title) = block(above: 1.15em * density, below: 0.6em * density, sticky: true, {
+  text(fill: accent-color, weight: "bold", caps(lower(title), tracking: 0.08em))
+  h(0.6em)
+  box(width: 1fr, baseline: -0.32em, line(length: 100%, stroke: 0.5pt + accent-color.lighten(50%)))
+})
+
+#let entry(b, compact) = anchored(b.path, block(above: 0.75em * density, below: 0pt, grid(
+  columns: (date-width, 1fr),
+  column-gutter: 0.8em,
+  par(justify: false, text(size: small, fill: muted, b.period)),
+  {
+    text(weight: "bold", b.title)
+    if b.place != "" {
+      linebreak()
+      text(style: "italic", fill: muted, b.place)
+    }
+    if b.note != none { par(text(size: small, fill: muted, b.note)) }
+    if not compact and b.items.len() > 0 { list(..b.items.map(item-body)) }
+  },
+)))
+
+#let main-section(s) = anchored(s.path, {
+  section-title(s.title)
+  for b in s.blocks {
+    if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+      anchored(b.path, block(above: 0.5em * density, below: 0pt, list(item-body(b))))
+    } else { anchored(b.path, par(inline(b.text))) }
+  }
+})
+
+#let side-heading(title) = text(size: small * 0.95, fill: accent-color, weight: "bold", caps(lower(title), tracking: 0.08em))
+#let side-block(title, body) = block(below: 1.1em * density, {
+  side-heading(title)
+  v(0.25em)
+  body
+})
+
+#let side-section(s) = side-block(s.title, for b in s.blocks {
+  anchored(b.path, column: "side", block(below: 0.6em, if b.type == "entry" {
+    strong(b.title)
+    if b.place != "" { linebreak() + emph(b.place) }
+    if b.period != "" { linebreak() + text(fill: muted, b.period) }
+  } else {
+    par(justify: true, item-body(b))
+  }))
+})
+
+#let contacts-lines = cv.contacts.map(contact-text).join(linebreak())
+
+#let sidebar = block(fill: tint, inset: (x: 10pt, y: 12pt), radius: 3pt, width: 100%, {
+  set text(size: small)
+  set par(justify: false, leading: 0.5em)
+  let picture = photo(side-width - 20pt)
+  if picture != none {
+    anchored("photo", column: "side", align(center, picture))
+    v(6pt)
+  }
+  if cv.highlight != none { anchored("highlight", column: "side", side-block(cv.highlight.title, cv.highlight.text)) }
+  if cv.contacts.len() > 0 { anchored("contacts", column: "side", side-block(labels.contact, contacts-lines)) }
+  for (i, row) in cv.skills.enumerate() {
+    anchored("skills." + str(i), column: "side", if row.len() == 1 {
+      side-block(row.first().title, row.first().items.join(linebreak()))
+    } else {
+      grid(columns: row.len(), column-gutter: 1em, ..row.map(g => side-block(g.title, g.items.join(linebreak()))))
+    })
+  }
+  for s in cv.sections.filter(s => s.side) { anchored(s.path, column: "side", side-section(s)) }
+})
+
+#let heading-lines = {
+  anchored("name", text(size: base-size * 2.1, caps(cv.name, tracking: 0.04em)))
+  v(-0.35em)
+  line(length: 100%, stroke: 1.6pt + accent-color)
+  v(0.1em)
+  anchored("subtitle", text(size: base-size * 1.25, style: "italic", fill: muted, cv.subtitle))
+}
+
+#let summary = if cv.summary != "" { anchored("summary", par(inline(cv.summary))) }
+
+// ---------------------------------------------------------------- page
+
+#if two {
+  heading-lines
+  v(1em * density)
+  let main = {
+    summary
+    for s in cv.sections.filter(s => not s.side) { main-section(s) }
+  }
+  if side-left { grid(columns: (side-width, main-width), column-gutter: gutter, sidebar, main) } else {
+    grid(columns: (main-width, side-width), column-gutter: gutter, main, sidebar)
+  }
+} else {
+  let picture = photo(base-size * 8.5)
+  let head = {
+    heading-lines
+    if cv.contacts.len() > 0 {
+      v(0.4em)
+      anchored("contacts", text(size: small, fill: muted, cv.contacts.map(contact-text).join(h(0.5em) + sym.dot.c + h(0.5em))))
+    }
+  }
+  if picture == none { head } else {
+    grid(columns: (1fr, auto), column-gutter: 1.2em, align: (bottom, top), head, anchored("photo", picture))
+  }
+  v(1em * density)
+  if cv.highlight != none { anchored("highlight", par[#text(fill: accent-color, weight: "bold", cv.highlight.title) #h(0.5em) #cv.highlight.text]) }
+  summary
+  if cv.skills.len() > 0 {
+    section-title(labels.skills)
+    for (i, row) in cv.skills.enumerate() {
+      anchored("skills." + str(i), grid(
+        columns: (date-width, 1fr),
+        column-gutter: 0.8em,
+        row-gutter: 0.45em,
+        ..row.map(g => (text(size: small, fill: muted, caps(lower(g.title))), g.items.join(", "))).flatten(),
+      ))
+      v(0.45em)
+    }
+  }
+  for s in cv.sections { main-section(s) }
+}

package/dist/template/styles/llano.typ

@@ -0,0 +1,80 @@
+// Llano: the plainest and the densest, flush left in a sans-serif. The name in the accent colour,
+// the subtitle and the contacts below it; section titles in bold, in the accent colour, with no
+// rule; each entry on one line, the position and the institution with the dates on the right. One
+// column of plain text, no icons or pictures of text, laid out in the order it is read, so that
+// applicant tracking systems read it as people do.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#202020")
+#let muted = ink.lighten(42%)
+#let accent-color = accent(rgb("#1f5f5b"))
+#let m = margins((top: 13, bottom: 13, left: 15, right: 15))
+#let text-width = paper.width - m.left - m.right
+#let small = base-size * 0.9
+
+#set document(..document-info)
+#set page(width: paper.width, height: paper.height, margin: m)
+#set text(font: opt("font", "Noto Sans"), size: base-size * 0.95, fill: ink, lang: lang, hyphenate: false)
+#set par(leading: 0.55em, spacing: 0.55em * density, justify: false)
+#set list(marker: text(fill: muted, [–]), indent: 0pt, body-indent: 0.55em, spacing: 0.35em * density)
+
+#geometry(main: (x: m.left, width: text-width))
+
+#let section-title(title) = block(
+  above: 1.2em * density,
+  below: 0.45em * density,
+  sticky: true,
+  text(size: base-size * 1.1, weight: "bold", fill: accent-color, title),
+)
+
+#let entry(b, compact) = anchored(b.path, block(above: 0.7em * density, below: 0pt, {
+  text(weight: "bold", b.title)
+  if b.place != "" { [, #b.place] }
+  if b.period != "" {
+    h(1fr)
+    text(size: small, fill: muted, b.period)
+  }
+  if b.note != none {
+    linebreak()
+    text(size: small, fill: muted, b.note)
+  }
+  if not compact and b.items.len() > 0 { list(..b.items.map(item-body)) }
+}))
+
+#let section(s) = anchored(s.path, {
+  section-title(s.title)
+  for b in s.blocks {
+    if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+      anchored(b.path, block(above: 0.4em * density, below: 0pt, list(item-body(b))))
+    } else { anchored(b.path, par(inline(b.text))) }
+  }
+})
+
+// ---------------------------------------------------------------- header
+
+#let head = {
+  anchored("name", par(text(size: base-size * 2, weight: "medium", fill: accent-color, cv.name)))
+  if cv.subtitle != "" { anchored("subtitle", par(text(size: base-size * 1.1, cv.subtitle))) }
+  if cv.contacts.len() > 0 { anchored("contacts", par(text(size: small, fill: muted, cv.contacts.map(contact-text).join(" · ")))) }
+}
+#let picture = photo(base-size * 6.5)
+#if picture == none { head } else { grid(columns: (1fr, auto), column-gutter: 1.2em, align: (horizon, top), head, anchored("photo", picture)) }
+
+// ---------------------------------------------------------------- body
+
+#if cv.highlight != none {
+  v(0.5em * density)
+  anchored("highlight", par[#text(weight: "bold", cv.highlight.title): #cv.highlight.text])
+}
+#if cv.summary != "" {
+  section-title(labels.profile)
+  anchored("summary", par(inline(cv.summary)))
+}
+#if cv.skills.len() > 0 {
+  section-title(labels.skills)
+  for (i, row) in cv.skills.enumerate() {
+    anchored("skills." + str(i), { for g in row { par[#text(weight: "bold", g.title): #g.items.join(", ")] } })
+  }
+}
+#for s in cv.sections { section(s) }

package/dist/template/styles/minimal.typ

@@ -0,0 +1,87 @@
+// Minimal: black on white with a lot of air, hierarchy only from size and weight, the accent
+// colour on the name and nothing else. One column; contacts on the right of the header.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#141414")
+#let muted = rgb("#6b6b6b")
+#let accent-color = accent(ink)
+#let m = margins((top: 15, bottom: 15, left: 17, right: 17))
+#let text-width = paper.width - m.left - m.right
+#let small = base-size * 0.88
+
+#set document(..document-info)
+#set page(width: paper.width, height: paper.height, margin: m)
+#set text(font: opt("font", "Noto Sans"), size: base-size * 0.95, fill: ink, lang: lang)
+#set par(leading: 0.65em, spacing: 0.65em * density, justify: false)
+#set list(marker: text(fill: muted, [–]), indent: 0pt, body-indent: 0.6em, spacing: 0.45em * density)
+#show link: set text(hyphenate: false)
+
+#geometry(main: (x: m.left, width: text-width))
+
+#let section-title(title) = block(above: 1.5em * density, below: 0.6em * density, sticky: true, text(
+  size: small * 0.95,
+  weight: "bold",
+  tracking: 0.14em,
+  upper(title),
+))
+
+#let entry(b, compact) = anchored(b.path, block(above: 1em * density, below: 0pt, {
+  grid(
+    columns: (1fr, auto),
+    column-gutter: 1em,
+    text(weight: "medium", b.title), text(size: small, fill: muted, b.period),
+  )
+  if b.place != "" { text(size: small, fill: muted, b.place) }
+  if b.note != none { par(text(size: small, fill: muted, b.note)) }
+  if not compact and b.items.len() > 0 {
+    v(0.2em)
+    list(..b.items.map(item-body))
+  }
+}))
+
+#let section(s) = anchored(s.path, {
+  section-title(s.title)
+  for b in s.blocks {
+    if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+      anchored(b.path, block(above: 0.5em * density, below: 0pt, list(item-body(b))))
+    } else { anchored(b.path, par(inline(b.text))) }
+  }
+})
+
+// ---------------------------------------------------------------- page
+
+#let picture = photo(base-size * 7.5)
+#grid(
+  columns: (1fr, auto, auto),
+  column-gutter: 1.4em,
+  align: (bottom, bottom + right, top),
+  {
+    anchored("name", text(size: base-size * 2.6, fill: accent-color, cv.name))
+    v(0.15em)
+    anchored("subtitle", text(size: base-size * 1.2, fill: muted, cv.subtitle))
+  },
+  if cv.contacts.len() > 0 { anchored("contacts", align(right, text(size: small, fill: muted, cv.contacts.map(contact-text).join(linebreak())))) },
+  if picture != none { anchored("photo", picture) },
+)
+#if cv.highlight != none {
+  v(1.4em * density)
+  anchored("highlight", par[#text(weight: "bold", cv.highlight.title) #h(0.4em) #cv.highlight.text])
+}
+#if cv.summary != "" {
+  v(1.4em * density)
+  anchored("summary", par(justify: true, text(size: base-size * 1.02, inline(cv.summary))))
+}
+#if cv.skills.len() > 0 {
+  section-title(labels.skills)
+  for (i, row) in cv.skills.enumerate() {
+    anchored("skills." + str(i), grid(
+      columns: (auto, 1fr),
+      column-gutter: 1.5em,
+      row-gutter: 0.5em,
+      ..row.map(g => (text(size: small, fill: muted, g.title), g.items.join(" · "))).flatten(),
+    ))
+    v(0.5em)
+  }
+}
+#for s in cv.sections { section(s) }

package/dist/template/styles/portada.typ

@@ -0,0 +1,132 @@
+// Portada: an editorial page, as in a magazine. The contacts in spaced capitals across the top,
+// the photo beside the name set very large in capitals, the subtitle in italics; then every part
+// on a row of its own, its title on the left in a serif and the content on the right, with a rule
+// between rows. The skills close the page in columns. It looks as good with little as with a lot.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#1b1b1b")
+#let muted = ink.lighten(40%)
+#let accent-color = accent(rgb("#1b1b1b"))
+#let m = margins((top: 12, bottom: 14, left: 17, right: 17))
+#let text-width = paper.width - m.left - m.right
+#let label-width = text-width * 0.22
+#let gutter = 7mm
+#let small = base-size * 0.9
+#let serif = "XCharter"
+#let shows-picture = opt("photo", "square") != "none"
+
+#set document(..document-info)
+#set page(width: paper.width, height: paper.height, margin: m)
+#set text(font: opt("font", "Noto Sans"), size: base-size, fill: ink, lang: lang)
+#set par(leading: 0.62em, spacing: 0.62em * density, justify: false)
+#set list(marker: text(fill: accent-color, sym.bullet), indent: 0pt, body-indent: 0.5em, spacing: 0.42em * density)
+#show link: set text(hyphenate: false)
+
+// Every part spans the page: its title on the left belongs to it as much as its content.
+#geometry(main: (x: m.left, width: text-width))
+
+// ---------------------------------------------------------------- pieces
+
+#let row-title(title) = par(leading: 0.3em, text(font: serif, size: base-size * 1.3, fill: ink, title))
+#let rule = block(above: 1.1em * density, below: 1.1em * density, sticky: true, line(length: 100%, stroke: 0.6pt + accent-color))
+#let row(title, body) = grid(columns: (label-width, 1fr), column-gutter: gutter, row-title(title), body)
+
+#let entry(b, compact) = anchored(b.path, block(above: 1em * density, below: 0pt, {
+  text(font: serif, size: base-size * 1.2, b.title)
+  if b.place != "" { linebreak() + text(size: small, weight: "bold", b.place) }
+  if b.period != "" { linebreak() + text(size: small, fill: muted, b.period) }
+  if b.note != none { par(text(size: small, fill: muted, b.note)) }
+  if not compact and b.items.len() > 0 { block(above: 0.5em * density, list(..b.items.map(item-body))) }
+}))
+
+#let section(s) = anchored(s.path, row(s.title, for b in s.blocks {
+  if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+    anchored(b.path, block(above: 0.5em * density, below: 0pt, list(item-body(b))))
+  } else { anchored(b.path, block(above: 0.5em * density, below: 0pt, par(inline(b.text)))) }
+}))
+
+#let first-letter(s) = if s.len() > 0 { upper(s.clusters().first()) } else { "" }
+#let pic-height = label-width * 1.25
+#let picture = if not shows-picture { none } else if cv.photo != none {
+  if cv.photo-shape == "circle" {
+    box(clip: true, radius: 50%, width: label-width, height: label-width, image(cv.photo, width: label-width, height: label-width, fit: "cover"))
+  } else {
+    let r = if cv.photo-shape == "rounded" { 4pt } else { 0pt }
+    box(clip: true, radius: r, width: label-width, height: pic-height, image(cv.photo, width: label-width, height: pic-height, fit: "cover"))
+  }
+} else {
+  box(width: label-width, height: pic-height, fill: accent-color.lighten(90%), align(center + horizon, text(
+    font: serif,
+    size: label-width * 0.36,
+    fill: accent-color,
+    first-letter(cv.given) + first-letter(cv.family),
+  )))
+}
+
+// ---------------------------------------------------------------- page
+
+// The place goes in the heading, the rest across the top, spread out.
+#let place-contact = cv.contacts.find(c => c.kind == "location")
+#let top-contacts = cv.contacts.filter(c => c.kind != "location")
+#if top-contacts.len() > 0 {
+  anchored("contacts", block(below: 1.3em * density, par(justify: false, text(size: small * 0.88, tracking: 0.07em, top-contacts
+    .map(c => box(upper(contact-text(c))))
+    .join(h(1.5em) + h(1fr))))))
+}
+
+#let head = {
+  anchored("name", par(leading: 0.3em, text(font: serif, size: base-size * 3.4, tracking: -0.01em, upper({
+    cv.given
+    linebreak()
+    cv.family
+  }))))
+  v(1em * density)
+  grid(
+    columns: (1fr, 1fr),
+    column-gutter: 1.5em,
+    align: bottom,
+    anchored("subtitle", text(font: serif, size: base-size * 1.3, style: "italic", cv.subtitle)),
+    {
+      if place-contact != none {
+        text(size: small, weight: "bold", place-contact.value)
+        if cv.highlight != none { v(0.5em) }
+      }
+      if cv.highlight != none {
+        anchored("highlight", {
+          text(size: small * 0.9, weight: "bold", tracking: 0.1em, upper(cv.highlight.title))
+          linebreak()
+          text(font: serif, size: base-size * 1.3, cv.highlight.text)
+        })
+      }
+    },
+  )
+}
+#if picture == none { head } else {
+  grid(columns: (label-width, 1fr), column-gutter: gutter, align: (top, bottom), anchored("photo", picture), head)
+}
+
+#let first = true
+#if cv.summary != "" {
+  v(1.6em * density)
+  anchored("summary", row(labels.profile, par(inline(cv.summary))))
+  first = false
+}
+#for s in cv.sections {
+  if first { v(1.6em * density) } else { rule }
+  section(s)
+  first = false
+}
+#for (i, groups) in cv.skills.enumerate() {
+  if first { v(1.6em * density) } else { rule }
+  first = false
+  anchored("skills." + str(i), if groups.len() == 1 {
+    row(groups.first().title, par(groups.first().items.join(h(0.4em) + text(fill: muted, sym.dot.c) + h(0.4em))))
+  } else {
+    grid(columns: (label-width, ..((1fr,) * (groups.len() - 1))), column-gutter: gutter, ..groups.map(g => {
+      row-title(g.title)
+      v(0.35em)
+      if g.items.len() > 0 { text(size: small, g.items.map(x => "· " + x).join(linebreak())) }
+    }))
+  })
+}