83 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			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>
 |