diff --git a/styles/sections/_login.scss b/styles/sections/_login.scss index 030d09d5..9234f5cb 100644 --- a/styles/sections/_login.scss +++ b/styles/sections/_login.scss @@ -1,3 +1,23 @@ -.login-area { - text-align: center; -} \ No newline at end of file +.login-layout { + align-items: center; + justify-content: center; + + .login-container { + max-width: 70rem; + + .login-banner { + text-align: center; + margin-bottom: $gap * 10; + + .login-banner__heading { + @include h1; + } + + .login-banner__logo { + display: block; + max-width: 15rem; + margin: ($gap * 2) auto; + } + } + } +} diff --git a/templates/root.html b/templates/root.html index 090196ec..84432c55 100644 --- a/templates/root.html +++ b/templates/root.html @@ -1,9 +1,12 @@ +{% from "components/alert.html" import Alert %} + - {% block title %}JEDI{% endblock %} + + {% block title %}JEDI Cloud{% endblock %} {% assets "css" %} {% endassets %} @@ -11,19 +14,45 @@ -
+
- Defense Digital Service Logo +
+ Sign in with CAC card + + + + + {{ Alert('Certificate Selection', + message='When you are prompted to select a certificate, please select E-mail Certificate from the provided choices.', + actions=[ + { + 'label': 'Learn More', + 'icon': 'help', + 'href': '/' + } + ] + ) }} + + + + + + + +