local h = require("@lib/html")

return h.html({ lang = "en" })({
	h.head()({
		h.meta({ charset = "utf-8" }),
		h.meta({ name = "viewport", content = "width=device-width, initial-scale=1" }),
		h.meta({ name = "color-scheme", content = "dark light" }),
		h.title()({
			"luau software",
		}),
		h.link({
			rel = "icon",
			href = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAGFBMVEUAov4Aov4Aof4Aov7l8/6l0v5ctP4Fof7s4QukAAAABHRSTlMBRY/MU7dEywAAALZJREFUeNqNk0EOwyAMBGvs3f3/j1sXWkKDK+biQ0YwisXjFPdm/76bJL0cq4VBdVBTp5RcSS2ZbqxJTQVe3QBwEfRLJJRakcCPYEUCIqkTugCpVQkEqoQJJdn5XwB1Y7khtoJ9BYR2zEUAkkBxmzBuYOQkuEnIbwJyAgFxSWgpAATSec8QMRM8ZYIIBIGUIewW0c9g9JkJA7N2lSKTx6on00nrsupC4txkLdWPzNxrYR7kp8/+CUlvDvtDdoJIAAAAAElFTkSuQmCC",
		}),
		h.link({
			rel = "stylesheet",
			href = "https://cdn.jsdelivr.net/npm/@picocss/pico@2.1.1/css/pico.classless.min.css",
		}),
	}),
	h.body()({
		h.header()({
			h.h1()({
				"luau software",
			}),
			h.p()({
				"my personal website. i make software using luau. this website is written in luau.",
			}),
		}),
		h.main()({ 
			h.p()({  
				"you can find most of what you're looking for here:",
			}),
			h.div({ style = "display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 10px;" })({
				h.article()({
					h.header()({
						"my git (including all my foss work)",
					}),
					h.a({ href = 'https://git.luau.software/cyclic' })({
						'profile',
					}),
				}),
				h.article()({
					h.header()({
						"my email",
					}),
					h.p()({
						'cyclic@luau.software',
					}),
				}),
			}),
		})
	}),
})