Main content upload (#38)

jakecosgrove · emmagifford · RossBugginsNHS · web-flow · commit 8a0b59db9111 · 2024-07-03T20:26:59.000+01:00
* Markdown files added for main navigation pages

Content added to:
/pricing
/pricing/text-messages
/pricing/letters
/pricing/how-to-pay
/get-started
/support

* Markdown files added for all pages for web content first release.

Content added to /features and all subpages apart from /features/roadmap

* Content added to /using-nhs-notify and all subpages

- Links to other subpages have not been added
- Table, inset text and images have not been added

* Spell check

* Added links to internal pages.
Added links to external pages that do not require opening in a new window.
Minor content corrections.

* Links changed to reference docs instead of permalinks.

* Link fixes

* Remove mention of Splunk dashboard

* Added content to the 'Roadmap' page, including headings, bullets and the link to the support page.

* Link fixes - opens in new tab links converted to markdown from in line HTML

* Lowered url in text.

* Changes
- added primary nav pages to nav bar
- images to message channel pages
- amended nav order of /features and /pricing
- included tables, images, inset text and action links where applicable

* Image change

---------

Co-authored-by: emmagifford &lt;162720670+emmagifford@users.noreply.github.com&gt;
Co-authored-by: Ross Buggins &lt;ross.buggins@nhs.net&gt;
diff --git a/docs/_data/primary-navigation.yml b/docs/_data/primary-navigation.yml
@@ -1,14 +1,14 @@
 - title: Features
   link: /features/
 
-# - title: Pricing
-#   link: /pricing/
+- title: Pricing
+  link: /pricing/
 
-# - title: Using NHS Notify
-#   link: /using-nhs-notify/
+- title: Using NHS Notify
+  link: /using-nhs-notify/
 
-# - title: Support
-#   link: /support/
+- title: Support
+  link: /support/
 
-# - title: Get started
-#   link: /get-started/
+- title: Get started
+  link: /get-started/
diff --git a/docs/assets/images/nhs-notify-email-example.svg b/docs/assets/images/nhs-notify-email-example.svg
diff --git a/docs/assets/images/nhs-notify-envelope-example.svg b/docs/assets/images/nhs-notify-envelope-example.svg
diff --git a/docs/assets/images/nhs-notify-iphone-android-sms-example.svg b/docs/assets/images/nhs-notify-iphone-android-sms-example.svg
diff --git a/docs/assets/images/nhs-notify-letter-two-sides-example.svg b/docs/assets/images/nhs-notify-letter-two-sides-example.svg
diff --git a/docs/assets/images/nhs-notify-nhs-app-badge-notification.svg b/docs/assets/images/nhs-notify-nhs-app-badge-notification.svg
@@ -0,0 +1,15 @@
+<svg width="1357" height="777" viewBox="0 0 1357 777" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1357" height="777" fill="#D8DDE0"/>
+<g clip-path="url(#clip0_2572_2786)">
+<path d="M792 223.145H516C482.863 223.145 456 250.066 456 283.274V559.872C456 593.081 482.863 620.002 516 620.002H792C825.137 620.002 852 593.081 852 559.872V283.274C852 250.066 825.137 223.145 792 223.145Z" fill="#005EB8"/>
+<path d="M505.113 361.113H802.886V480.481H505.113V361.113Z" fill="white"/>
+<path d="M534.149 372.316H566.904L586.259 439.46H587.003L600.403 372.316H624.97L604.126 469.302H572.115L552.015 402.158H551.271L537.871 469.302H513.305L534.149 372.316ZM633.903 372.316H660.703L653.258 408.872H683.036L691.225 372.316H717.28L697.18 469.302H671.125L679.313 427.523H648.791L639.859 469.302H614.548L633.903 372.316ZM785.767 393.952C780.556 391.714 773.857 389.476 764.179 389.476C753.757 389.476 745.568 390.967 745.568 399.174C745.568 412.603 783.534 408.127 783.534 437.222C783.534 464.08 758.968 470.794 735.89 470.794C726.212 470.794 714.302 468.556 706.113 465.572L712.069 445.429C717.28 448.413 727.702 450.651 735.89 450.651C744.079 450.651 756.734 449.159 756.734 439.46C756.734 423.793 718.768 429.762 718.768 402.158C718.768 376.792 740.357 369.332 761.945 369.332C773.857 369.332 785.023 370.824 791.723 373.808" fill="#005EB8"/>
+<path d="M828 301.312C867.765 301.312 900 269.006 900 229.156C900 189.305 867.765 157 828 157C788.235 157 756 189.305 756 229.156C756 269.006 788.235 301.312 828 301.312Z" fill="#EA4F3D"/>
+<path d="M829.828 265.232V206.841H829.078L811.875 219.336V210.411L829.875 197.445H838.265V265.232H829.828Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2572_2786">
+<rect width="444" height="463" fill="white" transform="translate(456 157)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/docs/assets/images/nhs-notify-nhs-app-banner-notification.svg b/docs/assets/images/nhs-notify-nhs-app-banner-notification.svg
diff --git a/docs/assets/images/nhs-notify-nhs-app-example-2.svg b/docs/assets/images/nhs-notify-nhs-app-example-2.svg
diff --git a/docs/assets/images/nhs-notify-nhs-app-example.svg b/docs/assets/images/nhs-notify-nhs-app-example.svg
diff --git a/docs/pages/features/emails.md b/docs/pages/features/emails.md
@@ -5,14 +5,18 @@
 layout: page
 title: Emails
 parent: Features
-nav_order: 4
+nav_order: 2
 permalink: /features/emails
 section: Message channels
 ---
 
 Use NHS Notify to bulk send free unlimited emails to patients and members of the public.
 
-[insert image with caption here]
+{% include components/image.html
+    src="nhs-notify-email-example.svg"
+    alt="A screenshot of an email sent by NHS Notify."
+    caption="An example of an email sent by NHS Notify."
+%}
 
 ## What you need to know
 
@@ -24,5 +28,3 @@ You might also want to understand more about:
 - [how to edit and format emails]({% link pages/using-nhs-notify/editing-and-formatting.md %})
 - [adding links to emails]({% link pages/using-nhs-notify/links-and-urls.md %})
 - [how to tell recipients who your emails are from]({% link pages/using-nhs-notify/tell-recipients-who-your-messages-are-from.md %})
-
-## Email layout and specification
diff --git a/docs/pages/features/features.md b/docs/pages/features/features.md
@@ -4,7 +4,7 @@
 
 layout: page
 title: Features
-nav_order: 3
+nav_order: 1
 has_children: true
 permalink: /features/
 ---
@@ -62,7 +62,7 @@ Track how many messages you’ve sent and find out which ones are not being deli
 
 To send messages automatically, you’ll need a developer to integrate with the NHS Notify API.
 
-<a href="https://digital.nhs.uk/developer/api-catalogue/nhs-notify" target="_blank">Read our API documentation (opens in a new tab)</a>.
+[Read our API documentation (opens in a new tab)](https://digital.nhs.uk/developer/api-catalogue/nhs-notify){:target="_blank"}.
 
 ## Keep your data secure
 
diff --git a/docs/pages/features/letters.md b/docs/pages/features/letters.md
@@ -5,14 +5,18 @@
 layout: page
 title: Letters
 parent: Features
-nav_order: 6
+nav_order: 4
 permalink: /features/letters
 section: Message channels
 ---
 
 You can use NHS Notify to print and bulk send letters to patients and members of the public with addresses in the UK.
 
-[insert image with caption here]
+{% include components/image.html
+    src="nhs-notify-letter-two-sides-example.svg"
+    alt="An image showing both sides of a letter sent by NHS Notify"
+    caption="An example of a black and white two sided letter sent by NHS Notify."
+%}
 
 ## What you need to know
 
@@ -40,4 +44,8 @@ Page size and layout: A4 portrait (210 x 297mm)
 
 NHS Notify uses C5 size envelopes with an address window. This means the A4 letter is folded in half with the recipients address displayed in the address window.
 
-[insert image with caption here]
+{% include components/image.html
+    src="nhs-notify-envelope-example.svg"
+    alt="An image showing a C5 brown paper envelope with an address window."
+    caption="A C5 brown paper envelope used by NHS Notify."
+%}
diff --git a/docs/pages/features/nhs-app-messages.md b/docs/pages/features/nhs-app-messages.md
@@ -5,13 +5,18 @@
 layout: page
 title: NHS App messages
 parent: Features
-nav_order: 3
+nav_order: 1
 permalink: /features/nhs-app-messages
+section: Message channels
 ---
 
 Send free unlimited messages to patients and members of the public that have the NHS App.
 
-[insert image with caption here]
+{% include components/image.html
+    src="nhs-notify-nhs-app-example-2.svg"
+    alt="A screenshot of an opened message in the NHS App inbox."
+    caption="An example of a message sent with the NHS App."
+%}
 
 ## What you need to know
 
@@ -25,18 +30,28 @@ You might also want to understand more about:
 
 ## Push notifications
 
-The NHS App will send push notifications to your recipient’s device whenever you send them an NHS App message.
+The NHS App will try to send push notifications to your recipient’s device whenever you send them an NHS App message.
 
-Recipients can choose if they want to receive notifications or not in the NHS App. Depending on their choice, NHS App messages will push a banner notification and badge notification to their device.
+Recipients can choose if they want to receive notifications in the NHS App or in their device settings. Depending on their choice, NHS App messages will push a banner notification and badge notification to their device.
 
 ### Banner notifications
 
 Banner notifications are short messages that appear on the lock screen of a recipient’s device. They show the recipient that there is an unopened message waiting in their NHS App inbox.
 
-To protect recipients, banner notifications pushed by the NHS App never include any of your message content.
+To protect recipients, banner notifications pushed by the NHS App do not include any of your message content.
 
-[insert image with caption here]
+{% include components/image.html
+    src="nhs-notify-nhs-app-banner-notification.svg"
+    alt="An image of two mobile devices side by side showing an example banner notification for both iPhone and Android devices pushed by the NHS App."
+    caption="An example of a banner notification pushed to an iPhone and an Android device by the NHS App."
+%}
 
 ### Badge notifications
 
 When a recipient receives a NHS App message, a badge notification will appear on the NHS App icon. Badges let NHS App users know that there’s an unopened message or notification for them in the app.
+
+{% include components/image.html
+    src="nhs-notify-nhs-app-badge-notification.svg"
+    alt="A screenshot of the NHS App icon with a red badge showing 1 notification."
+    caption="An example of a badge notification pushed by NHS App when a message is sent to a recipient’s NHS App inbox."
+%}
diff --git a/docs/pages/features/roadmap.md b/docs/pages/features/roadmap.md
@@ -5,7 +5,7 @@
 layout: page
 title: Roadmap
 parent: Features
-nav_order: 1
+nav_order: 2
 permalink: /features/roadmap
 ---
 
diff --git a/docs/pages/features/security.md b/docs/pages/features/security.md
@@ -5,7 +5,7 @@
 layout: page
 title: Security
 parent: Features
-nav_order: 2
+nav_order: 3
 permalink: /features/security
 ---
 
@@ -21,31 +21,14 @@ This means NHS Notify:
 
 NHS Notify also has approaches for:
 
-- identity and access management
-- risk assessments
-- network security
-- security groups and policies
-- secure development practices
-- data protection
-- patch management
-- security monitoring and logging
-- secure configuration
-- regulatory compliance
-
-## Identity and access management (IAM)
-
-NHS Notify:
-
-- implements strong authentication methods, including multi-factor authentication
-- uses identity and access controls to ensure least privilege access
-- regularly reviews and audits user access permissions
-
-## Risk assessments
-
-NHS Notify uses risk assessments to:
-
-- identify and assess potential cybersecurity risks
-- evaluate the impact and likelihood of various cyber threats
+- [Network security](#network-security)
+- [Security groups and policies](#security-groups-and-policies)
+- [Secure development practices](#secure-development-practices)
+- [Data protection](#data-protection)
+- [Patch management](#patch-management)
+- [Security monitoring and logging](#security-monitoring-and-logging)
+- [Security configuration](#security-configuration)
+- [Regulatory compliance](#regulatory-compliance)
 
 ## Network security
 
diff --git a/docs/pages/features/text-messages.md b/docs/pages/features/text-messages.md
@@ -5,13 +5,18 @@
 layout: page
 title: Text messages (SMS)
 parent: Features
-nav_order: 5
+nav_order: 3
 permalink: /features/text-messages-sms
+section: Message channels
 ---
 
 Use NHS Notify to bulk send text messages such as invitations, alerts, notifications or reminders to your audiences.
 
-[insert image with caption here]
+{% include components/image.html
+    src="nhs-notify-iphone-android-sms-example.svg"
+    alt="An image of two mobile devices side by side showing a received text message, one displayed on iPhone and the other displayed on an Android device."
+    caption="An example of a text message (SMS) sent by NHS Notify to a iPhone or Android mobile device."
+%}
 
 ## What you need to know
 
diff --git a/docs/pages/pricing/how-to-pay.md b/docs/pages/pricing/how-to-pay.md
@@ -5,7 +5,7 @@
 layout: page
 title: How to pay
 parent: Pricing
-nav_order: 3
+nav_order: 4
 permalink: /pricing/how-to-pay
 ---
 
diff --git a/docs/pages/pricing/letters.md b/docs/pages/pricing/letters.md
@@ -5,7 +5,7 @@
 layout: page
 title: Letters
 parent: Pricing
-nav_order: 2
+nav_order: 3
 permalink: /pricing/letters
 ---
 
@@ -18,15 +18,26 @@ Prices include:
 - double-sided black and white printing
 - C5 size envelopes with an address window
 
-[insert 3 column table here]
+| Paper     | 1st class            | 2nd class            |
+| --------- | -------------------- | -------------------- |
+| 1 sheet   | Up to 82 pence + VAT | Up to 55 pence + VAT |
+| 2 sheets  | Up to 86 pence + VAT | Up to 60 pence + VAT |
+| 3 sheets  | Up to 90 pence + VAT | Up to 63 pence + VAT |
+| 4 sheets  | Up to 96 pence + VAT | Up to 68 pence + VAT |
+| 5 sheets  | Up to £1.00 + VAT    | Up to 73 pence + VAT |
 
 ## Letters in accessible formats
 
 You can use a range of accessible formats to send letters to people with accessibility needs.
 
 Learn more about NHS Notify’s accessible letter formats.
 
-[insert 2 column table here]
+| Accessible format           | Cost                      |
+| --------------------------- | ------------------------- |
+| Large print (16 point font) | Same as a standard letter |
+| Easy read                   | £1.70 + VAT               |
+| Braille                     | £1.98 + VAT               |
+| Audio CD                    | £2.80 + VAT               |
 
 ## Letter inserts
 
@@ -36,7 +47,11 @@ If you include an insert with your letter, you will need to pay an insert fee of
 
 You can print your inserts elsewhere or use NHS Notify. If you use NHS Notify, you will need to pay the print cost.
 
-[insert 2 columns table here]
+| Insert type             | Print cost              |
+| ----------------------- | ----------------------- |
+| Simplex colour sheet    | Up to 2.47 pence + VAT  |
+| Duplex colour sheet     | Up to 2.65 pence + VAT  |
+| Additional colour toner | Up to 0.031 pence + VAT |
 
 ## Returned letter costs
 
diff --git a/docs/pages/pricing/pricing.md b/docs/pages/pricing/pricing.md
@@ -4,7 +4,7 @@
 
 layout: page
 title: Pricing
-nav_order: 3
+nav_order: 1
 has_children: true
 permalink: /pricing/
 ---
@@ -25,10 +25,18 @@ NHS England organisations and service have an annual allowance of free text mess
 
 When you've used your annual allowance, it costs 2.27 pence (plus VAT) per text message.
 
-[More about text message pricing]({% link pages/pricing/text-messages.md %})
+{% include components/action-link.html
+    url='/pricing/text-messages'
+    text='More about text message pricing'
+%}
 
 ## Letters
 
 It costs up to 55p (plus VAT) to send a 1 sheet letter with both sides printed using 2nd class postage.
 
 [Learn more about letter pricing]({% link pages/pricing/letters.md %})
+
+{% include components/action-link.html
+    url='/pricing/letters'
+    text='Learn more about letter pricing'
+%}
diff --git a/docs/pages/pricing/text-messages.md b/docs/pages/pricing/text-messages.md
@@ -5,7 +5,7 @@
 layout: page
 title: Text messages
 parent: Pricing
-nav_order: 1
+nav_order: 2
 permalink: /pricing/text-messages
 ---
 
@@ -28,7 +28,13 @@ You may pay more for each message, if you:
 
 If a text message is longer than 160 characters (including spaces), it counts as more than one message.
 
-[insert table here]
+| Message length       | Charge          |
+| -------------------- | ----------------|
+| Up to 306 characters | 2 text messages |
+| Up to 459 characters | 3 text messages |
+| Up to 612 characters | 4 text messages |
+| Up to 765 characters | 5 text messages |
+| Up to 918 characters | 6 text messages |
 
 ## Signs and symbols
 
@@ -44,4 +50,10 @@ The following accented characters do not affect the cost of sending text message
 
 Using other accented characters can increase the cost of sending text messages.
 
-[insert table here]
+| Message length                | Charge                    |
+| ----------------------------- | ------------------------- |
+| Up to 70 characters           | 2 text messages           |
+| Up to 134 characters          | 3 text messages           |
+| Up to 201 characters          | 4 text messages           |
+| Up to 268 characters          | 5 text messages           |
+| Each additional 67 characters | 1 additional text message |
diff --git a/docs/pages/using-nhs-notify/editing-and-formatting.md b/docs/pages/using-nhs-notify/editing-and-formatting.md
@@ -42,7 +42,16 @@ You can either:
 - add personalised bullet points each time you send a message
 
 Copy this example to add bullet points:
-[inset text component here]
+
+{% include components/inset-text.html
+    text='Introduce bullet points with a lead-in line ending with a colon:
+
+- leave one empty line space after the lead-in line
+- use an asterisk or a dash followed by a space to add an item
+- start each item with a lowercase letter, do not end with a full stop
+- leave one empty line space after the last item'
+%}
+
 Introduce bullet points with a lead-in line ending with a colon:
 
 • leave one empty line space after the lead-in line
