diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index fe98aed09..da5d77bf2 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -897,3 +897,22 @@ li.linked-card:hover svg, .usa-sidenav__item a { display: block; } + +.about-icon-list { + display: flex; + width: 24px; + height: 24px; + padding: 2px 1px; + justify-content: center; + align-items: center; + margin-right: 4px; +} + +.usa-icon-list__content{ + padding-left: 0; +} + +.indented-paragraph { + margin-left: calc(24px + 4px); + margin-top: 4px; +} diff --git a/app/main/views/index.py b/app/main/views/index.py index 7728cb325..484318a04 100644 --- a/app/main/views/index.py +++ b/app/main/views/index.py @@ -10,6 +10,7 @@ from app.formatters import apply_html_class, convert_markdown_template from app.main import main from app.main.views.pricing import CURRENT_SMS_RATE from app.main.views.sub_navigation_dictionaries import ( + about_notify_nav, best_practices_nav, features_nav, using_notify_nav, @@ -268,6 +269,15 @@ def benchmark_performance(): ) +@main.route("/about/about") +@user_is_logged_in +def about_notify(): + return render_template( + "views/about/about.html", + navigation_links=about_notify_nav(), + ) + + @main.route("/using-notify/guidance") @user_is_logged_in def guidance_index(): diff --git a/app/main/views/sub_navigation_dictionaries.py b/app/main/views/sub_navigation_dictionaries.py index 0689c198d..cdb793d5c 100644 --- a/app/main/views/sub_navigation_dictionaries.py +++ b/app/main/views/sub_navigation_dictionaries.py @@ -101,3 +101,12 @@ def best_practices_nav(): "link": "main.benchmark_performance", }, ] + + +def about_notify_nav(): + return [ + { + "name": "About notify", + "link": "main.about_notify", + }, + ] diff --git a/app/templates/views/about/about.html b/app/templates/views/about/about.html new file mode 100644 index 000000000..4beff22d9 --- /dev/null +++ b/app/templates/views/about/about.html @@ -0,0 +1,80 @@ +{% extends "base.html" %} + +{% set page_title = "About notify" %} + +{% block per_page_title %} +{{page_title}} +{% endblock %} + +{% block content_column_content %} + +
+

{{page_title}}

+

Notify.gov is a text messaging service built by and for the government. We help agencies communicate more + effectively with the people they serve. With Notify.gov, federal and federally-funded programs can send customized + text messages that make it possible to:

+ +

Notify.gov is an easy-to-use, web-based platform. It requires no technical expertise or system integration — users + can create an account and get started within minutes. We take the security and privacy of messaging data seriously + by minimizing data retention and using modern encryption methods.

+ +

Product Highlights

+ {% set product_highlights = [ + { + "svg_src": "#send", + "card_heading": "Send customized one-way customized messages", + "p_text": "Upload a file with recipient phone numbers and Notify.gov sends customized messages", + }, + { + "svg_src": "#translate", + "card_heading": "Send in recipients’ preferred language", + "p_text": "Notify.gov supports more than 30 character sets to send messages in almost any language", + }, + { + "svg_src": "#trending_up", + "card_heading": "See how messages perform", + "p_text": "Track how many messages you’ve sent and monitor delivery rates", + }, + { + "svg_src": "#add", + "card_heading": "Create and manage multiple services within a single organization", + "p_text": "Set up individual workspaces for different texting services, allowing multiple teams or programs to manage + day-to-day texting operations across an organization", + }, + { + "svg_src": "#people", + "card_heading": "Manage team member and permissions on each service", + "p_text": "Administrators can add users and control what they can do in Notify.gov", + } + ] %} + +

See if Notify is right for you

+

Notify.gov is a product of the Public Benefits Studio, a product accelerator inside + the federal government.

+ + +
+{% endblock %}