diff --git a/app/assets/images/007-community.svg b/app/assets/images/007-community.svg deleted file mode 100644 index df09bf673..000000000 --- a/app/assets/images/007-community.svg +++ /dev/null @@ -1,91 +0,0 @@ - - - diff --git a/app/assets/images/015-live-chat.svg b/app/assets/images/015-live-chat.svg deleted file mode 100644 index 4099266a3..000000000 --- a/app/assets/images/015-live-chat.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/030-community.svg b/app/assets/images/030-community.svg deleted file mode 100644 index b49b5d385..000000000 --- a/app/assets/images/030-community.svg +++ /dev/null @@ -1,106 +0,0 @@ - - - diff --git a/app/assets/images/030-goal.svg b/app/assets/images/030-goal.svg deleted file mode 100644 index 8fcd98093..000000000 --- a/app/assets/images/030-goal.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/031-target.svg b/app/assets/images/031-target.svg deleted file mode 100644 index 665f4f7df..000000000 --- a/app/assets/images/031-target.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/053-benchmarking.svg b/app/assets/images/053-benchmarking.svg deleted file mode 100644 index 0f7eec5eb..000000000 --- a/app/assets/images/053-benchmarking.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/action-1.svg b/app/assets/images/action-1.svg deleted file mode 100644 index 5a83a81c2..000000000 --- a/app/assets/images/action-1.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/action-2.svg b/app/assets/images/action-2.svg deleted file mode 100644 index fec1fdf28..000000000 --- a/app/assets/images/action-2.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/action.svg b/app/assets/images/action.svg deleted file mode 100644 index c397e580a..000000000 --- a/app/assets/images/action.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/analytics.svg b/app/assets/images/analytics.svg deleted file mode 100644 index 7e35bcd38..000000000 --- a/app/assets/images/analytics.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/benchmark.svg b/app/assets/images/benchmark.svg deleted file mode 100644 index cd36e04fa..000000000 --- a/app/assets/images/benchmark.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/benchmarking-1.svg b/app/assets/images/benchmarking-1.svg deleted file mode 100644 index b8a329be1..000000000 --- a/app/assets/images/benchmarking-1.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/benchmarking.svg b/app/assets/images/benchmarking.svg deleted file mode 100644 index cbad5ad82..000000000 --- a/app/assets/images/benchmarking.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/chart.svg b/app/assets/images/chart.svg deleted file mode 100644 index 91fe49adf..000000000 --- a/app/assets/images/chart.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/community-2.svg b/app/assets/images/community-2.svg deleted file mode 100644 index fcc0194af..000000000 --- a/app/assets/images/community-2.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/community.svg b/app/assets/images/community.svg deleted file mode 100644 index 719164bd3..000000000 --- a/app/assets/images/community.svg +++ /dev/null @@ -1,137 +0,0 @@ - - - diff --git a/app/assets/images/compliant-1.svg b/app/assets/images/compliant-1.svg deleted file mode 100644 index d75f476ec..000000000 --- a/app/assets/images/compliant-1.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/compliant.svg b/app/assets/images/compliant.svg deleted file mode 100644 index 2e77b75c2..000000000 --- a/app/assets/images/compliant.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/customer-service.svg b/app/assets/images/customer-service.svg deleted file mode 100644 index 30e91dacc..000000000 --- a/app/assets/images/customer-service.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/data.svg b/app/assets/images/data.svg deleted file mode 100644 index b0419ca2e..000000000 --- a/app/assets/images/data.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/diversity.svg b/app/assets/images/diversity.svg deleted file mode 100644 index d87a0b4a4..000000000 --- a/app/assets/images/diversity.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/employees.svg b/app/assets/images/employees.svg deleted file mode 100644 index 094bd0e56..000000000 --- a/app/assets/images/employees.svg +++ /dev/null @@ -1,120 +0,0 @@ - - - diff --git a/app/assets/images/goal.svg b/app/assets/images/goal.svg deleted file mode 100644 index 90bdb1356..000000000 --- a/app/assets/images/goal.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/group-1.svg b/app/assets/images/group-1.svg deleted file mode 100644 index 21a3cd44c..000000000 --- a/app/assets/images/group-1.svg +++ /dev/null @@ -1,98 +0,0 @@ - - - diff --git a/app/assets/images/group-2.svg b/app/assets/images/group-2.svg deleted file mode 100644 index 16779d5e5..000000000 --- a/app/assets/images/group-2.svg +++ /dev/null @@ -1,166 +0,0 @@ - - - diff --git a/app/assets/images/group.svg b/app/assets/images/group.svg deleted file mode 100644 index 057a9bebf..000000000 --- a/app/assets/images/group.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/guidance-card-sprite.svg b/app/assets/images/guidance-card-sprite.svg new file mode 100644 index 000000000..0591b73fb --- /dev/null +++ b/app/assets/images/guidance-card-sprite.svg @@ -0,0 +1,119 @@ + diff --git a/app/assets/images/handshake.svg b/app/assets/images/handshake.svg deleted file mode 100644 index df636f8ae..000000000 --- a/app/assets/images/handshake.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/headset.svg b/app/assets/images/headset.svg deleted file mode 100644 index b52c97a62..000000000 --- a/app/assets/images/headset.svg +++ /dev/null @@ -1,50 +0,0 @@ - - - diff --git a/app/assets/images/high-five.svg b/app/assets/images/high-five.svg deleted file mode 100644 index 698c3ac1f..000000000 --- a/app/assets/images/high-five.svg +++ /dev/null @@ -1,88 +0,0 @@ - - - diff --git a/app/assets/images/honesty.svg b/app/assets/images/honesty.svg deleted file mode 100644 index e7206bd0c..000000000 --- a/app/assets/images/honesty.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/landing-page.svg b/app/assets/images/landing-page.svg deleted file mode 100644 index 2b38a11ad..000000000 --- a/app/assets/images/landing-page.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/language.svg b/app/assets/images/language.svg deleted file mode 100644 index 6cd8eab46..000000000 --- a/app/assets/images/language.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/languages-1.svg b/app/assets/images/languages-1.svg deleted file mode 100644 index 6696c3448..000000000 --- a/app/assets/images/languages-1.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/languages.svg b/app/assets/images/languages.svg deleted file mode 100644 index 815069e73..000000000 --- a/app/assets/images/languages.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/live-chat-1.svg b/app/assets/images/live-chat-1.svg deleted file mode 100644 index 5902c6a6c..000000000 --- a/app/assets/images/live-chat-1.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/live-chat.svg b/app/assets/images/live-chat.svg deleted file mode 100644 index f6e78b53a..000000000 --- a/app/assets/images/live-chat.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/management.svg b/app/assets/images/management.svg deleted file mode 100644 index 7cb8d572c..000000000 --- a/app/assets/images/management.svg +++ /dev/null @@ -1,198 +0,0 @@ - - - diff --git a/app/assets/images/network.svg b/app/assets/images/network.svg deleted file mode 100644 index f03a16146..000000000 --- a/app/assets/images/network.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/organization.svg b/app/assets/images/organization.svg deleted file mode 100644 index 06b60b69f..000000000 --- a/app/assets/images/organization.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/prioritize.svg b/app/assets/images/prioritize.svg deleted file mode 100644 index b52917526..000000000 --- a/app/assets/images/prioritize.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/project.svg b/app/assets/images/project.svg deleted file mode 100644 index 7627d8888..000000000 --- a/app/assets/images/project.svg +++ /dev/null @@ -1,60 +0,0 @@ - - - diff --git a/app/assets/images/protected.svg b/app/assets/images/protected.svg deleted file mode 100644 index 6e9b32ec8..000000000 --- a/app/assets/images/protected.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/run.svg b/app/assets/images/run.svg deleted file mode 100644 index 44be4437f..000000000 --- a/app/assets/images/run.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/runer-silhouette-running-fast.svg b/app/assets/images/runer-silhouette-running-fast.svg deleted file mode 100644 index a5c1b350e..000000000 --- a/app/assets/images/runer-silhouette-running-fast.svg +++ /dev/null @@ -1,61 +0,0 @@ - - - - diff --git a/app/assets/images/runner.svg b/app/assets/images/runner.svg deleted file mode 100644 index 12df022ad..000000000 --- a/app/assets/images/runner.svg +++ /dev/null @@ -1,106 +0,0 @@ - - - diff --git a/app/assets/images/star.svg b/app/assets/images/star.svg deleted file mode 100644 index 2104cea5a..000000000 --- a/app/assets/images/star.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/support.svg b/app/assets/images/support.svg deleted file mode 100644 index 2f062fd12..000000000 --- a/app/assets/images/support.svg +++ /dev/null @@ -1,78 +0,0 @@ - - - diff --git a/app/assets/images/target.svg b/app/assets/images/target.svg deleted file mode 100644 index 665f4f7df..000000000 --- a/app/assets/images/target.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/team-1.svg b/app/assets/images/team-1.svg deleted file mode 100644 index ce7b09aed..000000000 --- a/app/assets/images/team-1.svg +++ /dev/null @@ -1,126 +0,0 @@ - - - diff --git a/app/assets/images/team.svg b/app/assets/images/team.svg deleted file mode 100644 index d257f41ee..000000000 --- a/app/assets/images/team.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/teamwork-1.svg b/app/assets/images/teamwork-1.svg deleted file mode 100644 index b4d0e2394..000000000 --- a/app/assets/images/teamwork-1.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/teamwork.svg b/app/assets/images/teamwork.svg deleted file mode 100644 index 8798f2a88..000000000 --- a/app/assets/images/teamwork.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/translation.svg b/app/assets/images/translation.svg deleted file mode 100644 index a18becba0..000000000 --- a/app/assets/images/translation.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/trust-1.svg b/app/assets/images/trust-1.svg deleted file mode 100644 index 8dbe2626a..000000000 --- a/app/assets/images/trust-1.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/trust.svg b/app/assets/images/trust.svg deleted file mode 100644 index 1dfa5064a..000000000 --- a/app/assets/images/trust.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/assets/images/world-wide-web.svg b/app/assets/images/world-wide-web.svg deleted file mode 100644 index 3e0fa6e73..000000000 --- a/app/assets/images/world-wide-web.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index adb27942c..151477881 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -807,13 +807,6 @@ $do-dont-top-bar-width: 1; border-radius: 2px; } -img.guidance_card_img { - display: block; - width: 50%; - height: auto; - margin: 0 auto; -} - .svg-circle-icon { display: inline-block; margin: 0; @@ -831,3 +824,30 @@ img.guidance_card_img { flex-direction: column; } } + +.linked-content:hover { + cursor: pointer; + transform: scale(1.05); + transition: transform 0.3s ease, background-color 0.3s ease, +} + +li.linked-card > div:first-child { + border-color: #005ea2; +} + +li.linked-card:hover h4, +li.linked-card:hover p, +.guidance_card_img{ + color: #005ea2; +} + +.guidance_card_img { + display: block; + width: 50%; + height: auto; + margin: 0 auto; +} + +.guidance_link { + text-decoration: none; +} diff --git a/app/templates/components/guidance/cards.html b/app/templates/components/guidance/cards.html index 0166aa6e8..53fdcffa0 100644 --- a/app/templates/components/guidance/cards.html +++ b/app/templates/components/guidance/cards.html @@ -5,31 +5,42 @@
+
{{item.p_text|safe}}
When the Center - on Budget and Policy Priorities studied WIC, they found key learnings about the quantity of messages - delivered, how people engage with messages, and how they take action. -
-Benchmark: 80% of texts are successfully delivered -
-- You may discover that some numbers are temporarily or permanently unavailable due to service being discontinued, - numbers changing, or being a landline. + target="_blank">Center on Budget and Policy Priorities studied WIC, they found key learnings about the + quantity of messages delivered, how people engage with messages, and how they take action.
-Benchmark: Engagement rates with texts ranged from 17% - to 26%
-- The highest rate of engagement with a text comes within hours of sending. Engagement rates include any kind of - action taken due to a text, including replying “STOP” to prevent future texts. +
Benchmark: 80% of texts are + successfully delivered
++ You may discover that some numbers are temporarily or permanently unavailable due to service being + discontinued, + numbers changing, or being a landline. +
+Benchmark: Requesting appointments after receiving texts ranged from 4% to 9%
-- Requesting appointments is a specific type of engagement. Provide a phone number or link to an online appointment - request form. -
+ +Benchmark: Engagement rates with texts ranged from 17% + to 26%
++ The highest rate of engagement with a text comes within hours of sending. Engagement rates include any kind + of + action taken due to a text, including replying “STOP” to prevent future texts. +
+Benchmark: Requesting appointments after receiving texts ranged + from 4% to 9%
++ Requesting appointments is a specific type of engagement. Provide a phone number or link to an online + appointment + request form. +
+- The Code for America’s Texting Playbook reported specific learnings around appointment reminders, completing + The Code for America’s Texting + Playbook + reported specific learnings around appointment reminders, completing document submission, and maintenance reminders.
-Benchmark: Clients were 79% more likely to keep - their appointment after receiving a text reminder.
-You will likely see more completed appointments.
+Benchmark: Clients were 79% more + likely + to keep + their appointment after receiving a text reminder.
+You will likely see more completed appointments.
+Benchmark: Clients were 55% more likely to complete - an interview after receiving an interview reminder
-You will likely see more completed interviews.
+Benchmark: Clients were 55% more + likely + to complete + an interview after receiving an interview reminder
+You will likely see more completed interviews.
+- Benchmark: Clients were 6% more likely to complete document submission after - receiving a customized list of required documents via text -
-To encourage response, provide a custom list of the needed documents and information about how to submit them.
++ Benchmark: Clients were 6% more likely to complete document submission after + receiving a customized list of required documents via text +
+To encourage response, provide a custom list of the needed documents and information about how to submit + them. +
+Benchmark: Text reminders improved case maintenance rates by 21%
-You may see less turnover in your case rates.
+Benchmark: Text reminders improved case maintenance rates by 21%
+You may see less turnover in your case rates.
+For texting the public
-Effectively reaching your audience and supporting your program’s goals starts with strategically planning out what text messages can help you achieve and how to approach a thoughtful rollout. +
Effectively reaching your audience and supporting your program’s goals starts with strategically planning out what + text messages can help you achieve and how to approach a thoughtful rollout.
This set of best practices will help you get an effective texting initiative up and running.
{% set card_header = "Key elements of a texting campaign" %} {% set card_contents = [ - { - "image_src": asset_url('images/goal.svg'), - "card_heading": "Establish clear goals", - "p_text": "Start with a singular purpose. Make explicit what you want to achieve.", - }, - { - "image_src": asset_url('images/compliant.svg'), - "card_heading": "Follow rules & regulations", - "p_text": "Understand what is required when texting the public.", - }, - { - "image_src": asset_url('images/trust.svg'), - "card_heading": "Establish trust", - "p_text": "Help your audience anticipate and welcome your texts.", - }, - { - "image_src": asset_url('images/runner.svg'), - "card_heading": "Write texts that provoke action", - "p_text": "Help your audience know what to do with the information you send.", - }, - { - "image_src": asset_url('images/language.svg'), - "card_heading": "Send texts in multiple languages", - "p_text": "What to know as you plan translated texts.", - }, - { - "image_src": asset_url('images/chart.svg'), - "card_heading": "Measure performance with benchmarking", - "p_text": "Learn how effective your texting program can be.", - } + { + "svg_src": "goal", + "card_heading": "Establish clear goals", + "p_text": "Start with a singular purpose. Make explicit what you want to achieve.", + "link": "/guidance/clear-goals" + }, + { + "svg_src": "compliant", + "card_heading": "Follow rules & regulations", + "p_text": "Understand what is required when texting the public.", + "link": "/guidance/rules-and-regulations" + }, + { + "svg_src": "trust", + "card_heading": "Establish trust", + "p_text": "Help your audience anticipate and welcome your texts.", + "link": "/guidance/establish-trust" + }, + { + "svg_src": "runner", + "card_heading": "Write texts that provoke action", + "p_text": "Help your audience know what to do with the information you send.", + "link": "/guidance/write-for-action" + }, + { + "svg_src": "language", + "card_heading": "Send texts in multiple languages", + "p_text": "What to know as you plan translated texts.", + "link": "/guidance/multiple-languages" + }, + { + "svg_src": "chart", + "card_heading": "Measure performance with benchmarking", + "p_text": "Learn how effective your texting program can be.", + "link": "/guidance/benchmark-performance" + } ] %} {% with card_header=card_header, card_contents=card_contents %}{% include "components/guidance/cards.html" %}{% diff --git a/app/templates/views/guidance/write-for-action.html b/app/templates/views/guidance/write-for-action.html index 29651573f..d5587654b 100644 --- a/app/templates/views/guidance/write-for-action.html +++ b/app/templates/views/guidance/write-for-action.html @@ -60,7 +60,7 @@