Add landing page for kjol, documentation

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

@@ -34,17 +34,20 @@ func ServerCounter() func() *VNode {
 		count.Set(count.Get() + delta)
 		points.Set(append(points.Get(), clickPoint{T: time.Now().UnixMilli(), V: count.Get()}))
 	}
+	// No card of its own: the component draws bare content and lets the caller frame it.
+	// The docs page already puts it in a demo panel, and a card inside a card gives you
+	// two borders and two shadows around the same thing.
 	return func() *VNode {
-		return ui.Card("",
+		return Div(
 			Div(Attr("class", "flex items-center gap-2 mb-3"),
-				Span(Attr("class", "text-neutral-700"), Text("Server counter: ")),
+				Span(Attr("class", "text-ink-soft"), Text("Server counter: ")),
 				Strong(Attr("class", "badge inline-flex items-center rounded-full bg-green-700 px-2.5 py-0.5 text-sm font-semibold text-white"), Text(strconv.Itoa(count.Get()))),
 				Div(Attr("class", "ml-auto flex gap-1"),
 					ui.Button(ui.ButtonProps{Color: ui.ButtonSecondary, Small: true, Text: "−", OnClick: func() { bump(-1) }}),
 					ui.Button(ui.ButtonProps{Color: ui.ButtonGreen, Small: true, Text: "+", OnClick: func() { bump(1) }}),
 				),
 			),
-			Div(Attr("class", "rounded-default border border-neutral-200 bg-white p-2 overflow-auto"),
+			Div(Attr("class", "rounded-default border border-line bg-surface p-2 overflow-auto"),
 				Raw(clickChartSVG(points.Get()))),
 		)
 	}