silly-stuff/odin-templating
2024-10-02 23:01:12 -04:00
..
html_builder.odin Add Odin templating and Z80Disasm 2024-09-11 21:05:27 -04:00
main.odin Add Odin templating and Z80Disasm 2024-09-11 21:05:27 -04:00
README.md Escape HTML 2024-10-02 23:01:12 -04:00

HTML Templates in Odin

	page := html()
	{head()
		{title("HTML Title")}
	}
	{body()
		{div()
			class("container")
			{div()
				class("article")
				{h1("Hello, world!")}
				{h6("Goodbye, world!")}
				{
					{div()
						attr("aria-data", "idk!")
						text("Yo, what's up!")
					}
					{div()
						{a("don't be eeeviiiilll", "http://google.com")}
						{a("This link has a class called 'button'")
							class("button")}
					}
				}
			}

			{img("background.png", "green texture")
				class("img")
			}
			{div()
				id("lol")
				class("hello")
			}
			{text("Random text")}
			{text("")}
		}
	}

<html> <head> <title>HTML Title</title> </head> <body> <div class="container"> <div class="article"> <h1>Hello, world!</h1> <h6>Goodbye, world!</h6> <div aria-data="idk!">Yo, what's up!</div> <div> <a href="http://google.com">don't be eeeviiiilll</a> <a class="button" href="">This link has a class called 'button'</a> </div> </div> <img class="img" alt="green texture" src="background.png"> <div class="hello" id="lol"></div> Random text </div> </body> </html>