Jo
41 lines
1.9 KiB
HTML
41 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Connexion — 3D Pricing</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
|
<style>
|
|
body { background: #f4f6f9; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
|
|
.login-card { background: #fff; border-radius: 14px; box-shadow: 0 4px 24px rgba(0,0,0,.08); padding: 2.5rem 2rem; width: 100%; max-width: 380px; text-align: center; }
|
|
.brand { font-size: 1.6rem; font-weight: 800; color: #1a1d23; margin-bottom: .25rem; }
|
|
.brand span { color: #ff6b35; }
|
|
.subtitle { color: #6b7280; font-size: .875rem; margin-bottom: 2rem; }
|
|
.btn-authelia { background: #ff6b35; color: #fff; border: none; border-radius: 8px; padding: .75rem 1.5rem; font-size: 1rem; font-weight: 600; width: 100%; transition: background .15s; }
|
|
.btn-authelia:hover { background: #e85d2d; color: #fff; }
|
|
.powered { font-size: .75rem; color: #9ca3af; margin-top: 1.5rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="login-card">
|
|
<div class="brand"><i class="bi bi-layers-half"></i> 3D<span>Pricing</span></div>
|
|
<div class="subtitle">Gestion & tarification d'impressions 3D</div>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% for cat, msg in messages %}
|
|
<div class="alert alert-{{ cat }} mb-3 text-start">{{ msg }}</div>
|
|
{% endfor %}
|
|
{% endwith %}
|
|
|
|
<a href="{{ url_for('login') }}" class="btn btn-authelia">
|
|
<i class="bi bi-shield-lock me-2"></i>Se connecter avec Authelia
|
|
</a>
|
|
|
|
<div class="powered">
|
|
Authentification sécurisée via SSO
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|