mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-28 19:59:18 -04:00
76 lines
3.1 KiB
HTML
76 lines
3.1 KiB
HTML
{% extends "withoutnav_template.html" %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
{% from "components/form.html" import form_wrapper %}
|
||
|
||
{% block per_page_title %}
|
||
{% if again %}
|
||
You need to sign in again
|
||
{% else %}
|
||
Sign in
|
||
{% endif %}
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
{% if login_gov_enabled %}
|
||
<div class="grid-row">
|
||
<div id="countdown-container" class="usa-alert usa-alert--warning width-full margin-bottom-4">
|
||
<div class="usa-alert__body">
|
||
<h4 class="usa-alert__heading">Login.gov is required by April 16, 2024</h4>
|
||
<p class="usa-alert__text">
|
||
You have <span id="countdown"></span> left to use Login.gov to sign in
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
<div class="grid-row margin-bottom-4">
|
||
<div class="tablet:grid-col-5">
|
||
{% if again %}
|
||
<h1 class="font-body-2xl margin-bottom-3">You need to sign in again</h1>
|
||
{% if other_device %}
|
||
<p>
|
||
We signed you out because you logged in to Notify on another device.
|
||
</p>
|
||
{% else %}
|
||
<p>
|
||
We signed you out because you have not used Notify for a while.
|
||
</p>
|
||
{% endif %}
|
||
{% else %}
|
||
<h1 class="font-body-2xl margin-bottom-3">Sign in</h1>
|
||
{% if login_gov_enabled %}
|
||
<p>You can access your account by signing in with one of the options below:</p>
|
||
<a class="usa-link usa-button usa-button--outline" href="{{ initial_signin_url }}">Sign in with Login.gov</a>
|
||
<p class="margin-y-3"><strong>Or:</strong></p>
|
||
{% endif %}
|
||
{% endif %}
|
||
|
||
{% call form_wrapper(autocomplete=True) %}
|
||
{{ form.email_address(param_extensions={"autocomplete": "email"}) }}
|
||
{{ form.password(param_extensions={"autocomplete": "current-password"}) }}
|
||
{{ page_footer("Continue", secondary_link=password_reset_url, secondary_link_text="Forgot your password?") }}
|
||
{% endcall %}
|
||
</div>
|
||
{% if login_gov_enabled %}
|
||
<div class="tablet:grid-col-6 tablet:grid-offset-1 margin-top-2 padding-y-2 padding-x-4 bg-base-lightest">
|
||
<h2 class="font-body-lg">Notify.gov is changing the sign-in experience to Login.gov effective<br>April 16, 2024</h2>
|
||
<p>Why are we doing this?</p>
|
||
<ul class="usa-list">
|
||
<li><strong>Enhanced security:</strong> Login.gov is really secure and trustworthy</li>
|
||
<li><strong>One single source for signing in:</strong> You can use Login.gov for other services within the federal government</li>
|
||
<li><strong>2FA flexibility:</strong> Login.gov supports multiple methods for users to verify their identity.</li>
|
||
</ul>
|
||
<p>What do I need to do?</p>
|
||
<ul class="usa-list">
|
||
<li>If you have a Login.gov account, start using it to sign in to Notify today.</li>
|
||
<li>If you don’t have a Login.gov account, you must create one by April 16, 2024 to continue to access Notify.</li>
|
||
</ul>
|
||
<div class="border-bottom border-base-lighter margin-y-4"></div>
|
||
<a class="usa-link usa-button margin-bottom-3" href="{{ create_login_account_url }}">Create Login.gov account</a>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
{% endblock %}
|