1 files changed, 170 insertions, 0 deletions
diff --git a/trees/blog/lib.typ b/trees/blog/lib.typ
new file mode 100644
index 0000000..52a3f4b
--- /dev/null
+++ b/trees/blog/lib.typ
@@ -0,0 +1,170 @@
+#import "@preview/cetz:0.4.2": canvas, draw
+#import "mocha.typ": mocha
+
+#let entries = (
+  (file: "./index.typ", name: "Index"),
+  (
+    file: "./genuary-2026.typ",
+    name: "Genuary 2026",
+    date: 2026,
+  ),
+  (
+    file: "./corctf-2025.typ",
+    name: "COR CTF 2025",
+    date: 2025,
+  ),
+  (
+    file: "./googlectf-2025.typ",
+    name: "Google CTF 2025",
+    date: 2025,
+  ),
+  (
+    file: "./midnightsunctf-2025.typ",
+    name: "MidnightSun CTF 2025",
+    date: 2025,
+  ),
+  (
+    file: "./wolvctf-2025.typ",
+    name: "Wolv CTF 2025",
+    date: 2025,
+  ),
+  (
+    file: "./irisctf-2025.typ",
+    name: "Iris CTF 2025",
+    date: 2025,
+  ),
+  (
+    file: "./tfc-2024.typ",
+    name: "TFC CTF 2024",
+    date: 2024,
+  ),
+  (
+    file: "./building-a-freeburp-collaborator-with-cloudflare-workers.typ",
+    name: "Building a free Burp Collaborator with Cloudflare Workers",
+    date: 2023,
+  ),
+  (
+    file: "./router-command-injection.typ",
+    name: "Finding a command injection in a router",
+    date: 2023,
+  ),
+  (
+    file: "./oswe-some-thoughts.typ",
+    name: "OSWE - Some thoughts",
+    date: 2023,
+  ),
+  (
+    file: "./the-inevitability-of-getting-pwned.typ",
+    name: "The Inevitability of Getting Pwned",
+    date: 2023,
+  ),
+  (
+    file: "./psychedelic-programming-languages.typ",
+    name: "Psychedelic Programming Languages",
+    date: 2022,
+  ),
+  (file: "./binbin-tree.typ", name: "Binary Binary Tree", date: 2021),
+  (
+    file: "./mk-lisp-1.typ",
+    name: "Making a Lisp - 1",
+    date: 2020,
+  ),
+  (
+    file: "./mk-lisp-0.typ",
+    name: "Making a Lisp - 0",
+    date: 2020,
+  ),
+  (
+    file: "./obi2018-baldes.typ",
+    name: "OBI 2018 - Baldes",
+    date: 2020,
+  ),
+  (
+    file: "./obi2018-bolas.typ",
+    name: "OBI 2018 - Bolas",
+    date: 2020,
+  ),
+  (
+    file: "./obi2018-cinco.typ",
+    name: "OBI 2018 - Cinco",
+    date: 2020,
+  ),
+  (
+    file: "./obi2018-muro.typ",
+    name: "OBI 2018 - Muro",
+    date: 2020,
+  ),
+  (
+    file: "./obi2018-maximin.typ",
+    name: "OBI 2018 - MaxiMin",
+    date: 2020,
+  ),
+)
+
+#let rightbox(content) = {
+  html.elem("div", attrs: (class: "flex font-meta text-sm text-justify"))[
+    #html.elem("div", attrs: (class: "flex p-8"))[  ]
+    #html.elem("div", attrs: (class: "flex p-8"))[  ]
+    #html.elem("div", attrs: (
+      class: "flex bg-mantle p-4 flex-auto rounded-s-xl",
+    ))[
+      #content
+    ]
+  ]
+}
+
+#let centerbox(content) = {
+  html.elem("div", attrs: (class: "flex font-meta text-sm text-justify m-4"))[
+    #html.elem("div", attrs: (
+      class: "flex bg-mantle p-4 flex-auto rounded-s-xl place-content-around",
+    ))[
+      #content
+    ]
+  ]
+}
+
+#let textbox(content) = {
+  html.elem("div", attrs: (
+    class: "p-4 bg-surface0 rounded-xl font-display text-xs font-bold",
+  ))[
+    #content
+  ]
+}
+
+#let separator(n) = {
+  html.elem("div", attrs: (class: "mt-4 mb-4"))[
+    #html.frame()[
+      #canvas({
+        draw.fill(blue)
+        draw.stroke(none)
+
+        let w = 0.7
+
+        for i in range(n) {
+          if calc.rem(i, 2) == 0 {
+            draw.fill(mocha.colors.blue.rgb)
+            draw.rect((i * w, 0), ((i + 0.8) * w, 0.1))
+          } else {
+            draw.fill(mocha.colors.peach.rgb)
+            draw.rect((i * w, 0), ((i + 0.8) * w, 0.1))
+          }
+        }
+      })
+    ]
+  ]
+}
+
+#let svg_inline(contents) = {
+  box()[#html.frame[#text(fill: white)[#contents]]]
+}
+
+#let flex(contents) = {
+  html.elem("div", attrs: (style: "display: flex; align-items: baseline;"))[
+    #contents
+  ]
+}
+
+#let logos() = {
+  html.frame()[#image("./logo3.svg", width: 8em)]
+  html.frame()[#image("./logo2.svg", width: 8em)]
+}