templates/login.html

Rama main · réplica de lectura del repositorio original.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Sign in — Lectio</title>
  <script>
    // Load the user's theme so CSS variables (--accent, --surface, …) are defined;
    // without it the buttons render transparent. Matches index.html's bootstrap.
    window.__lectioTheme = (window.localStorage.getItem('lectio-theme') || 'dark');
    document.write(`<link rel="stylesheet" href="/static/themes/${window.__lectioTheme}.css?v={{ static_asset_version }}" />`);
  </script>
  <link rel="stylesheet" href="/static/style.css?v={{ static_asset_version }}" />
</head>
<body class="login-page">
  <div class="login-card">
    <h1 class="login-title">Lectio</h1>
    {% if error %}
    <p class="login-error" role="alert">{{ error }}</p>
    {% endif %}
    <form class="login-form" method="post" action="/login?next={{ next | urlencode }}">
      <label class="login-label" for="login-username">Username</label>
      <input
        class="login-input"
        id="login-username"
        type="text"
        name="username"
        autocomplete="username"
        autofocus
        required
      />
      <label class="login-label" for="login-password">Password</label>
      <input
        class="login-input"
        id="login-password"
        type="password"
        name="password"
        autocomplete="current-password"
        required
      />
      <button class="login-button" type="submit">Sign in</button>
    </form>
  </div>
</body>
</html>