go-loose/web/install.html

<!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>Install Go Loose</title><link rel="stylesheet" href="/assets/style.css"></head>
<body class="login-page">
  <div class="login-glow"></div>
  <main class="terminal installer">
    <div class="terminal-bar"><span></span><span></span><span></span><strong>goloose@installer:~</strong></div>
    <div class="terminal-body">
      <p class="eyebrow">FIRST-RUN INSTALLER</p>
      <h1>Initialize<br><span>Go Loose.</span></h1>
      <p class="muted">Configure OIDC identity provider and optionally create the Guess demonstration tenants. The client secret is encrypted before it reaches PostgreSQL.</p>
      <form action="/install" method="post" class="installer-form">
        <input type="hidden" name="csrf_token" value="{{CSRF_TOKEN}}">
        <label>OIDC Issuer<input name="field1" value="https://accounts.google.com" required placeholder="https://accounts.google.com"></label>
        <label>Client ID<input name="field2" autocomplete="new-password" required></label>
        <label>Client Secret<input type="password" name="field3" autocomplete="new-password" required></label>
        <label>Redirect URL<input name="field4" value="{{CALLBACK_URL}}" required></label>
        <label class="seed-option"><input type="checkbox" name="seed_demo" checked><span>Seed NMBS and YPTO Guess demo data</span></label>
        <button type="submit">INSTALL GO LOOSE</button>
      </form>
      <p class="muted">In your identity provider console, add the redirect URL above under Authorized redirect URIs. After installation you will continue to the provider, then return to Go Loose with a secure signed session.</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>