diff options
author | Thomas Voss <mail@thomasvoss.com> | 2023-09-09 11:07:29 +0200 |
---|---|---|
committer | Thomas Voss <mail@thomasvoss.com> | 2023-09-09 11:07:29 +0200 |
commit | 18fcfbb8604110e3b533781e7d94ace35d6d8ea8 (patch) | |
tree | 2e847c6c75c7ba3e75c9c21a9cd21b65272a3994 | |
parent | 3b3f7763f2f8059b3a954eff960a4cf2b5a9b648 (diff) |
Add a README
-rw-r--r-- | README.md | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/README.md b/README.md new file mode 100644 index 0000000..fad71d3 --- /dev/null +++ b/README.md @@ -0,0 +1,53 @@ +`GSP` (pronounced _gee ess pee_) is a transpiler to convert a nicer to write and +more human-friendly syntax into valid HTML. Writing HTML can be made more +bearable using things like Emmet, but it’s still not great, and the syntax is +far too bloated, visually polluting your documents. + +`GSP` will never support templating or other useless features. If you need +support for such things, just use a programming- or macro language such as +Python or M4. + +## Why Not Use Pug or [INSERT LANGUAGE HERE] + +Simply put, they are all trash. Pug has decent syntax but requires you use +JavaScript. All the others fall for the same kind of problem. As far as I +could find, there is no pre-GSP transpiler from good syntax to HTML that works +as just one binary you call on some files. All options force you into needing +to write JavaScript/Ruby/etc. scripts, which just isn’t good enough. + +## Syntax Example + +```gsp +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’ } + + 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 .cls {-just like a regular node}. + } + } +} +``` + +## Why The Name GSP? + +I was originally inspired by Pug, but my dog is a GSP, not a pug. |