feat: wp-63 redesign login form

[wesleyboar]

Overview

Redesign login form. Minimal changes to other files to support the redesign.

Related

• WP-63
• requires https://github.com/TACC/Core-Styles/pull/205
• requires https://github.com/TACC/Core-Styles/pull/215

Changes

• add template block around assets load
• add template block around banners
• add tapis+tacc logo
• refactor login template

Testing

Function

1. Run system.
2. Visit login page.
3. Compare style to https://www.tacc.utexas.edu/portal/login.
4. Verify links work.
5. Verify login still works.

Styles

6. Footer is pinned to bottom of page.
7. Footer does not overlap form.
8. Form styles mimic https://www.tacc.utexas.edu/portal/login.
9. Login form supports two logos.
10. On wide screens:
    • (if logos are not too wide)logos are side-by-side, with space between
    • the "Security" and "Policy" links are right-aligned
    • the login form has gray space to the left and right of it
11. On narrow screens:
    • (if logos are too wide) logos are atop each other, with space between
    • the "Security" and "Policy" links are center-aligned
    • the login form has gray space to the left and right of it
12. On very narrow screens:
    • (if logos are too wide) logos are atop each other, with space between
    • the login form has no gray space to the left and right of it

UI

Warning The containers are unable to be run on my system (my OS uses ARM architecture). So I test in situ at https://portals.tapis.io/v3/oauth2/login?client_id=PROD.CEP&….

	Tall Page	Short Page, Scroll Start	Short Page, Scroll End
b e f o r e
a f t e r

	Narrow	Very Narrow
b e f o r e
a f t e r

Notes

The markup should look like that pasted in the first comment.

[wesleyboar]

The markup should look like this:

Estimate of Markup on Login Page

```

Log In

to continue to Portals

Username

Password

Create Account Login

Having trouble logging in?

Reset Password Account Help

Security Policies

Tapis project funded by NSF OAC grants #1931439, #1931575 and #2232259.

```

[wesleyboar]

Tested by @joestubbs.

Screenshot