50 lines
2.3 KiB
HTML
50 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>MicroNAS — Setup</title>
|
|
<link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='img/favicon.svg') }}">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}">
|
|
<style>
|
|
body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
|
|
.setup-card { width: 100%; max-width: 400px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="setup-card">
|
|
<div class="text-center mb-4">
|
|
<div class="fw-bold fs-4" style="color:var(--text)">MicroNAS</div>
|
|
<div class="small" style="color:var(--muted)">First-time setup — create your admin account</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-body p-4">
|
|
{% if error %}
|
|
<div class="alert mb-3 py-2 px-3" style="background:#2d1515; border:1px solid var(--red); color:var(--red); border-radius:6px; font-size:.9rem;">
|
|
{{ error }}
|
|
</div>
|
|
{% endif %}
|
|
<form method="POST">
|
|
<div class="mb-3">
|
|
<label class="form-label" style="color:var(--muted); font-size:.85rem">Admin Username</label>
|
|
<input type="text" name="username" class="form-control" value="{{ username or 'admin' }}" autofocus autocomplete="username">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label" style="color:var(--muted); font-size:.85rem">Password</label>
|
|
<input type="password" name="password" class="form-control" autocomplete="new-password">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label" style="color:var(--muted); font-size:.85rem">Confirm Password</label>
|
|
<input type="password" name="confirm" class="form-control" autocomplete="new-password">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100">Create Account</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-3" style="font-size:.8rem; color:var(--muted)">
|
|
Credentials are saved hashed to <code>/etc/micronas/micronas.env</code>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|