Updating site to use USWDS styles (#509)

* 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

View File

@@ -7,43 +7,43 @@
{% block content_column_content %}
<h1 class="heading heading-large">Emails</h1>
<p class="govuk-body">Send an unlimited number of emails for free with U.S. Notify.</p>
<h1 class="font-body-2xl">Emails</h1>
<p>Send an unlimited number of emails for free with U.S. Notify.</p>
{% if not current_user.is_authenticated %}
<p class="govuk-body"><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.register') }}">Create an account</a> and try Notify for yourself.</p>
<p><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.register') }}">Create an account</a> and try Notify for yourself.</p>
{% endif %}
<h2 class="heading heading-medium">Features</h2>
<p class="govuk-body">Notify makes it easy to:</p>
<p>Notify makes it easy to:</p>
<ul class="list list-bullet">
<li>create reusable email templates</li>
<li>personalize the content of your emails</li>
<li>send and schedule bulk messages</li>
</ul>
<p class="govuk-body">You can also <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">integrate with our API</a> to send emails automatically.</p>
<p>You can also <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">integrate with our API</a> to send emails automatically.</p>
<h3 class="heading heading-small" id="branding">Email branding</h3>
<p class="govuk-body">Add your organizations logo and brand color to email templates.</p>
<p class="govuk-body">See <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.branding_and_customisation', _anchor='email-branding') }}">how to change your email branding</a>.</p>
<h3 class="font-body-md margin-bottom-2" id="branding">Email branding</h3>
<p>Add your organizations logo and brand color to email templates.</p>
<p>See <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.branding_and_customisation', _anchor='email-branding') }}">how to change your email branding</a>.</p>
<h3 class="heading heading-small" id="send-files">Send files by email</h3>
<p class="govuk-body">Notify offers a safe and reliable way to send files by email.</p>
<p class="govuk-body">Upload a file using our API, then send your users an email with a link to download it.</p>
<p class="govuk-body">Notify uses encrypted links instead of email attachments because:</p>
<h3 class="font-body-md margin-bottom-2" id="send-files">Send files by email</h3>
<p>Notify offers a safe and reliable way to send files by email.</p>
<p>Upload a file using our API, then send your users an email with a link to download it.</p>
<p>Notify uses encrypted links instead of email attachments because:</p>
<ul class="list list-bullet">
<li>theyre more secure</li>
<!--<li>you can track when the recipient downloads your document</li>-->
<li>email attachments are often marked as spam</li>
</ul>
<p class="govuk-body">Read our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">API documentation</a> for more information.</p>
<p>Read our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">API documentation</a> for more information.</p>
<h3 class="heading heading-small" id="reply-to">Add a reply-to address</h3>
<p class="govuk-body">Notify lets you choose the email address that users reply to.</p>
<p class="govuk-body">Emails with a reply-to address seem more trustworthy and are less likely to be labelled as spam.</p>
<p class="govuk-body">See <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.branding_and_customisation', _anchor='reply-to-address') }}">how to add a reply-to address</a>.</p>
<h3 class="font-body-md margin-bottom-2" id="reply-to">Add a reply-to address</h3>
<p>Notify lets you choose the email address that users reply to.</p>
<p>Emails with a reply-to address seem more trustworthy and are less likely to be labelled as spam.</p>
<p>See <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.branding_and_customisation', _anchor='reply-to-address') }}">how to add a reply-to address</a>.</p>
<h2 class="heading heading-medium">Pricing</h2>
<p class="govuk-body">Its free to send emails through Notify.</p>
<p class="govuk-body"><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.pricing') }}">See pricing</a> for more details.</p>
<p>Its free to send emails through Notify.</p>
<p><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.pricing') }}">See pricing</a> for more details.</p>
{% endblock %}

View File

@@ -8,29 +8,29 @@
{% block content_column_content %}
<h1 class="heading heading-large">Text messages</h1>
<p class="govuk-body">Send thousands of free text messages to US phone numbers with Notify.</p>
<h1 class="font-body-2xl">Text messages</h1>
<p>Send thousands of free text messages to US phone numbers with Notify.</p>
{% if not current_user.is_authenticated %}
<p class="govuk-body"><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.register') }}">Create an account</a> and try Notify for yourself.</p>
<p><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.register') }}">Create an account</a> and try Notify for yourself.</p>
{% endif %}
<h2 class="heading heading-medium">Features</h2>
<p class="govuk-body">Notify makes it easy to:</p>
<p>Notify makes it easy to:</p>
<ul class="list list-bullet">
<li>create reusable text message templates</li>
<li>personalize the content of your texts</li>
<li>send and schedule bulk messages</li></ul>
<!-- <p class="govuk-body">You can also <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">integrate with our API</a> to send text messages automatically.<p class="govuk-body">
<!-- <p>You can also <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.documentation') }}">integrate with our API</a> to send text messages automatically.<p>
<h3 class="heading heading-small" id="receive">Receive text messages</h3>
<p class="govuk-body">Let people send messages to your service or reply to your texts.</p>
<p class="govuk-body">You can see and reply to the messages you receive when you sign in to Notify. If youre using our API, you can set up your own automated processes to manage replies.</p>
<p class="govuk-body"><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.support') }}">Contact us</a> to request a unique number for text message replies.</p> -->
<h3 class="font-body-md margin-bottom-2" id="receive">Receive text messages</h3>
<p>Let people send messages to your service or reply to your texts.</p>
<p>You can see and reply to the messages you receive when you sign in to Notify. If youre using our API, you can set up your own automated processes to manage replies.</p>
<p><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.support') }}">Contact us</a> to request a unique number for text message replies.</p> -->
<h3 class="heading heading-small" id="sender">Show people who your texts are from</h3>
<p class="govuk-body">When you send a text message with Notify, the sender name tells people who its from.</p>
<h3 class="font-body-md margin-bottom-2" id="sender">Show people who your texts are from</h3>
<p>When you send a text message with Notify, the sender name tells people who its 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>
@@ -39,7 +39,7 @@
</ol>
<h2 class="heading heading-medium">Pricing<h2>
<p class="govuk-body">Each service you add has an annual allowance of free text messages.</p>
<p class="govuk-body"><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.pricing', _anchor='text-messages') }}">See pricing</a> for more details.</p>
<p>Each service you add has an annual allowance of free text messages.</p>
<p><a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.pricing', _anchor='text-messages') }}">See pricing</a> for more details.</p>
{% endblock %}