71 lines
2.1 KiB
HTML
71 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Admin Login</title>
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
|
|
<!-- PostHog Analytics -->
|
|
<script src="/posthog.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="sidebar-overlay"></div>
|
|
<div class="app-shell">
|
|
<aside class="sidebar">
|
|
<div class="brand">
|
|
<div class="brand-mark">A</div>
|
|
<div>
|
|
<div class="brand-title">Admin</div>
|
|
<div class="brand-sub">Site management</div>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar-section">
|
|
<div class="section-heading">Navigation</div>
|
|
<a class="ghost" href="/admin">Models</a>
|
|
<a class="ghost" href="/admin/accounts">Accounts</a>
|
|
<a class="ghost" href="/admin/login">Login</a>
|
|
</div>
|
|
</aside>
|
|
<main class="main">
|
|
<div class="admin-shell">
|
|
<div class="admin-card" style="max-width: 520px; margin: 60px auto;">
|
|
<header>
|
|
<div>
|
|
<div class="pill">Admin</div>
|
|
<h3>Sign in to manage models</h3>
|
|
</div>
|
|
</header>
|
|
<form id="admin-login-form" class="admin-form">
|
|
<label>
|
|
Username
|
|
<input id="admin-username" type="text" autocomplete="username" required />
|
|
</label>
|
|
<label>
|
|
Password
|
|
<input id="admin-password" type="password" autocomplete="current-password" required />
|
|
</label>
|
|
<button type="submit" class="primary">Sign in</button>
|
|
<div id="admin-login-status" class="status-line" style="min-height: 20px;"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
try {
|
|
const navLinks = document.querySelectorAll('.sidebar-section a');
|
|
navLinks.forEach((a) => {
|
|
if (a.getAttribute('href') === window.location.pathname) {
|
|
a.classList.add('active');
|
|
a.setAttribute('aria-current', 'page');
|
|
}
|
|
});
|
|
} catch (err) {}
|
|
})();
|
|
</script>
|
|
<script src="/admin-login.js"></script>
|
|
</body>
|
|
</html>
|