← back to Designer Portfolio Pages
src/views/password.ejs
36 lines
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title><%= title %> — Password</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/public/app.css" />
</head>
<body>
<main class="container">
<section class="card" style="max-width:420px;margin:80px auto">
<h1><%= title %></h1>
<% if (business) { %>
<p class="muted" style="margin-bottom:12px"><%= business %></p>
<% } %>
<p style="margin-bottom:16px">This mood board is password protected.</p>
<% if (error) { %>
<p class="error" style="margin-bottom:12px"><%= error %></p>
<% } %>
<form method="post" action="/p/<%= slug %>/auth" class="form">
<label class="label">Password
<input name="password" class="input" type="password" autofocus />
</label>
<button class="btn primary" type="submit">Enter</button>
</form>
</section>
</main>
</body>
</html>