zulip/templates/zerver/invalid_email.html
Lauryn Menard a22168d8b3 templates: Add CSS formatting to invalid email redirect page.
Adds CSS formatting for `invalid_email.html`.

Uses the `white-box` style because this page is a redirect when
there is an error with the email the user provided during
registration.

Also, updates the text of this page for some grammar errors and
to clarify the language between an invalid email and an email that
is not allowed by the Zulip organization in question.

Finally, makes any references to the `realm_name` also link to
the Zulip organization with the `realm_uri`.
2023-04-26 15:41:20 -07:00

43 lines
1.9 KiB
HTML

{% extends "zerver/portico.html" %}
{% block title %}
<title>{{ _("Invalid email") }} | Zulip</title>
{% endblock %}
{% block portico_content %}
<div class="app portico-page">
<div class="app-main portico-page-container center-block flex full-page account-creation new-style">
<div class="inline-block">
<div class="get-started">
{% if invalid_email %}
<h1>{{ _("Invalid email") }}</h1>
{% else %}
<h1>{{ _("Email not allowed") }}</h1>
{% endif %}
</div>
<div class="white-box">
<p>
{% if invalid_email %}
{{ _("The email address you are trying to sign up with is not valid.") }}
{% endif %}
{% if closed_domain %}
{% trans %}The organization you are trying to join, <a href="{{ realm_uri }}">{{ realm_name }}</a>, does not allow signups using emails with your email domain.{% endtrans %}
{% endif %}
{% if disposable_emails_not_allowed %}
{% trans %}The organization you are trying to join, <a href="{{ realm_uri }}">{{ realm_name }}</a>, does not allow signups using disposable email addresses.{% endtrans %}
{% endif %}
{% if email_contains_plus %}
{% trans %}The organization you are trying to join, <a href="{{ realm_uri }}">{{ realm_name }}</a>, does not allow signups using emails that contain "+".{% endtrans %}
{% endif %}
{% if invalid_email %}
{{ _("Please sign up using a valid email address.") }}
{% else %}
{{ _("Please sign up using an allowed email address.") }}
{% endif %}
</p>
</div>
</div>
</div>
</div>
{% endblock %}