Account

Author

Affiliation

Zad Rafi

Less Likely

Less Likely account

Account

Use email and password, or continue with an OAuth provider after it is enabled in Netlify Identity.

Checking Identity configuration...

OAuth providers and signup policy are controlled in Netlify project configuration under Identity.

---
title: "Account"
description: "Sign in, create an account, or use an enabled OAuth provider for Less Likely."
image: "images/HomeLogo-static.png"
format:
  html:
    css: css/account-auth.css
    include-after-body:
      text: |
        <script type="module" src="/js/account-auth.js"></script>
---

```{=html}
<section class="ll-account">
  <p class="text-uppercase text-muted small">Less Likely account</p>
  <h1>Account</h1>
  <p class="ll-account__intro">Use email and password, or continue with an OAuth provider after it is enabled in Netlify Identity.</p>

  <div class="ll-account__shell">
    <div class="ll-account__tabs" role="tablist" aria-label="Account actions" data-auth-signed-out>
      <button type="button" role="tab" aria-selected="true" data-auth-mode="login">Sign in</button>
      <button type="button" role="tab" aria-selected="false" data-auth-mode="signup">Create account</button>
    </div>

    <p class="ll-account__status" data-auth-status role="status" aria-live="polite">Checking Identity configuration...</p>

    <form data-auth-form hidden>
      <h2 data-auth-heading>Sign in</h2>
      <label>
        Name
        <input id="auth-name" type="text" autocomplete="name" maxlength="120">
      </label>
      <label>
        Email
        <input id="auth-email" type="email" autocomplete="username" required maxlength="254">
      </label>
      <label>
        Password
        <input id="auth-password" type="password" autocomplete="current-password" required maxlength="256">
      </label>
      <div class="ll-account__actions">
        <button type="submit" data-auth-submit>Sign in</button>
        <button type="button" data-auth-recovery>Forgot password?</button>
        <button type="button" data-auth-back hidden>Back to sign in</button>
      </div>
    </form>

    <div class="ll-account__oauth" data-auth-oauth hidden data-auth-signed-out></div>

    <section class="ll-account__user" data-auth-user hidden>
      <h2>Signed in</h2>
      <p>You are signed in as <strong data-auth-user-email></strong>.</p>
      <button type="button" data-auth-logout>Sign out</button>
    </section>
  </div>

  <p class="ll-account__fine-print">OAuth providers and signup policy are controlled in Netlify project configuration under Identity.</p>
  <noscript>JavaScript is required for account actions.</noscript>
</section>
```

Other Links

Account

Account

Signed in

Comments

Webmentions