darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-08 19:43:11 -04:00
Code Issues Packages Projects Releases Wiki Activity

Updating site to use USWDS styles (#509)

Browse Source 
* Updated header and footer
* Updated fonts
* Moved files around and updated gulpfile to correct the build process when it goes to production
* Adjusted grid templating
* Added images to assets
* Update app/templates/components/uk_components/footer/template.njk

Co-authored-by: Steven Reilly <stvnrlly@users.noreply.github.com>
This commit is contained in:
Jonathan Bobel
2023-06-06 15:28:24 -04:00
committed by GitHub
parent ff350fee00
commit f342e0fb6c
152 changed files with 1094 additions and 716 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/templates/views/guidance/branding-and-customisation.html
View File

@@ -7,9 +7,9 @@
{% block content_column_content %}
<h1 class="heading-large">Branding and customization</h1>
<h1 class="font-body-2xl margin-bottom-3">Branding and customization</h1>
<!-- <p class="govuk-body">This page explains how to:</p>
<!-- <p>This page explains how to:</p>
<ul class="list list-bullet">
<li><a class="govuk-link govuk-link--no-visited-state" href="#email-branding">change your email branding</a></li>
@@ -17,22 +17,22 @@
<li><a class="govuk-link govuk-link--no-visited-state" href="#text-message-sender">change the text message sender</a></li>
</ul>
<h2 class="heading-medium" id="email-branding">Change your email branding</h2>
<h2 class="font-body-lg" id="email-branding">Change your email branding</h2>
<p class="govuk-body">The default branding for email templates is the U.S. Notifylogo.</p>
<p>The default branding for email templates is the U.S. Notifylogo.</p>
<p class="govuk-body">To change your email branding:</p>
<p>To change your email branding:</p>
<ol class="list list-number">
<li>Go to the <b class="govuk-!-font-weight-bold">Email settings</b> section of the {{ service_link(current_service, 'main.service_settings', 'settings') }} page.</li>
<li>Select <b class="govuk-!-font-weight-bold">Change</b> on the <b class="govuk-!-font-weight-bold">Email branding</b> row.</li>
</ol>
<h2 class="heading-medium" id="reply-to-address">Add a reply-to email address</h2>
<h2 class="font-body-lg" id="reply-to-address">Add a reply-to email address</h2>
<p class="govuk-body">You can choose the email address that your users reply to. You must add at least one reply-to address for your service before you can <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.trial_mode_new') }}">request to go live</a>.</p>
<p>You can choose the email address that your users reply to. You must add at least one reply-to address for your service before you can <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.trial_mode_new') }}">request to go live</a>.</p>
<p class="govuk-body">To add a reply-to email address:</p>
<p>To add a reply-to email address:</p>
<ol class="list list-number">
<li>Go to the <b class="govuk-!-font-weight-bold">Email settings</b> section of the {{ service_link(current_service, 'main.service_settings', 'settings') }} page.</li>
@@ -40,11 +40,11 @@
<li>Select <b class="govuk-!-font-weight-bold">Add reply-to address</b>.</li>
</ol> -->
<h2 class="heading-medium" id="text-message-sender">Change the text message sender</h2>
<h2 class="font-body-lg" id="text-message-sender">Change the text message sender</h2>
<p class="govuk-body">The text message sender tells your users who the message is from.</p>
<p>The text message sender tells your users who the message is from.</p>
<p class="govuk-body">To change the text message sender from the default of ‘U.S. Notify’:</p>
<p>To change the text message sender from the default of ‘U.S. Notify’:</p>
<ol class="list list-number">
<li>Go to the <b class="govuk-!-font-weight-bold">Text message settings</b> section of the {{ service_link(current_service, 'main.service_settings', 'settings') }} page.</li>

8
app/templates/views/guidance/create-and-send-messages.html
View File

@@ -7,13 +7,13 @@
{% block content_column_content %}
<h1 class="heading-large">Send messages</h1>
<h1 class="font-body-2xl margin-bottom-3">Send messages</h1>
<p class="govuk-body"><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.register') }}">Create an account</a> to see a short tutorial explaining how to create and send messages.</p>
<p><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.register') }}">Create an account</a> to see a short tutorial explaining how to create and send messages.</p>
<h2 class="heading-medium" id="bulk-sending">Bulk sending</h2>
<h2 class="font-body-lg" id="bulk-sending">Bulk sending</h2>
<p class="govuk-body">To send a batch of messages at once:</p>
<p>To send a batch of messages at once:</p>
<ol class="list list-number">
<li>Go to the {{ service_link(current_service, 'main.choose_template', 'templates') }} page and choose an existing template.</li>
<li>Select <b class="govuk-!-font-weight-bold">Send</b>.</li>

50
app/templates/views/guidance/index.html
View File

@@ -9,11 +9,11 @@
{% block content_column_content %}
<h1 class="heading-large">Guidance</h1>
<h1 class="font-body-2xl margin-bottom-3">Guidance</h1>
<p class="govuk-body">This guidance is for teams using U.S. Notify to send text messages.</p>
<p>This guidance is for teams using U.S. Notify to send text messages.</p>
<p class="govuk-body">It explains how to:</p>
<p>It explains how to:</p>
<ul class="list list-bullet">
<li><a class="govuk-link govuk-link--no-visited-state" href="#editandformat">edit and format messages</a></li>
@@ -21,9 +21,9 @@
<!-- <li><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.send_files_by_email') }}">send files by email</a></li> -->
</ul>
<h2 class="heading-medium" id="#formatting">Edit and format messages</h2>
<h2 class="font-body-lg" id="#formatting">Edit and format messages</h2>
<p class="govuk-body">This section explains how to:</p>
<p>This section explains how to:</p>
<ul class="list list-bullet">
<li><a class="govuk-link govuk-link--no-visited-state" href="#formatting">format your content</a></li>
<li><a class="govuk-link govuk-link--no-visited-state" href="#links">add links</a></li>
@@ -31,25 +31,25 @@
<li><a class="govuk-link govuk-link--no-visited-state" href="#optional-content">add optional content</a></li>
</ul>
<h3 class="heading-small" id="formatting">Format your content</h3>
<h3 class="font-body-lg" id="formatting">Format your content</h3>
<p class="govuk-body">You can see a list of formatting instructions on the edit template page:</p>
<p>You can see a list of formatting instructions on the edit template page:</p>
<ol class="list list-number">
<li>Go to the {{ service_link(current_service, 'main.choose_template', 'templates') }} page.</li>
<li>Add a new template or choose an existing template and select <b class="govuk-!-font-weight-bold">Edit</b>.</li>
</ol>
<h3 class="heading-small" id="links">Add links</h3>
<h3 class="font-body-lg" id="links">Add links</h3>
<p class="govuk-body">When composing a text message, write URLs in full and Notify will convert them into links for you.
<p>When composing a text message, write URLs in full and Notify will convert them into links for you.
</p>
<p class="govuk-body">You cannot convert text into a link.
<p>You cannot convert text into a link.
<!-- Research shows that people like to check a URL looks genuine before clicking the link in an email. This is hard to do if the URL is hidden behind clickable link text.-->
</p>
<p class="govuk-body">We do not recommend using a third-party link shortening service because:</p>
<p>We do not recommend using a third-party link shortening service because:</p>
<ul class="list list-bullet">
<li>your users cannot see where the link will take them</li>
@@ -57,14 +57,14 @@
<li>you can no longer control where the redirect goes</li>
</ul>
<h3 class="heading-small" id="personalised-content">Personalize your content</h3>
<h3 class="font-body-lg" id="personalised-content">Personalize your content</h3>
<p class="govuk-body">To personalize the content of your messages, add a placeholder to the template.</p>
<p>To personalize the content of your messages, add a placeholder to the template.</p>
<p class="govuk-body">Placeholders are filled in with details, like a name or reference number, each time you send a
<p>Placeholders are filled in with details, like a name or reference number, each time you send a
message.</p>
<p class="govuk-body">To add a placeholder to the template:</p>
<p>To add a placeholder to the template:</p>
<ol class="list list-number">
<li>Go to the {{ service_link(current_service, 'main.choose_template', 'templates') }} page.</li>
@@ -74,18 +74,18 @@
<li>Select <b class="govuk-!-font-weight-bold">Save</b>.</li>
</ol>
<p class="govuk-body">When you send a message you can either:</p>
<p>When you send a message you can either:</p>
<ul class="list list-bullet">
<li>manually fill in the placeholders yourself</li>
<li>upload a list of personal details and let Notify do it for you</li>
</ul>
<p class="govuk-body">If you upload a list, the column names need to match the placeholders in your template.</p>
<p>If you upload a list, the column names need to match the placeholders in your template.</p>
<h3 class="heading-small" id="optional-content">Add optional content</h3>
<h3 class="font-body-lg" id="optional-content">Add optional content</h3>
<p class="govuk-body">To add optional content to your messages:</p>
<p>To add optional content to your messages:</p>
<ol class="list list-number">
<li>Go to the {{ service_link(current_service, 'main.choose_template', 'templates') }} page.</li>
@@ -95,7 +95,7 @@
<li>Select <b class="govuk-!-font-weight-bold">Save</b>.</li>
</ol>
<p class="govuk-body">For each person you send this message to, specify ‘yes’ or ‘no’ to show or hide this content. You
<p>For each person you send this message to, specify ‘yes’ or ‘no’ to show or hide this content. You
can either:</p>
<ul class="list list-bullet">
@@ -103,15 +103,15 @@
<li>upload a list of personal details and let Notify do it for you</li>
</ul>
<p class="govuk-body">If you upload a list, the column names need to match the optional content in your template.</p>
<p>If you upload a list, the column names need to match the optional content in your template.</p>
<h2 class="heading-medium" id="branding">Branding and customization</h2>
<h2 class="font-body-lg" id="branding">Branding and customization</h2>
<h3 class="heading-small">Change the text message sender</h3>
<h3 class="font-body-lg">Change the text message sender</h3>
<p class="govuk-body">The text message sender tells your users who the message is from.</p>
<p>The text message sender tells your users who the message is from.</p>
<p class="govuk-body">To change the text message sender from the default of ‘U.S. Notify’:</p>
<p>To change the text message sender from the default of ‘U.S. Notify’:</p>
<ol class="list list-number">
<li>Go to the <b class="govuk-!-font-weight-bold">Text message settings</b> section of the {{

6
app/templates/views/guidance/send-files-by-email.html
View File

@@ -6,10 +6,10 @@
{% block content_column_content %}
<h1 class="heading-large">Send files by email</h1>
<h1 class="font-body-2xl margin-bottom-3">Send files by email</h1>
<p class="govuk-body">To send a file by email, follow the instructions in our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">API documentation</a>.</p>
<p>To send a file by email, follow the instructions in our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">API documentation</a>.</p>
<p class="govuk-body">This is an API-only feature.</p>
<p>This is an API-only feature.</p>
{% endblock %}