CCM-14846 Formatting mini hub

docs/_includes/breadcrumb.html

@@ -22,7 +22,7 @@
     </li>
     {% endif %}
 
-    {% if page.parent == "Using NHS Notify" %}
+    {% if page.parent == "Using NHS Notify" or page.mini_hub_topic == "Formatting" %}
     <li class="nhsuk-breadcrumb__list-item">
       <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/using-nhs-notify">Using NHS Notify</a>
     </li>
@@ -88,7 +88,7 @@
   </a>
   {% endif %}
 
-  {% if page.parent == "Using NHS Notify" %}
+  {% if page.parent == "Using NHS Notify" or page.mini_hub_topic == "Formatting" %}
   <a class="nhsuk-back-link" href="{{site.baseurl}}/using-nhs-notify">
     <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
     Using NHS Notify

docs/pages/using-nhs-notify/formatting.md

@@ -8,6 +8,7 @@ parent: Using NHS Notify
 nav_order: 2
 permalink: /using-nhs-notify/formatting
 section: Writing a message
+publish: false
 ---
 
 NHS Notify uses Markdown to format message content.

docs/pages/using-nhs-notify/formatting/formatting-bold.md

@@ -0,0 +1,52 @@
+---
+layout: mini-hub
+title: Bold text
+nav_order: 2
+permalink: /using-nhs-notify/formatting/bold-text
+mini_hub_topic: Formatting
+mini_hub_pages:
+  - title: Overview
+    url: /using-nhs-notify/formatting/
+  - title: Bold text
+    url:
+    current: true
+  - title: Bullet points and numbered lists
+    url: /using-nhs-notify/formatting/bullet-points-numbered-lists
+  - title: Fonts for letter templates
+    url: /using-nhs-notify/formatting/letter-fonts
+  - title: Headings
+    url: /using-nhs-notify/formatting/headings
+  - title: Paragraphs, line breaks, and horizontal lines
+    url: /using-nhs-notify/formatting/paragraphs
+
+previous_page:
+  title: Overview
+  url: /using-nhs-notify/formatting/
+next_page:
+  title: Bullet points and numbered lists
+  url: /using-nhs-notify/formatting/bullet-points-numbered-lists
+published: true
+---
+
+You can add bold text to:
+
+- NHS App messages
+- letters
+
+Use bold text sparingly. Do not use bold to emphasise text.
+
+{% include components/inset-text.html
+text='Find out more about how to use <a href="https://service-manual.nhs.uk/content/formatting#bold-italics-and-underlining" target="_blank">bold in the NHS Digital service manual</a>.'
+classes='nhsuk-u-margin-top-2'
+%}
+
+## Add bold text
+
+To use bold text in NHS App messages, use 2 asterisk symbols on either side of the words you want to be bold. For example:
+
+{% include components/inset-text.html
+  text='`**this is bold text**`'
+  classes='nhsuk-u-margin-top-2'
+%}
+
+To use bold text in letters, highlight the font you want to make bold then select **bold** in the font menu in the home tab.

docs/pages/using-nhs-notify/formatting/formatting-bullet.md

@@ -0,0 +1,82 @@
+---
+layout: mini-hub
+title: Bullet points and numbered lists
+nav_order: 3
+permalink: /using-nhs-notify/formatting/bullet-points-numbered-lists
+mini_hub_topic: Formatting
+mini_hub_pages:
+  - title: Overview
+    url: /using-nhs-notify/formatting/
+  - title: Bold text
+    url: /using-nhs-notify/formatting/bold-text
+  - title: Bullet points and numbered lists
+    url:
+    current: true
+  - title: Fonts for letter templates
+    url: /using-nhs-notify/formatting/letter-fonts
+  - title: Headings
+    url: /using-nhs-notify/formatting/headings
+  - title: Paragraphs, line breaks, and horizontal lines
+    url: /using-nhs-notify/formatting/paragraphs
+
+previous_page:
+  title: Bold text
+  url: /using-nhs-notify/formatting/bold-text
+next_page:
+  title: Fonts for letter templates
+  url: /using-nhs-notify/formatting/letter-fonts
+published: true
+---
+
+You can add bullet points and numbered lists to:
+
+- NHS App messages
+- emails
+- letters
+
+Use bullet points to make your text easier to read.
+
+Use numbered lists instead of bullet points to guide a user through a process, or when the order of the items in a list is relevant.
+
+{% include components/inset-text.html
+text='Find out more about <a href="https://service-manual.nhs.uk/content/writing-nhs-messages" target="_blank">writing messages (NHS Digital service manual)</a>.'
+classes='nhsuk-u-margin-top-2'
+%}
+
+## Add bullet points
+
+To add bullet points to NHS App messages or emails:
+
+1. Put each item on a separate line with an asterisk and a space in front of each one.
+2. Leave an empty line before the first bullet point and after the last bullet point.
+
+For example:
+
+{% include components/inset-text.html
+text='`Introduce bullet points with a lead-in line ending with a colon:`
+
+`* bullet point 1`<br />
+`* bullet point 2`<br />
+&nbsp;'
+classes='nhsuk-u-margin-top-2'
+%}
+
+To add bullet points to a letter, use the style **List paragraph** in the template and select **Bullet points** in the home tab.
+
+## Add a numbered list
+
+You do not need a lead-in line for a numbered list.
+
+Copy this example to add numbered steps to NHS App messages and emails:
+
+{% include components/inset-text.html
+text='&nbsp;<br />
+`1. Leave one empty line space before starting your list.`<br />
+`2. Enter a number followed by a full stop and a space to add an item.`<br />
+`3. Start each item with a capital letter and end it with a full stop.`<br />
+`4. Leave one empty line space after the last item.`
+<br />&nbsp;'
+classes='nhsuk-u-margin-top-2'
+%}
+
+To add a numbered list to a letter, select **Numbering** in the home tab of the letter template.

docs/pages/using-nhs-notify/formatting/formatting-fonts.md

@@ -0,0 +1,60 @@
+---
+layout: mini-hub
+title: Fonts for letter templates
+nav_order: 4
+permalink: /using-nhs-notify/formatting/letter-fonts
+mini_hub_topic: Formatting
+mini_hub_pages:
+  - title: Overview
+    url: /using-nhs-notify/formatting/
+  - title: Bold text
+    url: /using-nhs-notify/formatting/bold-text
+  - title: Bullet points and numbered lists
+    url: /using-nhs-notify/formatting/bullet-points-numbered-lists
+  - title: Fonts for letter templates
+    url:
+    current: true
+  - title: Headings
+    url: /using-nhs-notify/formatting/headings
+  - title: Paragraphs, line breaks, and horizontal lines
+    url: /using-nhs-notify/formatting/paragraphs
+
+previous_page:
+  title: Bullet points and numbered lists
+  url: /using-nhs-notify/formatting/bullet-points-numbered-lists
+next_page:
+  title: Headings
+  url: /using-nhs-notify/formatting/headings
+published: true
+---
+
+The font size for standard letters is 12 points. The font size for large print is 16 points.
+
+NHS Notify prints letters in the font Noto Sans.
+
+## Download your font
+
+You must download and use Noto Sans as the font for all of your letters, including <a href="https://notify.nhs.uk/using-nhs-notify/letters-in-other-languages" target="_blank">letters in other languages</a>. If you’re sending letters in other languages that use different character sets, download Noto Sans in those languages.
+
+Go to <a href="https://fonts.google.com/noto/fonts" target="_blank">Noto Sans on Google Fonts</a> and choose the languages you need by selecting **Get font**. Then select **Download all** to download Noto Sans to your device as a zip file.
+
+Noto Sans is a free font.
+
+{% include components/details.html
+heading='Downloading Noto Sans for Windows'
+text='
+
+1. Right click the zip file and select **Extract all**.
+2. Open the file. Open each folder. Select all of the TrueType font files, right click and select **Install**.
+3. If the folder contains a sub-folder called **static**, open this.
+4. Select all of the TrueType font files in this folder. Right click and select **Install**.
+   '
+   %}
+
+{% include components/details.html
+heading='Downloading Noto Sans for Mac'
+text='
+Follow the <a href="https://support.apple.com/en-gb/guide/font-book/fntbk1000/mac" target="_blank">install fonts guidance</a>. Make sure you install the static fonts.
+
+Read <a href="https://fonts.google.com/knowledge/using_type/installing_and_managing_fonts" target="_blank">Google’s guidance on installing fonts</a> for more information.'
+%}

docs/pages/using-nhs-notify/formatting/formatting-headings.md

@@ -0,0 +1,66 @@
+---
+layout: mini-hub
+title: Headings
+nav_order: 5
+permalink: /using-nhs-notify/formatting/headings
+mini_hub_topic: Formatting
+mini_hub_pages:
+  - title: Overview
+    url: /using-nhs-notify/formatting/
+  - title: Bold text
+    url: /using-nhs-notify/formatting/bold-text
+  - title: Bullet points and numbered lists
+    url: /using-nhs-notify/formatting/bullet-points-numbered-lists
+  - title: Fonts for letter templates
+    url: /using-nhs-notify/formatting/letter-fonts
+  - title: Headings
+    url:
+    current: true
+  - title: Paragraphs, line breaks, and horizontal lines
+    url: /using-nhs-notify/formatting/paragraphs
+
+previous_page:
+  title: Fonts for letter templates
+  url: /using-nhs-notify/formatting/letter-fonts
+next_page:
+  title: Paragraphs, line breaks, and horizontal lines
+  url: /using-nhs-notify/formatting/paragraphs
+published: true
+---
+
+You can add headings to:
+
+- NHS App messages
+- emails
+- letters
+
+Use headings to tell recipients what your message is about, break up content, and help recipients find what they need. 
+
+Headings are in bold. They are not in italics or underlined.
+
+{% include components/inset-text.html
+text='Find out more about using <a href="https://service-manual.nhs.uk/content/formatting#headings" target="_blank"> headings in the NHS Digital service manual</a>.'
+classes='nhsuk-u-margin-top-2'
+%}
+
+## Add a main heading
+
+To add headings to NHS App messages and emails, use one hash symbol followed by a space. For example:
+
+{% include components/inset-text.html
+  text='`# This is a heading`'
+  classes='nhsuk-u-margin-top-2'
+%}
+
+To add a heading to letters, use the style **Heading 2**, NHS letter heading in the template.
+
+## Add a subheading
+
+Use subheadings to break up the rest of your content. Your first subheading must come after a heading.
+
+To add subheadings to NHS App messages and emails, use 2 hash symbols followed by a space. For example:
+
+{% include components/inset-text.html
+  text='`## This is a subheading`'
+  classes='nhsuk-u-margin-top-2'
+%}