-- ftd.text: Hello color: red
-- ftd.text: text: Hello color: red
-- ftd.text: value: Hello color: red
-- ftd.text: color: red Hello
person
where -- record person: caption integer employee-id: string name: body bio:
-- record person: caption integer employee-id: string name: optional body bio:
-- record person: integer caption employee-id: string name: optional body bio:
-- record person: employee-id: integer caption name: string bio: optional body
d
of type random-data?-- string s1: abc -- record random-data: caption title: body description: optional string sub-title:
-- random-data d: Title sub-title: This is some text This is some more text
-- random-data d: $s1 title: This is some text This is some more text
-- random-data d: title: This is some text This is some more text
-- random-data d: 1 sub-title: Numbers description: This is number 1
ftd
file is rendered on the /
URL path?Click me
cta?-- integer $value: 50 -- ftd.text: Click me $on-click$: $ftd.increment-by($a = $value, v = 10) width.fixed.px: *$value -- ftd.integer: $value -- ftd.integer: *$value
-- component foo: ;; Line 1 caption name: ;; Line 2 private boolean mouse-hovered: false ;; Line 3 -- ftd.integer: $foo.name ;; Line 4 color: red ;; Line 5 color if { foo.mouse-hovered }: #12ff46ad ;; Line 6 $on-mouse-enter$: $ftd.set-bool($a = $foo.mouse-hovered, v = true) ;; Line 7 $on-mouse-leave$: $ftd.set-bool($a = $foo.mouse-hovered, v = False) ;; Line 8 -- end: foo ;; Line 9 -- foo: xyz ;; Line 10 $mouse-hovered: false ;; Line 11 -- foo: ;; Line 12 name: 123 ;; Line 13
person
type-- record person: caption name: optional body bio:
-- person list people: -- person: John bio: I am John -- person: Mary I am Mary -- end: people
-- person list people: -- person: John bio: I am John -- person: Mary I am Mary
-- list person people: -- person: John bio: I am John -- person: Mary I am Mary -- end: people
-- person list people: -- person: John bio: I am John -- person: Mary I am Mary -- end: person list people
-- ftd.row: color: black -- ftd.text: abc -- ftd.column: color: red -- ftd.text: xyz color: $inherited.colors -- end: ftd.column -- end: ftd.row
fastn-community.github.io/doc-site
as dependency in fastn?-- fastn.package: fastn-community.github.io/doc-site as dependency
-- fastn.dependency: fastn-community.github.io/doc-site
-- fastn.dependency: fastn-community.github.io/doc-site as ds
-- fastn.package: fastn-community.github.io/doc-site
--ftd.column: ;; Line 1 -- ftd.text: Hello ;; Line 2 -- ftd.text: World ;; Line 3 -- end: column ;; Line 4