From 282e27034d4449079d80f0fc190454e2a1ea6ccf Mon Sep 17 00:00:00 2001 From: Beverly Nguyen Date: Tue, 1 Oct 2024 12:28:05 -0700 Subject: [PATCH] revised content --- app/assets/images/007-community.svg | 91 ++++++++ app/assets/images/015-live-chat.svg | 1 + app/assets/images/030-community.svg | 106 ++++++++++ app/assets/images/030-goal.svg | 1 + app/assets/images/031-target.svg | 1 + app/assets/images/053-benchmarking.svg | 1 + app/assets/images/action-1.svg | 1 + app/assets/images/action-2.svg | 1 + app/assets/images/action.svg | 1 + app/assets/images/analytics.svg | 1 + app/assets/images/benchmark.svg | 1 + app/assets/images/benchmarking-1.svg | 1 + app/assets/images/benchmarking.svg | 1 + app/assets/images/chart.svg | 1 + app/assets/images/community-2.svg | 1 + app/assets/images/community.svg | 137 ++++++++++++ app/assets/images/compliant-1.svg | 1 + app/assets/images/compliant.svg | 1 + app/assets/images/customer-service.svg | 1 + app/assets/images/data.svg | 1 + app/assets/images/diversity.svg | 1 + app/assets/images/employees.svg | 120 +++++++++++ app/assets/images/goal.svg | 1 + app/assets/images/group-1.svg | 98 +++++++++ app/assets/images/group-2.svg | 166 +++++++++++++++ app/assets/images/group.svg | 1 + app/assets/images/grouping.svg | 1 + app/assets/images/handshake.svg | 1 + app/assets/images/headset.svg | 50 +++++ app/assets/images/high-five.svg | 88 ++++++++ app/assets/images/honesty.svg | 1 + app/assets/images/landing-page.svg | 1 + app/assets/images/language.svg | 1 + app/assets/images/languages-1.svg | 1 + app/assets/images/languages.svg | 1 + app/assets/images/live-chat-1.svg | 1 + app/assets/images/live-chat.svg | 1 + app/assets/images/management.svg | 198 ++++++++++++++++++ app/assets/images/network.svg | 1 + app/assets/images/organization.svg | 1 + app/assets/images/prioritize.svg | 1 + app/assets/images/project-management.svg | 1 + app/assets/images/project.svg | 60 ++++++ app/assets/images/protected.svg | 1 + app/assets/images/run.svg | 1 + .../images/runer-silhouette-running-fast.svg | 61 ++++++ app/assets/images/runner.svg | 106 ++++++++++ app/assets/images/star.svg | 1 + app/assets/images/support.svg | 78 +++++++ app/assets/images/target.svg | 1 + app/assets/images/team-1.svg | 126 +++++++++++ app/assets/images/team.svg | 1 + app/assets/images/teamwork-1.svg | 1 + app/assets/images/teamwork.svg | 1 + app/assets/images/translation.svg | 1 + app/assets/images/trust.svg | 1 + app/assets/images/world-wide-web.svg | 65 ++++++ .../uswds/_uswds-theme-custom-styles.scss | 104 +++++++-- app/templates/components/guidance/cards.html | 4 +- .../components/guidance/nav_breadcrumb.html | 2 +- app/templates/views/guidance/clear-goals.html | 162 +++++++------- .../views/guidance/establish-trust.html | 12 +- app/templates/views/guidance/guidance.html | 13 +- .../views/guidance/rules-and-regulations.html | 29 ++- 64 files changed, 1806 insertions(+), 112 deletions(-) create mode 100644 app/assets/images/007-community.svg create mode 100644 app/assets/images/015-live-chat.svg create mode 100644 app/assets/images/030-community.svg create mode 100644 app/assets/images/030-goal.svg create mode 100644 app/assets/images/031-target.svg create mode 100644 app/assets/images/053-benchmarking.svg create mode 100644 app/assets/images/action-1.svg create mode 100644 app/assets/images/action-2.svg create mode 100644 app/assets/images/action.svg create mode 100644 app/assets/images/analytics.svg create mode 100644 app/assets/images/benchmark.svg create mode 100644 app/assets/images/benchmarking-1.svg create mode 100644 app/assets/images/benchmarking.svg create mode 100644 app/assets/images/chart.svg create mode 100644 app/assets/images/community-2.svg create mode 100644 app/assets/images/community.svg create mode 100644 app/assets/images/compliant-1.svg create mode 100644 app/assets/images/compliant.svg create mode 100644 app/assets/images/customer-service.svg create mode 100644 app/assets/images/data.svg create mode 100644 app/assets/images/diversity.svg create mode 100644 app/assets/images/employees.svg create mode 100644 app/assets/images/goal.svg create mode 100644 app/assets/images/group-1.svg create mode 100644 app/assets/images/group-2.svg create mode 100644 app/assets/images/group.svg create mode 100644 app/assets/images/grouping.svg create mode 100644 app/assets/images/handshake.svg create mode 100644 app/assets/images/headset.svg create mode 100644 app/assets/images/high-five.svg create mode 100644 app/assets/images/honesty.svg create mode 100644 app/assets/images/landing-page.svg create mode 100644 app/assets/images/language.svg create mode 100644 app/assets/images/languages-1.svg create mode 100644 app/assets/images/languages.svg create mode 100644 app/assets/images/live-chat-1.svg create mode 100644 app/assets/images/live-chat.svg create mode 100644 app/assets/images/management.svg create mode 100644 app/assets/images/network.svg create mode 100644 app/assets/images/organization.svg create mode 100644 app/assets/images/prioritize.svg create mode 100644 app/assets/images/project-management.svg create mode 100644 app/assets/images/project.svg create mode 100644 app/assets/images/protected.svg create mode 100644 app/assets/images/run.svg create mode 100644 app/assets/images/runer-silhouette-running-fast.svg create mode 100644 app/assets/images/runner.svg create mode 100644 app/assets/images/star.svg create mode 100644 app/assets/images/support.svg create mode 100644 app/assets/images/target.svg create mode 100644 app/assets/images/team-1.svg create mode 100644 app/assets/images/team.svg create mode 100644 app/assets/images/teamwork-1.svg create mode 100644 app/assets/images/teamwork.svg create mode 100644 app/assets/images/translation.svg create mode 100644 app/assets/images/trust.svg create mode 100644 app/assets/images/world-wide-web.svg 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 @@

{{item.card_heading}}

-
- {{item.card_heading}} image -
+ {{item.card_heading}} image

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 @@

  1. Guidance: + class="usa-link navigation-organization-link">Guidance
    2. {% if title %}
  2. diff --git a/app/templates/views/guidance/clear-goals.html b/app/templates/views/guidance/clear-goals.html index b42efe3fa..3b9b56411 100644 --- a/app/templates/views/guidance/clear-goals.html +++ b/app/templates/views/guidance/clear-goals.html @@ -15,7 +15,7 @@ action or influence behavior. Therefore, when starting to plan your texting campaign, it’s important to start with the end in mind.

    -
    +

    To establish clear goals, start by answering the following questions: @@ -34,66 +34,87 @@

    Dept. of Human Services: We believe your EBT card may have been used by someone else. Please call the number on the back of your card (888-123-5555) to cancel and get a new one. If you need a new card immediately, please visit your local office.

    -
    +
    -

    Use texting to share timely information, provide critical status updates, or remind someone to do something.

    - {% set list_item_dos = [ - { - "list_content": "Your application is due on…", - }, - { - "list_content": "We need more information from you to process your application for…", - }, - { - "list_content": "We will be calling you about…at…", - }, - { - "list_content": "We will be calling you about…at…", - }, - ] %} -

    Examples:

    -
      - {% for item in list_item_dos %} -
    • - check circle -
      - {{item.list_content}} -
      -
      • - {% endfor %} -
    -
    +
    +
    +

    + + What to do +

    +
    +

    Use texting to share timely + information, provide critical status updates, or remind someone to do something.

    +

    Examples:

    + {% set list_item_dos = [ + { + "list_content": "Your application is due on…", + }, + { + "list_content": "We need more information from you to process your application for…", + }, + { + "list_content": "We will be calling you about…at…", + }, + { + "list_content": "We will be calling you about…at…", + }, + ] %} +
      + {% for item in list_item_dos %} +
    • + {{item.list_content}} +
      • + {% endfor %} +
    +
    +
    +
    +
    -

    Texting is not great for long, detailed instructions or frequent reminders that may be ignored. -

    -

    Examples:

    - {% set list_item_donts = [ - { - "list_content": "Your rights and responsibilities", - }, - { - "list_content": "How to complete your application", - }, - { - "list_content": "Weekly reminder not to share your account information", - }, - ] %} -
      - {% for item in list_item_donts %} -
    • - cancel circle -
      {{item.list_content}}
      -
      • - {% endfor %} -
    -
    -
    +
    +
    +

    + What not to do +

    +
    +

    Texting is not great for long, + detailed instructions or frequent reminders that may be ignored. +

    +

    Examples:

    + {% set list_item_donts = [ + { + "list_content": "Your rights and responsibilities", + }, + { + "list_content": "How to complete your application", + }, + { + "list_content": "Weekly reminder not to share your account information", + }, + ] %} +
      + {% for item in list_item_donts %} +
    • + {{item.list_content}} +
      • + {% endfor %} +
    +
    +
    +
    +

    +

    Your program may already be communicating with your audience through methods like mailed notices and phone calls. Think of text messages as complementary to your existing communications. Review how well you are currently reaching your audience. Are there methods or gaps that could be supplemented with a text message?

    - The Department of Veterans Affairs provides a helpful flow-chart that can help you decide if a text message is needed @@ -105,15 +126,9 @@ result of implementing text messaging at your agency. For example:

    - -
      -
    • - We believe that texting [specific group of people] when [this happens or on this cadence] to inform/alert them - about - [subject] will result in [desired action]. -
      • -
    - +

    We believe that texting [specific group of people] when [this happens or on this + cadence] to + inform/alert them about [subject] will result in [desired action].

    Review your drafted hypothesis with your team to make sure everyone is aligned on your desired goals. A clear and concise hypothesis can help you decide how to write text message content @@ -153,14 +168,19 @@ the results you want?", }, ] %} -

    +
    +
    +
    +
      + {% for item in list_performance_dos %} +
    • + {{item.list_content |safe}} +
      • + {% endfor %} +
    +
    +
    +
    diff --git a/app/templates/views/guidance/establish-trust.html b/app/templates/views/guidance/establish-trust.html index 3d53a1fbe..f2edfeeab 100644 --- a/app/templates/views/guidance/establish-trust.html +++ b/app/templates/views/guidance/establish-trust.html @@ -103,9 +103,9 @@

+

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 –

Provide helpful auto-responses