add potential-triangle.typ and saddle-point.typ converted from LaTeX

fix site build by commenting out CmdPalette in +layout.svelte

Author: janosh

assets/potential-triangle/potential-triangle.typ

@@ -0,0 +1,41 @@
+#import "@preview/cetz:0.3.4": canvas, draw
+#import draw: circle, content, line
+
+#set page(width: auto, height: auto, margin: 8pt)
+#set text(size: 10pt)
+
+#canvas({
+  let node_radius = 0.8
+  let colors = (
+    "enthalpy": rgb("#FFA500"),
+    "free-energy": rgb("#008080"),
+    "entropy": rgb("#00008B").darken(40%),
+  )
+
+  for (name, label, pos) in (
+    ("enthalpy", [$H$\ Enthalpy], (2, 0)),
+    ("free-energy", [$G$\ Free\ Energy], (-2, 0)),
+    ("entropy", [$S$\ Entropy], (0, -3)),
+  ) {
+    let fill = colors.at(name)
+    circle(pos, radius: node_radius, fill: fill, name: name, stroke: none)
+    content(pos, align(center, text(fill: white, label)))
+  }
+
+  for (start, end, name, dir) in (
+    ("enthalpy", "free-energy", "h-g", rtl),
+    ("entropy", "enthalpy", "s-h", btt),
+    ("free-energy", "entropy", "g-s", ltr),
+  ) {
+    let stroke = 3pt + gradient.linear(dir: dir, colors.at(start), colors.at(end))
+    line(start, end, stroke: stroke, name: name)
+  }
+
+  for (name, label, anchor) in (
+    ("h-g", [reactivity], "south"),
+    ("s-h", [heat], "west"),
+    ("g-s", [disorder], "east"),
+  ) {
+    content(name, align(center, label), anchor: anchor, padding: 4pt)
+  }
+})

assets/saddle-point/saddle-point.pdf

@@ -0,0 +1,29 @@
+#import "@preview/plotsy-3d:0.1.0": plot-3d-surface
+
+#set page(width: auto, height: auto)
+
+#let saddle_func(x, y) = x * x - y * y
+
+// Define a color function for the surface
+#let color_func(x, y, z, x_lo, x_hi, y_lo, y_hi, z_lo, z_hi) = {
+  return rgb("#00008B").transparentize(50%)
+}
+
+// Define domain and scaling
+#let domain_size = 2
+#let scale_factor = 0.2
+#let (x_scale, y_scale, z_scale) = (0.5, 0.3, 0.15)
+#let scale_dim = (x_scale * scale_factor, y_scale * scale_factor, z_scale * scale_factor)
+
+// Plot the 3D surface
+#plot-3d-surface(
+  saddle_func,
+  color-func: color_func,
+  subdivisions: 8,
+  xdomain: (-domain_size, domain_size),
+  ydomain: (-domain_size, domain_size),
+  // axis-labels: ($V$, $T$, $F(T,V)$), // Compiler error: Unexpected argument
+  // axis-step: (1, 1, 2), // Adjust axis steps if needed
+  // axis-label-size: 1.2em, // Adjust label size if needed
+  // rotation-matrix: ((-2, 2, 4), (0, -1, 0)), // Optional: Adjust view angle
+)

assets/saddle-point/saddle-point.typ

@@ -3,6 +3,7 @@
     "dev": "deno run -A --node-modules-dir npm:vite dev",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
+    "serve": "deno task build && deno task preview",
     "lint": "deno lint",
     "fmt": "deno fmt"
   },

site/deno.json

@@ -3,13 +3,14 @@
   import { diagrams } from '$lib'
   import { repository } from '$root/package.json'
   import Icon from '@iconify/svelte'
-  import { CmdPalette } from 'svelte-multiselect'
+  // import { CmdPalette } from 'svelte-multiselect'
   import { GitHubCorner } from 'svelte-zoo'
   import '../app.css'
+  import type { Snippet } from 'svelte'
+
   interface Props {
-    children?: import('svelte').Snippet
+    children?: Snippet<[]>
   }
-
   let { children }: Props = $props()
 
   let actions = $derived(
@@ -19,7 +20,7 @@
   )
 </script>
 
-<CmdPalette {actions} placeholder="Go to..." />
+<!-- <CmdPalette {actions} placeholder="Go to..." /> -->
 
 <GitHubCorner
   href={repository}