mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 04:53:36 +00:00
2137aadda0
The realm avatar icon on the login and registration pages was being set as a background image, which could vanish in high contrast mode in many browsers. Converted it to an img tag and verified that it is still styled correctly. I think the empty alt attribute (to remove it from the audio description) is appropriate in this context, since the realm name and description are already provided immediately afterwards in the page content. Fixes #4889.
105 lines
4.4 KiB
HTML
105 lines
4.4 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 new-style">
|
|
<div class="inline-block">
|
|
<div class="lead">
|
|
<h1 class="get-started">{{ _("Sign up for Zulip") }}</h1>
|
|
</div>
|
|
<div class="app-main register-page-container white-box">
|
|
<div class="register-form new-style">
|
|
{% if realm_name %}
|
|
<div class="left-side">
|
|
<div class="org-header">
|
|
<img class="avatar" src="{{ realm_icon }}" alt="" />
|
|
<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|safe }}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<div class="right-side">
|
|
{% if no_auth_enabled %}
|
|
<div class="alert">
|
|
<p>No authentication backends are enabled on this
|
|
server yet, so it is impossible to register!</p>
|
|
|
|
<p>See
|
|
the <a href="http://zulip.readthedocs.io/en/latest/prod-install.html#step-3-configure-zulip">Zulip
|
|
authentication documentation</a> to learn how to
|
|
configure authentication backends.</p>
|
|
</div>
|
|
{% else %}
|
|
{% if password_auth_enabled %}
|
|
<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 for="email">Email</label>
|
|
<div class="required"></div>
|
|
<img class="valid" src="/static/images/checkbox-valid.svg" alt="{{ _('Valid') }}" />
|
|
</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 %}
|
|
|
|
{% if any_oauth_backend_enabled %}
|
|
<div class="or">or</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if google_auth_enabled %}
|
|
<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 %}
|
|
|
|
{% if github_auth_enabled %}
|
|
<div class="login-github">
|
|
<a href="{{ url('signup-social', args=('github',)) }}"
|
|
class="github-wrapper">
|
|
<button class="login-github-button github">
|
|
<span>{{ _('Sign up with GitHub') }}</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
if (window.location.hash.substring(0, 1) === "#") {
|
|
document.email_form.action += window.location.hash;
|
|
}
|
|
</script>
|
|
{% endblock %}
|