✨ Finished most components

Author: BattleCh1cken

themes/hereford/colors.typ

@@ -1,5 +1,8 @@
+// TODO: these names are terrible, fix them
 #let dark-red = rgb("#e05c4a")
 #let light-dark-red = rgb("#f86f5d")
+
+
 #let red = rgb("#e06666")
 #let light-red = rgb("#ea9999")
 #let orange = rgb("#f6b26b")
@@ -19,6 +22,9 @@
 #let gray = rgb("#999999")
 #let light-gray = rgb("#b7b7b7")
 
+#let pro-green = rgb("#a5f1a3")
+#let con-red = rgb("#ff9999")
+
 #let surface-0 = rgb("#d9d9d9")
 #let surface-1 = rgb("#cccccc")
 #let surface-3 = rgb("#eeeeee")

themes/hereford/components/decision-matrix.typ

@@ -1 +1,140 @@
-#let decision-matrix(properties: none, ..choices) = {}
+#import "/utils.typ"
+#import "../colors.typ": *
+
+#let decision-matrix(
+  properties: none,
+  ..choices,
+) = {
+  let data = utils.calc-decision-matrix(
+    properties: properties,
+    ..choices,
+  )
+
+  //repr(data)
+
+  let winning-column
+  for (
+    index,
+    result,
+  ) in data.enumerate() {
+    if result.values.total.highest == true {
+      winning-column = index + 2
+      break
+    }
+  }
+
+  let table-height = properties.len() + 2
+  let table-length = choices.pos().len() + 2
+
+  import table: hline, vline, cell
+  show cell: it => {
+    set align(center + horizon)
+    box(
+      height: 30pt,
+      it,
+    )
+  }
+  table(
+    columns: for _ in range(choices.pos().len() + 2) {
+      (
+        1fr,
+      )
+    },
+    stroke: none,
+    fill: (
+      x,
+      y,
+    ) => {
+      if y == 0 or (
+        x == 0 and not y == properties.len() + 1
+      ) {
+        yellow.lighten(50%)
+      }
+
+      if x == winning-column and not y == 0 {yellow.lighten(50%)}
+    },
+
+    // we make lines
+
+    vline(stroke: yellow, end: table-height - 1),
+    hline(stroke: yellow),
+
+    ..for num in range(0, table-height) {
+      let stroke = if num < 2 {yellow} else {gray}
+      (hline(y: num, stroke: stroke, start: 2),)
+    },
+
+    hline(stroke: gray, y: table-height, start: 1),
+
+    ..for num in range(1, table-height + 2) {
+      (
+        vline(x: num, stroke: yellow, start: 0, end: 1),
+        vline(x: num, stroke: gray, start: 1),
+      )
+    },
+
+    // outline the properties
+    ..for num in range(0, table-height) {
+      (hline(y: num, stroke: yellow, start: 0, end: 1),)
+    },
+
+
+
+    // outline the weights
+    hline(stroke: pro-green, start: 1, end: 2),
+    hline(y: table-height - 1, stroke: pro-green, start: 1, end: 2),
+    vline(x: 1, stroke: pro-green, end: table-height - 1),
+    vline(x: 2, stroke: pro-green, end: table-height - 1),
+
+    ..for num in range(0, table-height) {
+      (hline(y: num, stroke: pro-green, start: 1, end: 2),)
+    },
+
+
+    // outline the best choice
+    hline(start: winning-column, end: winning-column + 1, stroke: yellow),
+    vline(x: winning-column, stroke: yellow),
+    vline(x: winning-column + 1, stroke: yellow),
+    hline(y: table-height, start: winning-column, end: winning-column + 1, stroke: yellow),
+
+    ..for num in range(0, table-height + 1) {
+      (hline(y: num, stroke: yellow, start: winning-column, end: winning-column + 1),)
+    },
+
+
+    // ok we're done making lines
+
+
+    [],
+    cell(fill: pro-green.lighten(50%))[*Weights*],
+    ..for choice in choices.pos() {
+      (
+        [*#choice.at(0)*],
+      )
+    },
+    ..for (
+      index,
+      property,
+    ) in properties.enumerate() {
+      (
+        [*#property.name*],
+        table.cell(fill: pro-green.lighten(50%))[#property.weight],
+        ..for result in data {
+          (
+            [#result.values.values().at(index).value],
+          )
+        },
+      )
+    },
+    [],
+    [*Totals:*],
+    ..for (
+      index,
+      result,
+    ) in data.enumerate() {
+      (
+        [#result.values.at("total").value],
+      )
+    },
+  )
+}

themes/hereford/components/pro-con.typ

@@ -1 +1,59 @@
-#let pro-con(pros: [], cons: []) = {}
+#import "../colors.typ": *
+
+#let pro-con(
+  pros: [],
+  cons: [],
+) = {
+  show grid.cell.where(
+    y: 0,
+    x: 0,
+  ): it => rect(
+    radius: 5pt,
+    width: 100%,
+    fill: pro-green,
+    it,
+  )
+  show grid.cell.where(
+    y: 0,
+    x: 1,
+  ): it => rect(
+    radius: 5pt,
+    width: 100%,
+    fill: con-red,
+    it,
+  )
+
+  grid(
+    columns: (
+      1fr,
+      1fr,
+    ),
+    gutter: 5pt,
+    inset: (
+      x,
+      y,
+    ) => if y == 0 {
+      2pt
+    } else {
+      (
+        top: 10pt,
+        rest: 5pt,
+      )
+    },
+    row-gutter: -5pt,
+    fill: (
+      x,
+      y,
+    ) => if y == 0 {
+      return
+    } else if x == 0 {
+      pro-green.lighten(50%)
+    } else if x == 1 {
+      con-red.lighten(50%)
+    },
+    align(center)[*Pros*],
+    align(center)[*Cons*],
+    pros,
+    cons,
+  )
+}

themes/hereford/components/toc.typ

@@ -1,11 +1,21 @@
 #import "/utils.typ"
 
-#let toc() = utils.print-toc((_, body, _) => {
+#let toc() = utils.print-toc((
+  _,
+  body,
+  _,
+) => {
   set align(center)
   let line = table.vline(stroke: gray)
   table(
     stroke: none,
-    columns: (1fr, 1fr, 2fr, 1fr), [*Page \#*],
+    columns: (
+      1fr,
+      1fr,
+      2fr,
+      1fr,
+    ),
+    [*Page \#*],
     line,
     [*EDP Step*],
     line,

themes/hereford/format.typ

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