jupyter/jupyterhub/templates/signup.html
2025-07-15 18:40:59 +02:00

83 lines
3.1 KiB
HTML

{% extends "templates/page.html" %}
{% block login %}
<div class="container login-container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="login-panel panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Create Account</h3>
</div>
<div class="panel-body">
<form action="{{authenticator_signup_url}}" method="post" role="form">
<div class="form-group">
<label for="username_input">Username</label>
<input
id="username_input"
type="text"
class="form-control"
name="username"
autocapitalize="off"
autocorrect="off"
required
/>
</div>
<div class="form-group">
<label for="password_input">Password (min. 8 characters)</label>
<input
id="password_input"
type="password"
class="form-control"
name="password"
required
/>
</div>
<div class="form-group">
<label for="password_confirm">Confirm Password</label>
<input
id="password_confirm"
type="password"
class="form-control"
name="password_confirmation"
required
/>
</div>
<div class="form-group">
<input
type="submit"
id="signup_submit"
class="btn btn-jupyter btn-lg btn-block"
value="Create Account"
/>
</div>
{% if signup_error %}
<div class="alert alert-danger" role="alert">
{{signup_error}}
</div>
{% endif %}
</form>
<div class="text-center">
<p>Already have an account? <a href="{{authenticator_login_url}}">Sign in</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock login %}
<style>
.btn-jupyter {
background-color: #F37626;
color: white;
border-color: #F37626;
}
.btn-jupyter:hover {
background-color: #D85F1C;
border-color: #D85F1C;
}
.login-container {
margin-top: 50px;
}
</style>