Add fonts, autotable, autotable examples

go/cmd/examples/go-wasm-web/app/pages.go

@@ -72,21 +72,40 @@ func PublicLayout(d Deps, content *VNode) *VNode {
 	)
 }
 
+// wideRoutes get a roomier container. A table with a dozen columns, a drag handle
+// and three calculated columns has no business being squeezed into a reading-width
+// column; prose pages still are.
+var wideRoutes = map[string]bool{"/table": true}
+
 //gowasm:layout app
 func AppLayout(d Deps, content *VNode) *VNode {
+	width := "max-w-5xl"
+	if wideRoutes[d.Path()] {
+		width = "max-w-[100rem]"
+	}
+
 	return Div(Attr("class", "min-h-screen"),
 		Nav(Attr("class", "app-nav border-b border-neutral-800 bg-neutral-900"),
-			Div(Attr("class", "mx-auto flex max-w-5xl items-center gap-2 px-4 py-3"),
+			// The nav tracks the content's width, so the logo stays flush with the page
+			// rather than floating in from the left on the wide routes.
+			Div(Attr("class", "mx-auto flex "+width+" items-center gap-2 px-4 py-3"),
 				A(Attr("class", "text-lg font-semibold tracking-tight text-text-on-dark no-underline"), Attr("href", "/chart"), navigate(d, "/chart"), Text("gowasm · app")),
 				Ul(Attr("class", "ml-4 flex items-center gap-1"),
 					navItem(d, "/chart", "Chart", true),
 					navItem(d, "/server", "Server", true),
 					navItem(d, "/data", "Data", true),
+					navItem(d, "/table", "Table", true),
+					navItem(d, "/overlays", "Overlays", true),
 					navItem(d, "/kit", "UI Kit", true)),
 				Ul(Attr("class", "ml-auto flex items-center"),
 					navItem(d, "/", "Home", true)),
 			)),
-		Main(Attr("class", "mx-auto max-w-5xl px-4 py-8"), content),
+		Main(Attr("class", "mx-auto "+width+" px-4 py-8"), content),
+
+		// The host for webui.OpenModal — content opened imperatively, by code that
+		// owns no component in the tree, is portaled out of here. Render it ONCE,
+		// near the root. It is an empty portal when nothing is open.
+		ui.ModalHost(),
 	)
 }