✨ Finish the entry functions

Author: BattleCh1cken

themes/hereford/colors.typ

@@ -1,10 +1,13 @@
+#let dark-red = rgb("#e05c4a")
+#let light-dark-red = rgb("#f86f5d")
 #let red = rgb("#e06666")
+#let light-red = rgb("#ea9999")
 #let orange = rgb("#f6b26b")
 #let light-orange = rgb("#fce5cd")
 #let yellow = rgb("#ffd966")
 #let light-yellow = rgb("#fff2cc")
-#let green = rgb("#44a176")
-#let light-green = rgb("#e1ffda")
+#let green = rgb("#93c47d")
+#let light-green = rgb("#d9ead3")
 #let blue = rgb("#6d9eeb")
 #let light-blue = rgb("#c9daf8")
 #let purple = rgb("#c4b0ff")

themes/hereford/entries.typ

@@ -1,35 +1,163 @@
-#let cover(ctx: (:)) = {}
+#import "./colors.typ": *
 
-#let frontmatter-entry(ctx: (:), body) = {
+#let entry-type-metadata = (
+  identify: (
+    color: red,
+    text: "Identify",
+  ),
+  brainstorm: (
+    color: orange,
+    text: "Brainstorm",
+  ),
+  decide: (
+    color: yellow,
+    text: "Solution",
+  ),
+  build: (
+    color: green,
+    text: "Build",
+  ),
+  program: (
+    color: blue,
+    text: "Program",
+  ),
+  test: (
+    color: purple,
+    text: "Test",
+  ),
+  reflection: (
+    color: pink,
+    text: "Reflection",
+  ),
+  management: (
+    color: brown,
+    text: "Management",
+  ),
+  strategy: (
+    color: gray,
+    text: "Strategy",
+  ),
+)
+
+#let heading-text-size = 14pt
+
+#let cover(
+  ctx: (:),
+) = { }
+
+#let frontmatter-entry(
+  ctx: (:),
+  body,
+) = {
   show: page.with(
-  margin: (
-    top: 5em,
-  ),
-  header: {
-    place(top + right, dx: 100pt, box(width: 250%, height: 100%, fill: gray))
-    set align(center + horizon)
-    box(radius: 0.3em, width: 200pt, outset: 9pt, fill: gray.darken(20%), [*#ctx.title*])
-  }
+    margin: (
+      top: 5em,
+    ),
+    header: {
+      // background bar
+      place(
+        top + right,
+        dx: 100pt,
+        box(
+          width: 250%,
+          height: 100%,
+          fill: surface-0,
+        ),
+      )
+      // the other thing
+      set align(center + horizon)
+      box(
+        radius: 0.3em,
+        width: 200pt,
+        outset: 9pt,
+        fill: surface-1,
+        text(
+          size: heading-text-size,
+          weight: "bold",
+          ctx.title,
+        ),
+      )
+    },
   )
 
   body
 }
 
-#let body-entry(ctx: (:), body) = {
+#let body-entry(
+  ctx: (:),
+  body,
+) = {
+  let metadata = entry-type-metadata.at(ctx.type)
   show: page.with(
-    header: [ = #ctx.title
-      #box(width: 1fr, line(length: 100%)) ],
-    footer: align(center, counter(page).display()),
+    header: {
+      // background bar
+      place(
+        top + left,
+        dx: -100pt,
+        box(
+          width: 250%,
+          height: 100%,
+          fill: metadata.color.lighten(60%),
+        ),
+      )
+      // edp box
+      place(
+        horizon + left,
+        box(
+          radius: 0.3em,
+          outset: 9pt,
+          width: 90pt,
+          fill: metadata.color,
+          align(
+            center,
+            text(
+              size: 14pt,
+              weight: "bold",
+              metadata.text,
+            ),
+          ),
+        ),
+      )
+      // title
+      set align(center + horizon)
+      text(
+        weight: "bold",
+        size: 14pt,
+        ctx.title,
+      )
+    },
+    footer: {
+      place(
+        dx: -50pt,
+        box(
+          fill: surface-0,
+          width: 200%,
+          height: 100%,
+        ),
+      )
+      set align(horizon + center)
+      grid(
+        columns: (
+          1fr,
+          1fr,
+          1fr,
+        ),
+        [*Name* #h(5pt) #ctx.author],
+        [*Date* #h(5pt) #ctx.date.display("[month]/[day]/[year]")],
+        [*Page* #h(5pt) #context counter(page).display()],
+      )
+    },
   )
 
   body
 }
-#let appendix-entry(ctx: (:), body) = {
-  show: page.with(
-    header: [ = #ctx.title
-      #box(width: 1fr, line(length: 100%)) ],
-    footer: align(center, counter(page).display()),
-  )
 
-  body
+#let appendix-entry(
+  ctx: (:),
+  body,
+) = {
+  frontmatter-entry(
+    ctx: ctx,
+    body,
+  )
 }

themes/hereford/format.typ

@@ -1,5 +1,17 @@
-#let rules(doc) = {
-  set page("us-letter")
-  set text(font: "Roboto", size: 11pt)
+#let rules(
+  doc,
+) = {
+  set page(
+    "us-letter",
+    margin: (
+      top: 2cm,
+      x: 1.5cm,
+      bottom: 1.5cm,
+    ),
+  )
+  set text(
+    font: "Roboto",
+    size: 11pt,
+  )
   doc
 }