example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

html lang="en" {
	head {
		meta charset="UTF-8" {}
		meta
			name="viewport"
			content="width=device-width, initial-scale=1.0"
		{}
		link href="/favicon.svg" rel="shortcut icon" type="image/svg" {}
		link href="/style.svg" rel="stylesheet" {}
		title {-My Website Title}
	}

	body {
		p #my-id  {= This is a paragraph with the id ‘my-id’     }
		p .my-cls {= This is a paragraph with the class ‘my-cls’ }

		/ div {
			p {- This entire div is commented out. }
			p {- Isn’t that neat? }
		}

		p
			#some-id
			.class-1
			.class-2
			key-1="value-1"
			key-2 = "value-2"
		{-
			This paragraph has an ID, two classes, and two additional
			attributes.  GSP allows us to use the ‘#ident’ and ‘.ident’
			syntaxes as shorthands for applying IDs, and classes.  This
			is a text node, so nothing is being interpreted as GSP nodes,
			but we can include them inline if we want.  As an example,
			here is some @em {-emphatic} text.  Your inline nodes can
			also have attributes @em #id {-just like a regular node}.
		}
	}
}