My first attempt of making an html transpiler. the "L" is lite (Lite HyperText Markup Language) JS VERSION: https://replit.com/@YandeMC/Lite-compiler-js some examples: empty div: {div} or {div } image: {img[src="img.png" alt="img"]} simple header with paragraph {h1 header}{p stuff} classes {div[."class1 class2"]content of div} ids: {div[#"id1 id2"]content of div} escaping characters: {p use \\ to escape out a character, like \{ \} but putting a \\in the mid\dle\ of con\t\e\nt do\es noth\ing} css: {div[."blue"]{h1 header}{p paragraph}}{style .blue \{ background-color: blue;\}}
some stuff i might do but idk if i can: self closing tags edge cases COMMON MISTAKES: not putting a space before content: {divcontent} putting a space before attributes: {div [."class]hi} doing this: div{hi} or {[div]} forgetting to close elements: {div hello how to fix your mistakes: dont be dumb make sure you place stuff where it goes at the end, if the list "in element" has something in it, you didnt close an element.
