views/connect-local.ejs

<!doctype html>
<html>
<head>
	<title>Concarneau</title>
	<link rel="shortcut icon" href="/content/images/ui/favicon.ico" type="image/x-icon">
	<link rel="icon" href="/content/images/ui/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="/content/css/bootstrap.3.0.2.min.css">
	<style>
		body { padding-top:80px; }
		.jumbotron { font-size: 14px; }
		.jumbotron h1 { font-size: 36px; }
		.fa-user {
			top: 4px;
			position: relative;
			width: 36px;
			height: 36px;
		}
	</style>
</head>
<body background="/content/images/ui/bg.jpg">
<div class="container">
<div class="jumbotron">
	<h1><svg class="fa-user"><use xlink:href="/content/images/ui/icons.svg#fa-user"></use></svg> Add Local Account</h1>

	<% if (message.length > 0) { %>
		<div class="alert alert-danger"><%= message %></div>
	<% } %>

	<!-- LOGIN FORM -->
	<form action="/connect/local" method="post">
		<div class="form-group">
			<label>Email</label>
			<input type="text" class="form-control" name="email">
		</div>
		<div class="form-group">
			<label>Password</label>
			<input type="password" class="form-control" name="password">
		</div>
		<button type="submit" class="btn btn-warning btn-lg">Add Local</button>
	</form>

	<hr>

	<p><a href="/profile">Go back to profile</a></p>
</div>
</div>
</body>
</html>