Expand document collections with Pretext tutorial and simplify library navigation

2026-10-28 13:42:51 +08:00
parent 1f3ab5a7ee
commit 2b3b3a1ae4
28 changed files with 1174 additions and 761 deletions
@@ -0,0 +1,17 @@
+import type { CSSProperties } from "react";
+
+// One stroke style for controls and navigation; labels carry the meaning.
+export function Icon({ name, size = 18, style }: {
+  name: "search" | "arrow" | "book" | "code" | "menu" | "close";
+  size?: number; style?: CSSProperties;
+}) {
+  const paths = {
+    search: <><circle cx="10.5" cy="10.5" r="6.5" /><path d="m16 16 4 4" /></>,
+    arrow: <path d="M5 12h14m-6-6 6 6-6 6" />,
+    book: <><path d="M12 5c-3-2-6-2-9-1v15c3-1 6-1 9 1 3-2 6-2 9-1V4c-3-1-6-1-9 1Z" /><path d="M12 5v15" /></>,
+    code: <path d="m8 7-5 5 5 5m8-10 5 5-5 5M14 4l-4 16" />,
+    menu: <path d="M4 6h16M4 12h16M4 18h16" />,
+    close: <path d="m6 6 12 12M6 18 18 6" />,
+  };
+  return <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={style}>{paths[name]}</svg>;
+}