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 email",
					}),
					h.p()({
						"cyclic@luau.software",
					}),
				}),
				h.article()({
					h.header()({
						"my git (including projects)",
					}),
					h.a({ href = "https://git.luau.software/cyclic" })({
						"profile",
					}),
				}),
				h.article()({
					h.header()({
						"my matrix",
					}),
					h.a({ href = "https://matrix.to/#/@cyclic:luau.software" })({
						"@cyclic:luau.software",
					}),
				}),
				h.article()({
					h.header()({
						"my public pgp key",
					}),
					h.a({ href = "https://git.luau.software/cyclic/pgp-pub/raw/branch/main/publickey.asc" })({
						"pgp key",
					}),
				}),
				h.article()({
					h.header()({
						"my openalias (xmr)",
					}),
					h.p()({
						"cyclic@luau.software",
					}),
				}),
				h.img({src="https://git.luau.software/cyclic/luau.software/raw/branch/main/public/luauchan.png", style = "position: absolute; bottom: 0px; right: 0px; width: 300px; height: auto;"})({}), -- this is a stupid way of doing things
			}),
		}),
	}),
})
