leonwww/dns/frontend/dashboard.html

<head>
	<title>Domain Dashboard</title>
	<icon src="https://cdn-icons-png.flaticon.com/512/295/295128.png">
		<meta name="theme-color" content="#0891b2">
		<meta name="description" content="Manage your domains and registrations">

		<style>
			body {
				bg-[#171616] font-sans text-white
			}

			h1 {
				text-[#ef4444] text-3xl font-bold text-center
			}

			h2 {
				text-[#dc2626] text-xl font-semibold
			}

			h3 {
				text-[#fca5a5] text-lg font-medium
			}

			.container {
				bg-[#262626] p-6 rounded-lg shadow-lg max-w-6xl
			}

			.primary-btn {
				p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#dc2626] text-white w-32 h-12
			}

			.success-btn {
				p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#ef4444] text-white w-32 h-12
			}

			.danger-btn {
				p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#b91c1c] text-white w-32 h-12
			}

			.secondary-btn {
				p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#525252] text-white w-32 h-12
			}

			.warning-btn {
				p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#dc2626] text-white w-32 h-12
			}

			.form-group {
				flex flex-col gap-2 mb-4 w-full
			}

			.form-input {
				w-full p-3 border border-gray-600 rounded-md bg-[#374151] text-white active:border-red-500
			}

			.card {
				bg-[#262626] p-6 rounded-lg shadow border border-gray-700
			}

			.stats-card {
				p-4 rounded-lg border border-[#dc2626]
			}

			.domain-item {
				bg-[#374151] p-4 rounded-lg border border-gray-700 mb-2 flex justify-between items-center
			}

			.log-area {
				bg-[#111827] text-white p-4 rounded-lg font-mono text-sm max-h-64 overflow-auto
			}

			.error-text {
				text-[#fca5a5] text-sm
			}

			.tld-selector {
				flex flex-wrap gap-2
			}

			.tld-option {
				px-3 py-1 rounded border border-gray-600 cursor-pointer bg-[#374151] text-white w-12 h-12
			}

			.tld-selected {
				bg-[#dc2626] text-white
			}

			.invite-code-display {
				bg-[#374151] p-3 rounded font-mono text-center mb-2 text-white
			}
		</style>

		<script src="dashboard.lua" />
</head>

<body>
	<div style="container mt-6">
		<div style="stats-card mb-6">
			<div style="flex justify-between items-center w-full">
				<p id="user-info" style="text-white text-lg font-semibold">Loading...</p>
				<div style="flex gap-2">
					<button id="new-btn" style="success-btn">New</button>
					<button id="logout-btn" style="secondary-btn">Logout</button>
				</div>
			</div>
		</div>

		<div style="card mb-6">
			<h2>My Domains</h2>
			<div id="domains-list">
				<p id="domains-loading">Loading domains...</p>
			</div>
		</div>
	</div>
</body>
external resource loading, window.location, tab icon fix 2025-08-16 13:57:14 +03:00			`<head>`
domain dashboard, hidden css prop, fix bugs 2025-08-16 19:26:52 +03:00			`<title>Domain Dashboard</title>`
external resource loading, window.location, tab icon fix 2025-08-16 13:57:14 +03:00			`<icon src="https://cdn-icons-png.flaticon.com/512/295/295128.png">`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`<meta name="theme-color" content="#0891b2">`
			`<meta name="description" content="Manage your domains and registrations">`

			`<style>`
			`body {`
			`bg-[#171616] font-sans text-white`
			`}`

			`h1 {`
			`text-[#ef4444] text-3xl font-bold text-center`
			`}`

			`h2 {`
			`text-[#dc2626] text-xl font-semibold`
			`}`

			`h3 {`
			`text-[#fca5a5] text-lg font-medium`
			`}`

			`.container {`
improve input styling, utility class handling, font weigh for width calc, 2025-08-19 09:11:04 +03:00			`bg-[#262626] p-6 rounded-lg shadow-lg max-w-6xl`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.primary-btn {`
user domains API, .value on input, fix flex sizing 2025-08-19 18:27:25 +03:00			`p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#dc2626] text-white w-32 h-12`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.success-btn {`
user domains API, .value on input, fix flex sizing 2025-08-19 18:27:25 +03:00			`p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#ef4444] text-white w-32 h-12`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.danger-btn {`
user domains API, .value on input, fix flex sizing 2025-08-19 18:27:25 +03:00			`p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#b91c1c] text-white w-32 h-12`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.secondary-btn {`
improve input styling, utility class handling, font weigh for width calc, 2025-08-19 09:11:04 +03:00			`p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#525252] text-white w-32 h-12`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.warning-btn {`
user domains API, .value on input, fix flex sizing 2025-08-19 18:27:25 +03:00			`p-3 rounded-lg font-medium cursor-pointer transition-colors bg-[#dc2626] text-white w-32 h-12`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.form-group {`
			`flex flex-col gap-2 mb-4 w-full`
			`}`

			`.form-input {`
improve input styling, utility class handling, font weigh for width calc, 2025-08-19 09:11:04 +03:00			`w-full p-3 border border-gray-600 rounded-md bg-[#374151] text-white active:border-red-500`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.card {`
improve input styling, utility class handling, font weigh for width calc, 2025-08-19 09:11:04 +03:00			`bg-[#262626] p-6 rounded-lg shadow border border-gray-700`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.stats-card {`
user domains API, .value on input, fix flex sizing 2025-08-19 18:27:25 +03:00			`p-4 rounded-lg border border-[#dc2626]`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`}`

			`.domain-item {`
			`bg-[#374151] p-4 rounded-lg border border-gray-700 mb-2 flex justify-between items-center`
			`}`

			`.log-area {`
			`bg-[#111827] text-white p-4 rounded-lg font-mono text-sm max-h-64 overflow-auto`
			`}`

			`.error-text {`
			`text-[#fca5a5] text-sm`
			`}`

			`.tld-selector {`
			`flex flex-wrap gap-2`
			`}`

			`.tld-option {`
			`px-3 py-1 rounded border border-gray-600 cursor-pointer bg-[#374151] text-white w-12 h-12`
			`}`

			`.tld-selected {`
			`bg-[#dc2626] text-white`
			`}`

			`.invite-code-display {`
			`bg-[#374151] p-3 rounded font-mono text-center mb-2 text-white`
			`}`
			`</style>`

			`<script src="dashboard.lua" />`
external resource loading, window.location, tab icon fix 2025-08-16 13:57:14 +03:00			`</head>`

			`<body>`
domain dashboard, hidden css prop, fix bugs 2025-08-16 19:26:52 +03:00			`<div style="container mt-6">`
			`<div style="stats-card mb-6">`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`<div style="flex justify-between items-center w-full">`
			`<p id="user-info" style="text-white text-lg font-semibold">Loading...</p>`
			`<div style="flex gap-2">`
user domains API, .value on input, fix flex sizing 2025-08-19 18:27:25 +03:00			`<button id="new-btn" style="success-btn">New</button>`
			`<button id="logout-btn" style="secondary-btn">Logout</button>`
domain dashboard, hidden css prop, fix bugs 2025-08-16 19:26:52 +03:00			`</div>`
			`</div>`
			`</div>`

			`<div style="card mb-6">`
			`<h2>My Domains</h2>`
			`<div id="domains-list">`
show(), hide(), visible. font-light, normal, medium, semibold, bold, extrabold, black. protocol connection pooling. fetch() with GURT. DNS from HTTP to GURT. 2025-08-18 17:45:46 +03:00			`<p id="domains-loading">Loading domains...</p>`
domain dashboard, hidden css prop, fix bugs 2025-08-16 19:26:52 +03:00			`</div>`
			`</div>`
			`</div>`
external resource loading, window.location, tab icon fix 2025-08-16 13:57:14 +03:00			`</body>`