silly-stuff/odin-templating
2024-11-09 15:52:52 -05: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 Add borderless-win32-odin, lua-dylib-odin 2024-11-09 15:52:52 -05: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>