mirror of https://github.com/zulip/zulip.git
80 lines
3.0 KiB
HTML
80 lines
3.0 KiB
HTML
{% extends "zerver/portico_signup.html" %}
|
||
{# Home page for not logged-in users. #}
|
||
|
||
{# This is where we pitch the app and solicit signups. #}
|
||
|
||
{% block portico_content %}
|
||
<script type="text/javascript">
|
||
$(function () {
|
||
autofocus('#email');
|
||
});
|
||
</script>
|
||
<div class="bg-image"></div>
|
||
|
||
<div class="app register-page split-view flex full-page">
|
||
<div class="app-main register-page-container">
|
||
<div class="register-form new-style">
|
||
<div class="lead">
|
||
<h1 class="get-started">{{ _("Sign up for Zulip") }}</h1>
|
||
</div>
|
||
{% if realm_name %}
|
||
<div class="left-side">
|
||
<div class="org-header">
|
||
<div class="avatar" style="background-image: url('{{ realm_icon }}')"></div>
|
||
<div class="info-box">
|
||
<div class="organization-name">{{ realm_name }}</div>
|
||
<div class="organization-path">{{ realm_uri }}</div>
|
||
</div>
|
||
</div>
|
||
<div class="description">
|
||
{{ realm_description }}
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
<div class="right-side">
|
||
<form class="form-inline" id="send_confirm" name="email_form"
|
||
action="{{ current_url() }}" method="post">
|
||
{{ csrf_input }}
|
||
|
||
<div class="input-box no-validate">
|
||
<input type="email" id="email" class="email" name="email" value="" required />
|
||
<label>Email</label>
|
||
<div class="required"></div>
|
||
<img class="valid" src="/static/images/checkbox-valid.svg" />
|
||
</div>
|
||
|
||
<button class="full-width" type="submit" name="">{{ _('Sign up') }}</button>
|
||
</form>
|
||
|
||
<div id="errors"></div>
|
||
{% if form.email.errors %}
|
||
{% for error in form.email.errors %}
|
||
<div class="alert alert-error">{{ error }}</div>
|
||
{% endfor %}
|
||
{% endif %}
|
||
|
||
<div class="alert alert-pitch" id="company-email">{% trans %}Please use your
|
||
company email address to sign up. Otherwise, we won’t be able to
|
||
connect you with your coworkers.{% endtrans %}</div>
|
||
{% if google_auth_enabled %}
|
||
<div class="or">or</div>
|
||
|
||
<div class="register-google">
|
||
<a href="{{ url('zerver.views.auth.start_google_oauth2') }}">
|
||
<button class="login-google-button full-width">{{ _('Sign up with Google') }}</button>
|
||
</a>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-padder"></div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
if (window.location.hash.substring(0, 1) === "#") {
|
||
document.email_form.action += window.location.hash;
|
||
}
|
||
</script>
|
||
{% endblock %}
|