46 lines
2.0 KiB
HTML
46 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="icon" href="/img/icon.png" type="image/png">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Keyholder*In bestätigt – xXx Sphere</title>
|
||
<link rel="stylesheet" href="/css/variables.css">
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
</head>
|
||
<body class="app">
|
||
<div class="main">
|
||
<div class="content" style="text-align:center;padding-top:3rem;">
|
||
|
||
<div id="msgOk" style="display:none;">
|
||
<div style="font-size:3rem;margin-bottom:1rem;">🔐</div>
|
||
<h2 style="margin-bottom:0.75rem;">Keyholder*In-Rolle angenommen!</h2>
|
||
<p style="color:var(--color-muted);margin-bottom:2rem;line-height:1.6;">
|
||
Du hast die Keyholder*In-Rolle erfolgreich bestätigt.<br>
|
||
Das Lock läuft ab sofort mit dir als Keyholder*In.
|
||
</p>
|
||
<a href="/userhome.html" style="display:inline-block;padding:0.65rem 1.75rem;background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;">
|
||
Zur Startseite
|
||
</a>
|
||
</div>
|
||
|
||
<div id="msgInvalid" style="display:none;">
|
||
<div style="font-size:3rem;margin-bottom:1rem;">❌</div>
|
||
<h2 style="margin-bottom:0.75rem;">Link ungültig</h2>
|
||
<p style="color:var(--color-muted);margin-bottom:2rem;line-height:1.6;">
|
||
Dieser Bestätigungslink ist abgelaufen oder wurde bereits verwendet.
|
||
</p>
|
||
<a href="/userhome.html" style="display:inline-block;padding:0.65rem 1.75rem;background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;">
|
||
Zur Startseite
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<script>
|
||
const status = new URLSearchParams(window.location.search).get('status');
|
||
document.getElementById(status === 'ok' ? 'msgOk' : 'msgInvalid').style.display = '';
|
||
</script>
|
||
</body>
|
||
</html>
|