48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Podstalk — Sign Up</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/neobrutalismcss@latest" />
|
|
<style>
|
|
body { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; }
|
|
.container { margin-top: 2rem; }
|
|
.flash { padding: 0.75rem 1rem; margin-bottom: 1rem; border: 2px solid #000; }
|
|
.flash-error { background: #ffcdd2; }
|
|
.form-group { margin-bottom: 1rem; }
|
|
.form-group label { display: block; margin-bottom: 0.25rem; font-weight: bold; }
|
|
.form-actions { display: flex; gap: 0.5rem; margin-top: 1.5rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="nb-navbar" role="navigation" aria-label="Main navigation">
|
|
<a href="/" class="nb-navbar-brand" aria-label="Go to homepage">Podstalk</a>
|
|
<ul class="nb-navbar-nav" role="menubar">
|
|
<li class="nb-navbar-item" role="none">
|
|
<a href="/signin" class="nb-navbar-link" role="menuitem">Sign In</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="container">
|
|
{{if .Error}}<div class="flash flash-error">{{.Error}}</div>{{end}}
|
|
<h2>Create Your Account</h2>
|
|
<p>Set up your Podstalk account to start managing your podcast.</p>
|
|
|
|
<form method="post" action="/signup">
|
|
<div class="nb-form-group">
|
|
<label for="email">Email</label>
|
|
<input type="email" id="email" name="email" class="nb-input blue" required autofocus />
|
|
</div>
|
|
<div class="nb-form-group">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" name="password" class="nb-input blue" required />
|
|
</div>
|
|
<div class="form-actions">
|
|
<button type="submit" class="nb-button blue">Sign Up</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|