surtur
73915fcd98
All checks were successful
continuous-integration/drone/push Build is passing
affects:
* app/settings
* app/server
* handlers
* signin
* signup
* logout
* home
* middleware
86 lines
4.3 KiB
Go HTML Template
86 lines
4.3 KiB
Go HTML Template
{{ template "head.tmpl" . }}
|
|
<body class="min-h-screen bg-white dark:bg-gray-900">
|
|
{{ template "navbar.tmpl" . }}
|
|
<main class="grow min-w-[300px]">
|
|
<!-- <section class="bg-white dark:bg-gray-900"> -->
|
|
<section>
|
|
<div class="container mx-auto md:mx-4 px-6 sm:px-0:py-0 md:py-16 lg:py-32">
|
|
<div class="lg:flex">
|
|
<div class="lg:w-1/2">
|
|
<h3 class="mt-4 text-gray-600 dark:text-gray-300 md:text-lg">Welcome!</h3>
|
|
<h1 class="mt-4 text-2xl font-medium text-gray-800 capitalize lg:text-3xl dark:text-white">
|
|
Log in to your account
|
|
</h1>
|
|
</div>
|
|
<div class="mt-8 lg:w-1/2 lg:mt-0">
|
|
<form method="post" class="w-full lg:max-w-xl">
|
|
<input type="hidden" name="csrf" value="{{- .CSRF -}}">
|
|
{{ if and .Data .Data.flash }}
|
|
<div class="relative flex items-center mb-4">
|
|
<p class="mt-2 text-md text-rose-800 dark:text-rose-500"><span class="font-medium">Error:</span> {{.Data.flash}}</p>
|
|
</div>
|
|
{{- else -}}{{end}}
|
|
{{ if and .Data .Data.reauthFlash }}
|
|
<div class="relative flex items-center mb-4">
|
|
<p class="mt-2 text-xl text-blue-500 dark:text-blue-400"><span class="italic font-medium">Success:</span> {{.Data.reauthFlash}}</p>
|
|
</div>
|
|
{{- else -}}{{end}}
|
|
{{ if and .Data .Data.infoFlash }}
|
|
<div class="relative flex items-center mb-4">
|
|
<p class="mt-2 text-xl text-blue-500 dark:text-blue-400">
|
|
{{.Data.infoFlash}}
|
|
</p>
|
|
</div>
|
|
{{- else -}}{{end}}
|
|
<!-- username field -->
|
|
<div class="relative flex items-center">
|
|
<span class="absolute" role="img" aria-label="person outline icon for username">
|
|
{{ template "svg-user.tmpl" }}
|
|
</span>
|
|
<input name="username" type="text"
|
|
placeholder="Username" {{if and .Data.form .Data.form.Username}}value="{{.Data.form.Username}}"{{end}}
|
|
autofocus
|
|
minlength="2"
|
|
required
|
|
class="block w-full py-3 required:border-slate-500 dark:required:border-slate-300 required:border-3 valid:border text-gray-700 bg-white border rounded-lg px-11 dark:bg-gray-900 dark:text-gray-300 dark:valid:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40">
|
|
</div>
|
|
<!-- password field -->
|
|
<div class="relative flex items-center mt-4">
|
|
<span class="absolute" role="img" aria-label="password lock icon">
|
|
{{ template "svg-password.tmpl" }}
|
|
</span>
|
|
<input name="password" type="password"
|
|
placeholder="Password" {{if and .Data.form .Data.form.Password}}value="{{.Data.form.Password}}"{{else}}{{end}}
|
|
minlength=12
|
|
required
|
|
class="block w-full px-10 py-3 required:border-slate-500 dark:required:border-slate-300 required:border-3 valid:border text-gray-700 bg-white border rounded-lg dark:bg-gray-900 dark:text-gray-300 dark:valid:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40">
|
|
</div>
|
|
|
|
<div class="mt-8 md:flex md:items-center">
|
|
<button class="w-full px-6 py-3 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-500 rounded-lg md:w-1/2 hover:bg-blue-400 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-50">
|
|
Sign in
|
|
</button>
|
|
<a href="#" class="group relative inline-block mt-4 text-center text-blue-500 md:mt-0 md:mx-6 lg:mx-auto hover:underline dark:text-blue-400">
|
|
Forgot your password?
|
|
<span
|
|
class="absolute hidden group-hover:flex -left-5 -top-2 -translate-y-full w-48 px-2 py-1 bg-gray-700 rounded-lg text-center text-white text-sm after:content-[''] after:absolute after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-8 after:border-x-transparent after:border-b-transparent after:border-t-gray-700">
|
|
This is currently a no-op
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="mt-4 md:flex md:items-center">
|
|
<span class="inline-block text-center mt-0 md:w-1/2 md:mt-0 text-gray-600 dark:text-gray-300 md:mx-0">
|
|
Don't have an account yet?
|
|
</span>
|
|
<a href="/signup" class="inline-block mx-2 md:mx-6 lg:mx-auto text-center text-blue-600 md:mt-0 hover:underline dark:text-blue-400">
|
|
Register
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
{{ template "footer.tmpl" . }}
|