56 lines
1.5 KiB
HTML
56 lines
1.5 KiB
HTML
<head>
|
|
<title>Login</title>
|
|
<icon src="https://cdn-icons-png.flaticon.com/512/295/295128.png">
|
|
<meta name="theme-color" content="#1b1b1b">
|
|
<meta name="description" content="Login to your account">
|
|
|
|
<font name="roboto" src="https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2" />
|
|
|
|
<style>
|
|
body { bg-[#2a2a2a] text-[#ffffff] font-roboto flex items-center justify-center p-4 }
|
|
.login-card { p-8 }
|
|
h1 { text-3xl font-bold text-center mb-6 text-[#ffffff] }
|
|
input {
|
|
bg-[#3b3b3b]
|
|
border-none
|
|
rounded-md
|
|
p-3
|
|
w-full
|
|
text-[#ffffff]
|
|
placeholder:text-[#999999]
|
|
outline-none
|
|
focus:ring-2
|
|
focus:ring-[#5b5b5b]
|
|
mb-4
|
|
}
|
|
button {
|
|
bg-[#4ade80]
|
|
text-[#1b1b1b]
|
|
font-bold
|
|
p-3
|
|
rounded-md
|
|
w-full
|
|
hover:bg-[#22c55e]
|
|
active:bg-[#15803d]
|
|
cursor-pointer
|
|
}
|
|
a { text-[#4ade80] hover:text-[#22c55e] cursor-pointer }
|
|
#log-output { text-white p-4 rounded-md mt-4 font-mono max-h-40 }
|
|
</style>
|
|
|
|
<script src="script.lua" />
|
|
</head>
|
|
|
|
<body>
|
|
<div style="login-card">
|
|
<h1>Login</h1>
|
|
<form id="login-form" style="mx-auto">
|
|
<input id="username" type="text" placeholder="Username" required="true" />
|
|
<input id="password" type="password" placeholder="Password" required="true" />
|
|
<button type="submit" id="submit">Log In</button>
|
|
</form>
|
|
<p style="text-center mt-4 text-[#999999] text-base">Don't have an account? <a href="#">Register here</a></p>
|
|
|
|
<p id="log-output" style="min-h-24"></p>
|
|
</div>
|
|
</body> |