sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update login

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-08-06 00:59:58 -03:00
parent f96ad67eeb
commit e08f16bbaa
1 changed files with 50 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
id.saladeaula.digital/app/routes/login.html
View File

@@ -6,41 +6,57 @@
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body
class="bg-black text-white flex items-center justify-center min-h-screen"
class="font-sans antialiased bg-black text-white flex items-center justify-center min-h-screen"
>
<form
method="POST"
action="/login"
class="bg-gray-900 p-8 rounded-lg shadow-lg w-full max-w-sm space-y-4"
>
<div>
<label for="username" class="block mb-1">Email ou CPF</label>
<input
type="text"
id="username"
name="username"
class="w-full p-2 rounded bg-gray-800 text-white border border-gray-700"
required
/>
</div>
<div>
<label for="password" class="block mb-1">Senha</label>
<input
type="password"
id="password"
name="password"
class="w-full p-2 rounded bg-gray-800 text-white border border-gray-700"
required
/>
</div>
<button
type="submit"
class="w-full bg-blue-600 hover:bg-blue-700 transition-colors p-2 rounded font-semibold"
<div class="w-full max-w-sm relative">
<div
aria-hidden="true"
class="absolute inset-0 grid grid-cols-2 opacity-20"
>
Entrar
</button>
</form>
<div
class="blur-[106px] h-56 bg-gradient-to-br to-lime-400 from-lime-700"
></div>
<div
class="blur-[106px] h-42 bg-gradient-to-r from-lime-400 to-lime-600"
></div>
</div>
<form method="POST" action="/login" class="space-y-6 relative z-1">
<div class="grid gap-2">
<label for="username" class="text-sm leading-none font-medium">
Email ou CPF
</label>
<input
type="text"
id="username"
name="username"
class="border border-white/15 bg-white/8 w-full rounded-lg px-3 py-1.5 shadow-sm outline-none focus-visible:border-white/30 focus-visible:ring-white/20 focus-visible:ring-3 transition"
required
/>
</div>
<div class="grid gap-2">
<div class="flex justify-between items-center">
<label for="password" class="text-sm leading-none font-medium">
Senha
</label>
<a href="#" class="text-sm" tabindex="-1">Esqueceu sua senha?</a>
</div>
<input
type="password"
id="password"
name="password"
class="border border-white/15 bg-white/8 w-full rounded-lg px-3 py-1.5 shadow-sm outline-none focus-visible:border-white/30 focus-visible:ring-white/20 focus-visible:ring-3 transition"
required
/>
</div>
<button
type="submit"
class="w-full text-sm font-medium text-black bg-lime-400 rounded-lg px-4 py-2 h-9"
>
Entrar
</button>
</form>
</div>
</body>
</html>