doc: Some examples in diagram.typ

src/content/post/diagram.typ

@@ -9,6 +9,8 @@
 
 This is a diagram.
 
+#emph(text(blue)[blue text])
+
 #html.frame(cetz.canvas(length: 3cm, {
   import cetz.draw: *
 
@@ -67,11 +69,20 @@ This is a diagram.
     inset: 10pt,
     align: horizon,
     table.header(
-      [*System*], [*Speed*]
+      [*System*], [*Speed*], [*Diagrams*],
     ),
-    [LaTeX], [Slow],
+    [LaTeX], [Slow], [Y],
-    [Markdown], [Fast],
+    [Markdown], [Fast], [N],
-    [Typst], [Fast],
+    [Typst], [Fast], [N],
   ),
   caption: [Comparison of blog typesetting options]
 )
+
+== Code
+
+#html.frame[```rust
+fn deposit_cookie() {
+  let cookie = generate();
+  cookie_jar(cookie);
+}
+```]