✨ Start the components

Author: BattleCh1cken

themes/hereford/components/glossary.typ

@@ -0,0 +1 @@
+#let glossary() = {}

themes/hereford/components/toc.typ

@@ -1,3 +1,25 @@
-#let toc() = {
+#import "/utils.typ"
 
-}
+#let toc() = utils.print-toc((_, body, _) => {
+  set align(center)
+  let line = table.vline(stroke: gray)
+  table(
+    stroke: none,
+    columns: (1fr, 1fr, 2fr, 1fr), [*Page \#*],
+    line,
+    [*EDP Step*],
+    line,
+    [*Entry Description*],
+    line,
+    [*Date*],
+    line,
+    ..for entry in body {
+      (
+        [#entry.page-number],
+        [#entry.type],
+        [#entry.title],
+        [#entry.date.display("[month]/[day]/[year]")],
+      )
+    },
+  )
+})

themes/hereford/entries.typ

@@ -1,4 +1,5 @@
 #import "./colors.typ": *
+#import "./format.typ": format-heading
 
 #let entry-type-metadata = (
   identify: (
@@ -49,6 +50,7 @@
   ctx: (:),
   body,
 ) = {
+  show heading: it => format-heading(it, surface-0)
   show: page.with(
     margin: (
       top: 5em,
@@ -88,6 +90,7 @@
   body,
 ) = {
   let metadata = entry-type-metadata.at(ctx.type)
+  show heading: it => format-heading(it, metadata.color.lighten(60%))
   show: page.with(
     header: {
       // background bar

themes/hereford/format.typ

@@ -1,17 +1,29 @@
-#let rules(
-  doc,
-) = {
-  set page(
-    "us-letter",
-    margin: (
-      top: 2cm,
-      x: 1.5cm,
-      bottom: 1.5cm,
-    ),
-  )
-  set text(
-    font: "Roboto",
-    size: 11pt,
-  )
+#import "./colors.typ": *
+
+#let format-heading(it, color) = {
+  //repr(it)
+
+  if it.level == 1 {
+    set text(size: 13pt)
+    set block(spacing: 1em)
+    block(
+      radius: 0.3em,
+      outset: 7pt,
+      width: 100%,
+      fill: color,
+      it.body
+    )
+  } else {
+    set text(size: 12pt)
+    it
+  }
+
+}
+
+#let rules(doc) = {
+  set page("us-letter", margin: (top: 2cm, x: 1.5cm, bottom: 1.5cm))
+  set text(font: "Roboto", size: 11pt)
+  //show heading: format-heading
+
   doc
 }