express-message-board/views/newuser.ejs
ak f36b48f4ce progress update
image uploading works
hosted at deta space
2023-09-20 18:00:32 -07:00

81 lines
2.5 KiB
Text

<!DOCTYPE html>
<html>
<head>
<title>b0ard - New User</title>
<link rel="stylesheet" href="/styles/css/bootstrap.min.css" />
<link rel="stylesheet" href="/stylesheets/index.css" />
</head>
<body class="bg-dark text-light">
<% if (errors) { errors.forEach(error => { %>
<p class="text-center bg-danger"><%= error.msg %></p>
<% }) } %>
<div class="d-flex flex-column py-4 px-4 align-items-center">
<header>
<h1 class="logotext mb-4">b0ard</h1>
</header>
<h2 class="mb-4">New User</h2>
<form
class="d-flex flex-column align-items-center w-50"
method="post"
enctype="multipart/form-data"
>
<div class="input-group mb-4" data-bs-theme="dark">
<span class="input-group-text" id="username-desc">Username:</span>
<input
type="text"
class="form-control"
aria-label="username"
aria-describedby="username-desc"
name="username"
/>
</div>
<div class="input-group mb-4" data-bs-theme="dark">
<span class="input-group-text" id="password">Password:</span>
<input
type="password"
class="form-control"
aria-label="password"
aria-describedby="password"
name="password"
/>
</div>
<div class="input-group mb-4" data-bs-theme="dark">
<span class="input-group-text" id="confirm-desc"
>Confirm Password:</span
>
<input
type="password"
class="form-control"
aria-label="confirm password"
aria-describedby="confirm-desc"
name="confirm"
/>
</div>
<div class="input-group mb-4" data-bs-theme="dark">
<span class="input-group-text" id="avatar-desc">Avatar:</span>
<input
type="file"
class="form-control"
aria-label="avatar"
aria-describedby="avatar-desc"
name="avatar"
/>
</div>
<button type="submit" class="btn btn-outline-light px-4 py-2">
Submit
</button>
</form>
</div>
<footer
class="position-fixed bottom-0 border-light border-top w-100 py-2 d-flex justify-content-center bg-dark"
>
<a
href="/user/login"
type="button"
class="btn btn-outline-light px-4 py-1"
>
Back to Login
</a>
</footer>
</body>
</html>