feat: add ui.Jumbotron

examples/gno.land/p/demo/ui/ui.gno

@@ -123,3 +123,23 @@ func Bold(text string) stringer   { return Raw{Content: "**" + text + "**"} }
 func Italic(text string) stringer { return Raw{Content: "_" + text + "_"} }
 func Code(text string) stringer   { return Raw{Content: "`" + text + "`"} }
 func HR() stringer                { return Raw{Content: "\n---\n"} }
+
+// Extension represents a custom markdown wrapped between `:::`.
+type Extension struct {
+	Name    string
+	Content Element
+}
+
+func (e Extension) String() string {
+	return ":::" + e.Name + "\n" + e.Content.Content + ":::\n"
+}
+
+func Jumbotron(content ...stringer) stringer {
+	j := Extension{
+		Name: "jumbotron",
+	}
+	for _, c := range content {
+		j.Content.Append(c)
+	}
+	return j
+}

examples/gno.land/p/demo/ui/ui_test.gno

@@ -1 +1,23 @@
 package ui
+
+import (
+	"testing"
+)
+
+func TestJumbotron(t *testing.T) {
+	j := Jumbotron(
+		H1("Hello Jumbo"),
+		Text("This is a jumbotron, a markdown extension"),
+	)
+
+	want := `:::jumbotron
+# Hello Jumbo
+
+This is a jumbotron, a markdown extension
+:::
+`
+	got := j.String()
+	if got != want {
+		t.Errorf("want=%s, got=%s", want, got)
+	}
+}

examples/gno.land/r/demo/ui/ui.gno

@@ -24,6 +24,10 @@ func Render(path string) string {
 	))
 
 	dom.Body.Append(
+		ui.Jumbotron(
+			ui.H1("Hello Jumbo"),
+			ui.Text("This is a jumbotron, a markdown extension"),
+		),
 		ui.Paragraph("Simple UI demonstration."),
 		ui.BulletList(
 			ui.Text("a text"),