themes/lavender/login.go.html

27 lines
1.7 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en" class="bg-gray-900">
<head>
<title>{{.ServiceName}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/style.css">
</head>
<body class="min-h-screen">
{{template "header.go.html" .}}
<main class="flex flex-col items-center mx-auto">
<div class="block rounded-lg shadow bg-gray-800 border border-gray-700 m-8 sm:max-w-md w-full">
<div class="p-6 sm:p-8 space-y-4 md:space-y-6">
<h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white text-center">Login</h1>
<form method="POST" action="/login" class="space-y-4 md:space-y-6">
<input type="hidden" name="redirect" value="{{.Redirect}}"/>
<div>
<label for="field_loginname" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your email</label>
<input type="email" name="loginname" id="field_loginname" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="name@company.com" required>
</div>
<button type="submit" class="w-full text-white bg-emerald-600 hover:bg-emerald-700 focus:ring-4 focus:outline-none focus:ring-emerald-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-emerald-600 dark:hover:bg-emerald-700 dark:focus:ring-emerald-800">Login</button>
</form>
</div>
</div>
</main>
</body>
</html>