42 lines
1.7 KiB
Plaintext
42 lines
1.7 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Inloggen — Mek-Tech Consulting</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/style-v2.css">
|
|
<link rel="stylesheet" href="/css/dynamic.css">
|
|
<link rel="icon" href="/img/favicon.svg" type="image/svg+xml">
|
|
</head>
|
|
<body>
|
|
<div class="login-container">
|
|
<div class="login-card">
|
|
<div class="login-logo">
|
|
<img src="/img/logo.svg" class="login-logo-img" alt="Mek-Tech">
|
|
<h1>Mek-Tech</h1>
|
|
<p class="subtitle">AI Consultancy & Forward Engineering</p>
|
|
</div>
|
|
<% if (error) { %>
|
|
<div class="alert alert-error"><%= error %></div>
|
|
<% } %>
|
|
<% if (reset) { %>
|
|
<div class="alert" style="background:var(--green-bg);border-color:var(--green);color:var(--green)">Wachtwoord succesvol gewijzigd! Log in met je nieuwe wachtwoord.</div>
|
|
<% } %>
|
|
<form action="/auth/login" method="POST" class="login-form">
|
|
<div class="field">
|
|
<label for="username">Gebruikersnaam</label>
|
|
<input type="text" name="username" id="username" required autofocus>
|
|
</div>
|
|
<div class="field">
|
|
<label for="password">Wachtwoord</label>
|
|
<input type="password" name="password" id="password" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-accent btn-full">Inloggen</button>
|
|
<div style="text-align:center;margin-top:.75rem"><a href="/wachtwoord-vergeten" class="link">Wachtwoord vergeten?</a></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|