48 lines
No EOL
1.9 KiB
HTML
48 lines
No EOL
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login - SpotNotes.app</title>
|
|
<link rel="stylesheet" href="/assets/css/base.css">
|
|
<link rel="stylesheet" href="/assets/css/navbar.css">
|
|
<link rel="stylesheet" href="/assets/css/auth.css">
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
|
</head>
|
|
<body class="page-body">
|
|
<nav class="navbar">
|
|
<a href="/" class="brand">
|
|
<img src="/assets/images/spotnotes.png" alt="SpotNotes.app" style="height: 44px;">
|
|
</a>
|
|
<button class="nav-toggle" id="nav-toggle" aria-label="Toggle Navigation">☰</button>
|
|
<div class="nav-links" id="nav-links">
|
|
<a href="/login.html" id="link-login">Login</a>
|
|
<a href="/about.html">About</a>
|
|
<a href="/contact.html">Contact</a>
|
|
<a href="#" id="link-logout" style="display: none;">Logout</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="auth-container">
|
|
<img src="/assets/images/spotnotes.png" alt="SpotNotes.app" style="width: 95%;">
|
|
|
|
<h2 style="text-align:center; margin-bottom:20px;">Login</h2>
|
|
<form id="login-form">
|
|
<div class="form-group">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" id="email" required placeholder="Enter your email">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" required placeholder="Enter your password">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Login</button>
|
|
</form>
|
|
<div class="links">
|
|
<a href="/register.html">Need an account? Register</a> |
|
|
<a href="/">Back to Map</a>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/js/auth.js"></script>
|
|
</body>
|
|
</html> |