From 642d5264e0d7b3d3870d13c2cc4a04987ee65ab6 Mon Sep 17 00:00:00 2001 From: Thomas Voss Date: Sat, 14 Sep 2024 21:52:11 +0200 Subject: Completely overhaul the grammar --- example | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 example (limited to 'example') 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}. + } + } +} -- cgit v1.2.3