go-loose/web/client-login.html
2026-10-01 23:15:57 +02:00

27 lines
1.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" data-theme="tokyo" data-mode="dark">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>{{TENANT_NAME}} login · Go Loose</title><link rel="stylesheet" href="/assets/style.css"></head>
<body class="login-page">
<div class="login-glow"></div>
<main class="terminal client-terminal">
<div class="terminal-bar"><span></span><span></span><span></span><strong>goloose@identity-broker:~</strong></div>
<div class="terminal-body">
<p class="eyebrow">{{APPLICATION_NAME}} · SECURE ACCESS</p>
<h1>{{TENANT_NAME}} login.<br><span>Continue securely.</span></h1>
<p><span class="prompt">identity@{{TENANT_NAME}}:~$</span> verify access with your organization</p>
<p class="muted">Go Loose will return you to {{APPLICATION_NAME}} after your identity and application access are verified.</p>
<form class="password-login" style="{{LOCAL_STYLE}}" action="/auth/password" method="post">
<input type="hidden" name="csrf_token" value="{{CSRF_TOKEN}}">
<input type="hidden" name="return" value="{{RETURN_URL}}">
<label>Email<input type="email" name="email" autocomplete="username" required></label>
<label>Password<input type="password" name="password" autocomplete="current-password" required></label>
<button type="submit">LOGIN TO {{APPLICATION_NAME}}</button>
</form>
<div style="{{SSO_STYLE}}"><p class="login-divider">or use your organization</p>
<a class="terminal-login" href="{{LOGIN_URL}}"><span>›</span> CONTINUE WITH SSO</a></div>
<p class="cursor-line"><span class="prompt">identity@go-loose:~$</span> <span class="cursor">█</span></p>
</div>
</main>
<script>const t=localStorage.getItem('gl-theme')||'tokyo',m=localStorage.getItem('gl-mode')||'dark';document.documentElement.dataset.theme=t;document.documentElement.dataset.mode=m</script>
</body>
</html>