lks/lenslocked
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add css to signup page

Browse Source
This commit is contained in:
Lucas Schumacher 2024-08-01 22:40:41 -04:00
parent 8eb491fa97
commit 82b954af2e
1 changed files with 34 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
templates/signup.gohtml
View File

@ -1,21 +1,42 @@
<!doctype html> <!doctype html>
<html> <html>
<body> {{template "head" .}}
<body class="min-h-screen bg-gray-100">
{{template "header".}} {{template "header".}}
<main class="px-6"> <main class="px-6">
<div class="py-12 flex justify-center">
<div class="px-8 py-8 bg-white rounded shadow">
<h1 class="pt-4 pb-8 text-center text-3xl font-bold text-gray-900">
Sign Up!
</h1>
<form action="/signup" method="post"> <form action="/signup" method="post">
<div> <div>
<label for="signupEmail">Email Address</label> <label for="signupEmail" class="text-sm font-semibold text-gray-800">Email Address</label>
<input name="email" id="signupEmail" type="email" placeholder="Email address" required autocomplete="email"/> <input name="email" id="signupEmail" type="email" placeholder="Email address" required autocomplete="email"
class="w-full px-3 py-2 boarder boarder-gray-300 placeholder-gray-500 text-gray-800 rounded"
/>
</div> </div>
<div> <div>
<label for="signupPassword">Password</label> <label for="signupPassword" class="text-sm font-semibold text-gray-800">Password</label>
<input name="password" id="signupPassword" type="password" placeholder="password" required/> <input name="password" id="signupPassword" type="password" placeholder="password" required
class="w-full px-3 py-2 boarder boarder-gray-300 placeholder-gray-500 text-gray-800 rounded"
/>
</div> </div>
<div> <div>
<button type="submit">Sign up</button> <button type="submit" class="w-full py-4 px-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded font-bold text-lg">Sign up</button>
</div>
<div class="py-2 w-full flex justify-between">
<p class="text-xs text-gray-500">
Already have an account?
<a href="/signin" class="underline">Sign in</a>
</p>
<p class="text-xs text-gray-500">
<a href="/reset-pw" class="underline">Forgot your password?</a>
</p>
</div> </div>
</form> </form>
</div>
</div>
</main> </main>
{{template "footer" .}} {{template "footer" .}}
</body> </body>