50 lines
3.4 KiB
Plaintext
50 lines
3.4 KiB
Plaintext
<%- include("./partials/fileHeader") %>
|
|
<%- include("./partials/headerStart") %>
|
|
|
|
<main class="pt-12">
|
|
<div class="flex justify-center items-center py-10">
|
|
<form action="/signup" method="POST">
|
|
<div class="w-96 p-8 bg-white rounded-lg shadow-xl border border-slate-200">
|
|
<h1 class="text-3xl block text-center font-semibold text-slate-700">Signup</h1>
|
|
<hr class="mt-4 mb-6 border-slate-300">
|
|
<div class="mt-4">
|
|
<label for="name" class="block text-base mb-2 text-slate-600">Name</label>
|
|
<input type="text" id="name" name="name"
|
|
class="border border-slate-300 focus:border-indigo-500 w-full rounded-md text-base px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-colors duration-200"
|
|
placeholder="Enter Name" />
|
|
</div>
|
|
<div class="mt-4">
|
|
<label for="email" class="block text-base mb-2 text-slate-600">Email</label>
|
|
<input type="email" id="email" name="email"
|
|
class="border border-slate-300 focus:border-indigo-500 w-full rounded-md text-base px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-colors duration-200"
|
|
placeholder="Enter Email" />
|
|
</div>
|
|
<div class="mt-4">
|
|
<label for="password" class="block text-base mb-2 text-slate-600">Password</label>
|
|
<input type="password" id="password" name="password"
|
|
class="border border-slate-300 focus:border-indigo-500 w-full rounded-md text-base px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-colors duration-200"
|
|
placeholder="Enter Password" />
|
|
<label for="repassword" class="block text-base mb-2 mt-3 text-slate-600">Re-type Password</label>
|
|
<input type="password" id="repassword" name="repassword"
|
|
class="border border-slate-300 focus:border-indigo-500 w-full rounded-md text-base px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-colors duration-200"
|
|
placeholder="Enter Password" />
|
|
</div>
|
|
<% if (errMessage && errMessage.length > 0) { %>
|
|
<div class="mt-3 text-red-600 font-semibold text-sm" id="forgor"> <%= errMessage %></div>
|
|
<% } else { %>
|
|
<div class="mt-3 h-5" id="forgor"></div> <% /* Placeholder to maintain layout when no error */ %>
|
|
<% } %>
|
|
<div class="mt-6">
|
|
<button type="submit"
|
|
class="border-2 border-indigo-600 bg-indigo-600 text-white py-2 w-full rounded-md hover:bg-indigo-700 hover:border-indigo-700 font-semibold transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Signup</button>
|
|
</div>
|
|
<div class="mt-6 text-center">
|
|
<span class="text-sm text-slate-600">Already have an account?</span>
|
|
<a href="/login" class="text-sm text-indigo-600 hover:text-indigo-500 font-semibold ml-1 transition-colors duration-200">Login</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
|
|
<%- include("./partials/footer") %> |