aboutsummaryrefslogtreecommitdiff
path: root/example
diff options
context:
space:
mode:
authorThomas Voss <mail@thomasvoss.com> 2024-09-14 21:52:11 +0200
committerThomas Voss <mail@thomasvoss.com> 2024-09-14 21:52:11 +0200
commit642d5264e0d7b3d3870d13c2cc4a04987ee65ab6 (patch)
tree53268bb7f35994d911e7c95e6f46cb5d7788b6fd /example
parent291cb06fc2d578ac19c01ebda9b71f94733af0e8 (diff)
Completely overhaul the grammar
Diffstat (limited to 'example')
-rw-r--r--example38
1 files changed, 38 insertions, 0 deletions
diff --git a/example b/example
new file mode 100644
index 0000000..cd38ff8
--- /dev/null
+++ b/example
@@ -0,0 +1,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}.
+ }
+ }
+}