diff --git a/app/assets/images/007-community.svg b/app/assets/images/007-community.svg new file mode 100644 index 000000000..df09bf673 --- /dev/null +++ b/app/assets/images/007-community.svg @@ -0,0 +1,91 @@ + + + diff --git a/app/assets/images/015-live-chat.svg b/app/assets/images/015-live-chat.svg new file mode 100644 index 000000000..4099266a3 --- /dev/null +++ b/app/assets/images/015-live-chat.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/030-community.svg b/app/assets/images/030-community.svg new file mode 100644 index 000000000..b49b5d385 --- /dev/null +++ b/app/assets/images/030-community.svg @@ -0,0 +1,106 @@ + + + diff --git a/app/assets/images/030-goal.svg b/app/assets/images/030-goal.svg new file mode 100644 index 000000000..8fcd98093 --- /dev/null +++ b/app/assets/images/030-goal.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/031-target.svg b/app/assets/images/031-target.svg new file mode 100644 index 000000000..665f4f7df --- /dev/null +++ b/app/assets/images/031-target.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/053-benchmarking.svg b/app/assets/images/053-benchmarking.svg new file mode 100644 index 000000000..0f7eec5eb --- /dev/null +++ b/app/assets/images/053-benchmarking.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/action-1.svg b/app/assets/images/action-1.svg new file mode 100644 index 000000000..5a83a81c2 --- /dev/null +++ b/app/assets/images/action-1.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/action-2.svg b/app/assets/images/action-2.svg new file mode 100644 index 000000000..fec1fdf28 --- /dev/null +++ b/app/assets/images/action-2.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/action.svg b/app/assets/images/action.svg new file mode 100644 index 000000000..c397e580a --- /dev/null +++ b/app/assets/images/action.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/analytics.svg b/app/assets/images/analytics.svg new file mode 100644 index 000000000..7e35bcd38 --- /dev/null +++ b/app/assets/images/analytics.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/benchmark.svg b/app/assets/images/benchmark.svg new file mode 100644 index 000000000..cd36e04fa --- /dev/null +++ b/app/assets/images/benchmark.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/benchmarking-1.svg b/app/assets/images/benchmarking-1.svg new file mode 100644 index 000000000..b8a329be1 --- /dev/null +++ b/app/assets/images/benchmarking-1.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/benchmarking.svg b/app/assets/images/benchmarking.svg new file mode 100644 index 000000000..cbad5ad82 --- /dev/null +++ b/app/assets/images/benchmarking.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/chart.svg b/app/assets/images/chart.svg new file mode 100644 index 000000000..91fe49adf --- /dev/null +++ b/app/assets/images/chart.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/community-2.svg b/app/assets/images/community-2.svg new file mode 100644 index 000000000..fcc0194af --- /dev/null +++ b/app/assets/images/community-2.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/community.svg b/app/assets/images/community.svg new file mode 100644 index 000000000..719164bd3 --- /dev/null +++ b/app/assets/images/community.svg @@ -0,0 +1,137 @@ + + + diff --git a/app/assets/images/compliant-1.svg b/app/assets/images/compliant-1.svg new file mode 100644 index 000000000..d75f476ec --- /dev/null +++ b/app/assets/images/compliant-1.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/compliant.svg b/app/assets/images/compliant.svg new file mode 100644 index 000000000..2e77b75c2 --- /dev/null +++ b/app/assets/images/compliant.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/customer-service.svg b/app/assets/images/customer-service.svg new file mode 100644 index 000000000..30e91dacc --- /dev/null +++ b/app/assets/images/customer-service.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/data.svg b/app/assets/images/data.svg new file mode 100644 index 000000000..b0419ca2e --- /dev/null +++ b/app/assets/images/data.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/diversity.svg b/app/assets/images/diversity.svg new file mode 100644 index 000000000..d87a0b4a4 --- /dev/null +++ b/app/assets/images/diversity.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/employees.svg b/app/assets/images/employees.svg new file mode 100644 index 000000000..094bd0e56 --- /dev/null +++ b/app/assets/images/employees.svg @@ -0,0 +1,120 @@ + + + diff --git a/app/assets/images/goal.svg b/app/assets/images/goal.svg new file mode 100644 index 000000000..90bdb1356 --- /dev/null +++ b/app/assets/images/goal.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/group-1.svg b/app/assets/images/group-1.svg new file mode 100644 index 000000000..21a3cd44c --- /dev/null +++ b/app/assets/images/group-1.svg @@ -0,0 +1,98 @@ + + + diff --git a/app/assets/images/group-2.svg b/app/assets/images/group-2.svg new file mode 100644 index 000000000..16779d5e5 --- /dev/null +++ b/app/assets/images/group-2.svg @@ -0,0 +1,166 @@ + + + diff --git a/app/assets/images/group.svg b/app/assets/images/group.svg new file mode 100644 index 000000000..057a9bebf --- /dev/null +++ b/app/assets/images/group.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/grouping.svg b/app/assets/images/grouping.svg new file mode 100644 index 000000000..b79d7a18f --- /dev/null +++ b/app/assets/images/grouping.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/handshake.svg b/app/assets/images/handshake.svg new file mode 100644 index 000000000..df636f8ae --- /dev/null +++ b/app/assets/images/handshake.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/headset.svg b/app/assets/images/headset.svg new file mode 100644 index 000000000..b52c97a62 --- /dev/null +++ b/app/assets/images/headset.svg @@ -0,0 +1,50 @@ + + + diff --git a/app/assets/images/high-five.svg b/app/assets/images/high-five.svg new file mode 100644 index 000000000..698c3ac1f --- /dev/null +++ b/app/assets/images/high-five.svg @@ -0,0 +1,88 @@ + + + diff --git a/app/assets/images/honesty.svg b/app/assets/images/honesty.svg new file mode 100644 index 000000000..e7206bd0c --- /dev/null +++ b/app/assets/images/honesty.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/landing-page.svg b/app/assets/images/landing-page.svg new file mode 100644 index 000000000..2b38a11ad --- /dev/null +++ b/app/assets/images/landing-page.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/language.svg b/app/assets/images/language.svg new file mode 100644 index 000000000..6cd8eab46 --- /dev/null +++ b/app/assets/images/language.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/languages-1.svg b/app/assets/images/languages-1.svg new file mode 100644 index 000000000..6696c3448 --- /dev/null +++ b/app/assets/images/languages-1.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/languages.svg b/app/assets/images/languages.svg new file mode 100644 index 000000000..815069e73 --- /dev/null +++ b/app/assets/images/languages.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/live-chat-1.svg b/app/assets/images/live-chat-1.svg new file mode 100644 index 000000000..5902c6a6c --- /dev/null +++ b/app/assets/images/live-chat-1.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/live-chat.svg b/app/assets/images/live-chat.svg new file mode 100644 index 000000000..f6e78b53a --- /dev/null +++ b/app/assets/images/live-chat.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/management.svg b/app/assets/images/management.svg new file mode 100644 index 000000000..7cb8d572c --- /dev/null +++ b/app/assets/images/management.svg @@ -0,0 +1,198 @@ + + + diff --git a/app/assets/images/network.svg b/app/assets/images/network.svg new file mode 100644 index 000000000..f03a16146 --- /dev/null +++ b/app/assets/images/network.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/organization.svg b/app/assets/images/organization.svg new file mode 100644 index 000000000..06b60b69f --- /dev/null +++ b/app/assets/images/organization.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/prioritize.svg b/app/assets/images/prioritize.svg new file mode 100644 index 000000000..b52917526 --- /dev/null +++ b/app/assets/images/prioritize.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/project-management.svg b/app/assets/images/project-management.svg new file mode 100644 index 000000000..f88a96e66 --- /dev/null +++ b/app/assets/images/project-management.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/project.svg b/app/assets/images/project.svg new file mode 100644 index 000000000..7627d8888 --- /dev/null +++ b/app/assets/images/project.svg @@ -0,0 +1,60 @@ + + + diff --git a/app/assets/images/protected.svg b/app/assets/images/protected.svg new file mode 100644 index 000000000..6e9b32ec8 --- /dev/null +++ b/app/assets/images/protected.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/run.svg b/app/assets/images/run.svg new file mode 100644 index 000000000..44be4437f --- /dev/null +++ b/app/assets/images/run.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/runer-silhouette-running-fast.svg b/app/assets/images/runer-silhouette-running-fast.svg new file mode 100644 index 000000000..a5c1b350e --- /dev/null +++ b/app/assets/images/runer-silhouette-running-fast.svg @@ -0,0 +1,61 @@ + + + + diff --git a/app/assets/images/runner.svg b/app/assets/images/runner.svg new file mode 100644 index 000000000..12df022ad --- /dev/null +++ b/app/assets/images/runner.svg @@ -0,0 +1,106 @@ + + + diff --git a/app/assets/images/star.svg b/app/assets/images/star.svg new file mode 100644 index 000000000..2104cea5a --- /dev/null +++ b/app/assets/images/star.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/support.svg b/app/assets/images/support.svg new file mode 100644 index 000000000..2f062fd12 --- /dev/null +++ b/app/assets/images/support.svg @@ -0,0 +1,78 @@ + + + diff --git a/app/assets/images/target.svg b/app/assets/images/target.svg new file mode 100644 index 000000000..665f4f7df --- /dev/null +++ b/app/assets/images/target.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/team-1.svg b/app/assets/images/team-1.svg new file mode 100644 index 000000000..ce7b09aed --- /dev/null +++ b/app/assets/images/team-1.svg @@ -0,0 +1,126 @@ + + + diff --git a/app/assets/images/team.svg b/app/assets/images/team.svg new file mode 100644 index 000000000..d257f41ee --- /dev/null +++ b/app/assets/images/team.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/teamwork-1.svg b/app/assets/images/teamwork-1.svg new file mode 100644 index 000000000..b4d0e2394 --- /dev/null +++ b/app/assets/images/teamwork-1.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/teamwork.svg b/app/assets/images/teamwork.svg new file mode 100644 index 000000000..8798f2a88 --- /dev/null +++ b/app/assets/images/teamwork.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/translation.svg b/app/assets/images/translation.svg new file mode 100644 index 000000000..a18becba0 --- /dev/null +++ b/app/assets/images/translation.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/trust.svg b/app/assets/images/trust.svg new file mode 100644 index 000000000..1dfa5064a --- /dev/null +++ b/app/assets/images/trust.svg @@ -0,0 +1 @@ + diff --git a/app/assets/images/world-wide-web.svg b/app/assets/images/world-wide-web.svg new file mode 100644 index 000000000..3e0fa6e73 --- /dev/null +++ b/app/assets/images/world-wide-web.svg @@ -0,0 +1,65 @@ + + + diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index c9c352606..26e45eb6c 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -721,17 +721,95 @@ div.guidance { height: 400px } -a.usa-link.guidance::after { - content: ""; - display: inline-block; - width: 1.06rem; - height: 1.06rem; - background-color: currentColor; - -webkit-mask-image: url('../img/usa-icons/launch.svg'); - mask-image: url('../img/usa-icons/launch.svg'); - -webkit-mask-size: 1.06rem 1.06rem; - mask-size: 1.06rem 1.06rem; - mask-repeat: no-repeat; - vertical-align: text-bottom; - margin-left: 0.2em; +$do-dont-color-do: "green-cool-50v"; +$do-dont-color-dont: "red-cool-50v"; +$do-dont-color-border: "gray-cool-20"; +$do-dont-padding: 3; +$do-dont-top-bar-width: 1; + +.do-dont { + display: flex; + height: 100%; + padding-top: units(2); +} + +.do-dont__do, +.do-dont__dont { + background-color: color("white"); + border: 1px solid color($do-dont-color-border); + flex: 1 0 0; + height: 100%; + position: relative; +} + +.do-dont__do { + padding: 0rem; +} + +.do-dont__do:before, +.do-dont__dont:before { + content: ""; + position: absolute; + height: units($do-dont-top-bar-width); + width: calc(100% + 2px); + top: -1px; + left: -1px; +} + +.do-dont__do:before { + background-color: color($do-dont-color-do); +} + +.do-dont__dont:before { + background-color: color($do-dont-color-dont); +} + +.do-dont__heading { + // @include typeset("lang", "lg", 2); + align-items: center; + border-bottom: 1px solid color($do-dont-color-border); + display: flex; + font-weight: fw("bold"); + margin: 0; + padding: units(4) units($do-dont-padding) units($do-dont-padding); + + .usa-icon { + @include u-square(3); + margin-right: units(0.5); + } +} + +.do-dont__do .do-dont__heading { + color: color($do-dont-color-do); +} + +.do-dont__dont .do-dont__heading { + color: color($do-dont-color-dont); +} + +.do-dont__content { + padding: 0 units($do-dont-padding) units($do-dont-padding) units($do-dont-padding); + + ul { + margin-bottom: 0; + overflow-wrap: anywhere; + } + + li+li { + margin-top: units(1); + } +} + +.site-note { + background-color: #dfe1e2; + max-width: 72ex; + padding: .5rem; + border-radius: 2px; +} + +img.guidance_card_img { + display: block; + width: 50%; + height: auto; + margin: 0 auto; } diff --git a/app/templates/components/guidance/cards.html b/app/templates/components/guidance/cards.html index 13503d8b5..66aab66c4 100644 --- a/app/templates/components/guidance/cards.html +++ b/app/templates/components/guidance/cards.html @@ -7,9 +7,7 @@
diff --git a/app/templates/components/guidance/nav_breadcrumb.html b/app/templates/components/guidance/nav_breadcrumb.html index 4c3ae34b8..d6cba4cb6 100644 --- a/app/templates/components/guidance/nav_breadcrumb.html +++ b/app/templates/components/guidance/nav_breadcrumb.html @@ -2,7 +2,7 @@
For example, we’ve seen Medicaid programs use trust-markers in renewal texts
-For example, we’ve seen Medicaid programs use trust-markers in renewal texts –
{{item.p_text |safe}}
@@ -70,7 +70,11 @@- In the US, no matter where texts are coming from, a recipient has the right to revoke consent at any time through any reasonable means. For example, a text recipient can always opt out of receiving text messages from a phone number by responding “STOP”, “QUIT”, or one of several other keywords. + In the US, no matter where texts are coming from, a recipient has the right to revoke consent at any time through any + reasonable means. For example, a text recipient can always opt out of receiving text messages from a phone number by + responding “STOP”, “QUIT”, or one of several other keywords.
@@ -87,7 +91,10 @@
- Consider the risks if someone who is not the intended recipient receives the text message. Establish an internal process to keep your phone number list up-to-date. The FCC offers a Reassigned Numbers Database to identify phone numbers that may have been reassigned since your agency obtained them. + Consider the risks if someone who is not the intended recipient receives the text message. Establish an internal process + to keep your phone number list up-to-date. The FCC offers a Reassigned + Numbers Database to identify phone numbers that may have been reassigned since your agency obtained them.