login.html

{% extends "page.html" %}

{% block login_widget %}
{% endblock %}

{% block main %}
{% block login %}

<div class="container">
{% if custom_html %}
{{ custom_html }}
{% elif login_service %}

<div class="mdl-cell">
  <a href="https://github.com/everware">Everware</a> allows you to launch
  interactive Jupyter notebooks right here in your browser. You can check out
  someone else's research code, run it, make changes, and contribute them back.
  You can customize the environment that your notebooks runs in by creating a
  Dockerfile.
</div>
<div class="mdl-cell">
  Currently Everware is in private beta, if you are interested in
  trying it out:
  <a href="http://goo.gl/forms/vbZXgYgj3N">join the waiting list</a>.
</div>

<div class="service-login">
  {% if repo_url %}
  <a class='mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored' href='oauth_login?repo_url={{repo_url}}'>
  {% else %}
  <a class='mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored' href='oauth_login'>
  {% endif %}
    Sign in with {{login_service}}
  </a>
</div>
{% else %}
<form class="form-horizontal" action="{{login_url}}?next={{next}}" method="post" role="form">
  <div>
    {% if login_error %}
    <p class="login_error">
      {{login_error}}
    </p>
    {% endif %}
    <div class="form-group">
      <label class="col-sm-3 control-label" for="username_input">Username</label>
      <div class="col-sm-8">
        <input
          id="username_input"
          type="username"
          autocapitalize="off"
          autocorrect="off"
          class="form-control"
          name="username"
          val="{{username}}"
          tabindex="2"
          autofocus="autofocus"
        />
      </div>
    </div>
    <div class="form-group">
    <label class="col-sm-3 control-label" for='password_input'>Password</label>
      <div class="col-sm-8">
        <input
          type="password"
          class="form-control"
          name="password"
          id="password_input"
          tabindex="3"
        />
      </div>
    </div>
    <input
      type="submit"
      id="login_submit"
      class='btn btn-lg btn-primary btn-block'
      value='Launch'
      tabindex="4"
    />
  </div>
</form>
{% endif %}

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

{% endblock %}

{% block script %}
{{super()}}

{% endblock %}