116 lines
4.4 KiB
HTML
116 lines
4.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>EDUSEG®</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
|
</head>
|
|
<body
|
|
class="font-sans antialiased bg-black text-white flex items-center justify-center min-h-screen px-3"
|
|
>
|
|
<div class="w-full max-w-sm relative">
|
|
<div
|
|
aria-hidden="true"
|
|
class="absolute inset-0 grid grid-cols-2 opacity-20"
|
|
>
|
|
<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>
|
|
|
|
<div class="grid gap-5 relative z-1">
|
|
<div class="text-center space-y-1">
|
|
<span
|
|
class="border border-white/15 bg-white/5 px-2.5 py-3 rounded-xl inline-block"
|
|
><svg
|
|
width="18"
|
|
height="24"
|
|
viewBox="0 0 18 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="size-12"
|
|
>
|
|
<path
|
|
d="M16.2756 23.4353L8.93847 20.1298C8.7383 20.0015 8.48167 20.0015 8.27893 20.1298L0.941837 23.4353C0.533793 23.6945 0 23.4019 0 22.9194V1.12629C0.00256631 0.787535 0.277162 0.512939 0.615915 0.512939H16.6066C16.9454 0.512939 17.22 0.787535 17.22 1.12629V22.9194C17.22 23.4019 16.6862 23.6945 16.2781 23.4353H16.2756Z"
|
|
fill="#8CD366"
|
|
></path>
|
|
<path
|
|
d="M10.7274 3.71313H3.34668V6.41803H10.7274V3.71313Z"
|
|
fill="#2E3524"
|
|
></path>
|
|
<path
|
|
d="M9.42115 8.4939H3.34668V10.6496H9.42115V8.4939Z"
|
|
fill="#2E3524"
|
|
></path>
|
|
<path
|
|
d="M10.7274 12.7263H3.34668V15.4312H10.7274V12.7263Z"
|
|
fill="#2E3524"
|
|
></path>
|
|
<path
|
|
d="M12.9984 13.6731H12.9958C12.5111 13.6731 12.1182 14.066 12.1182 14.5508V14.5533C12.1182 15.0381 12.5111 15.431 12.9958 15.431H12.9984C13.4831 15.431 13.8761 15.0381 13.8761 14.5533V14.5508C13.8761 14.066 13.4831 13.6731 12.9984 13.6731Z"
|
|
fill="#2E3524"
|
|
></path></svg
|
|
></span>
|
|
<h1 class="text-3xl mt-6 font-semibold font-display text-balance">
|
|
Faça login
|
|
</h1>
|
|
<p class="text-white/50 text-sm">
|
|
Não tem uma conta?
|
|
<a href="" class="font-medium text-white">Cadastre-se</a>.
|
|
</p>
|
|
</div>
|
|
|
|
<form method="POST" action="/login" class="space-y-6">
|
|
<input name="continue" type="hidden" value="{{ continue }}" />
|
|
<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-2.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-2.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>
|
|
|
|
<p class="text-xs text-white/50 text-center">
|
|
Ao fazer login, você concorda com nossa
|
|
<a href="#" class="underline hover:no-underline" target="_blank">
|
|
política de privacidade </a
|
|
>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|