{% extends "base.html" %}

{% block fullbody %}
<div class="ui centered grid container">
<div class="eight wide column" style="font-size: 1.14285714rem;">

<h1>Login / Signup</h1>

<p>Select a provider below to create a Fatcat editor account or log back in.
Note that currently editor accounts are locked 1-to-1 with external identities.

<p>Before creating an account, please review our
<a href="https://guide.fatcat.wiki/policies.html">Norms and Policies</a>.

<br>
{% if config.IA_XAUTH_CLIENT_ID %}
<a href="/auth/ia/login">
<div class="ui segment attached">
  <h2 class="ui header">
    <img src="/static/ia_logo.png" style="width: 1.5em;">
    <div class="content">
      Internet Archive
      <div class="sub header">via email/password</div>
    </div>
  </h2>
</div>
</a>
{% else %}
<div class="ui segment attached">
  <h2 class="ui header">
    <i class="grey times circle icon"></i>
    <div class="content">
      Internet Archive
      <div class="sub header">not configured</div>
    </div>
  </h2>
</div>
{% endif %}

{% if config.ORCID_CLIENT_ID %}
<a href="/auth/orcid/login">
<div class="ui segment attached">
  <h2 class="ui header">
    <img src="/static/orcid_icon.png" style="width: 1.5em;">
    <div class="content">
      ORCiD
      <div class="sub header">via OpenID Connect</div>
    </div>
  </h2>
</div>
{% endif %}

{% if config.WIKIPEDIA_CLIENT_ID %}
<a href="/auth/wikipedia/login">
<div class="ui segment attached">
  <h2 class="ui header">
    <i class="wikipedia w icon"></i>
    <div class="content">
      Wikipedia
      <div class="sub header">via OAuth</div>
    </div>
  </h2>
</div>
</a>
{% endif %}

{% if config.GITLAB_CLIENT_ID %}
<a href="/auth/gitlab/login">
<div class="ui segment attached">
  <h2 class="ui header">
    <i class="orange gitlab icon"></i>
    <div class="content">
      Gitlab
      <div class="sub header">via OAuth</div>
    </div>
  </h2>
</div>
</a>
{% endif %}

{% if config.GITHUB_CLIENT_ID %}
<a href="/auth/github/login">
<div class="ui segment attached">
  <h2 class="ui header">
    <i class="github icon"></i>
    <div class="content">
      Github
      <div class="sub header">via OAuth</div>
    </div>
  </h2>
</div>
</a>
{% endif %}

{# alternative style
<br>
<button class="massive ui button fluid">
  <i class="gitlab icon orange"></i>
  Gitlab
  <small>via OpenID Connect</small>
</button>
#}

<br>
<p>Operators can also <a href="/auth/token_login">authenticate directly using
an auth token</a>.
<p>If you have problems getting logged in, please
<a href="mailto:webservices@archive.org">contact us</a>.

</div>
</div>
{% endblock %}