diff --git a/docs/_data/home/how-it-works.yml b/docs/_data/home/how-it-works.yml index 648c59f..3ccda1e 100644 --- a/docs/_data/home/how-it-works.yml +++ b/docs/_data/home/how-it-works.yml @@ -1,10 +1,10 @@ - heading: Write your messages description: | Create reusable templates or free-text messages for each message channel: - - NHS App messages and notifications - - emails - - text messages (SMS) - - letters + - [NHS App messages and notifications](https://notify.nhs.uk/features/nhs-app-messages) + - [emails](https://notify.nhs.uk/features/emails) + - [text messages (SMS)](https://notify.nhs.uk/features/text-messages-sms) + - [letters](https://notify.nhs.uk/features/letters) image: 1-write-your-message.svg image_alt: "" @@ -19,6 +19,7 @@ Set up routing plans to decide how your messages will be sent to recipients. image: 3-plan-your-messages.svg image_alt: "" + number: 3 - heading: See how your messages perform description: | diff --git a/docs/_includes/components/button-reverse.html b/docs/_includes/components/button-reverse.html new file mode 100644 index 0000000..864f478 --- /dev/null +++ b/docs/_includes/components/button-reverse.html @@ -0,0 +1,5 @@ + + + diff --git a/docs/_includes/components/styled-list.html b/docs/_includes/components/styled-list.html index ac90e44..6669cce 100644 --- a/docs/_includes/components/styled-list.html +++ b/docs/_includes/components/styled-list.html @@ -3,17 +3,23 @@ {% for item in include.data %}
-

-
- {{ i }} -
-
- {{ item.heading }} -
-

-
- {{ item.description | markdownify }} +

+
+ {{ i }}
+
+ {{ item.heading }} +
+

+
+ {{ item.description | markdownify }} + {% if item.number == 3 %} + {% include components/action-link.html + url='/using-nhs-notify/routing-plans' + text='Learn more about routing plans' + %} + {% endif %} +
{% include components/image.html src=item.image alt=item.image_alt class="nhsnotify-image" %} diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html index 08b27a1..6754ddf 100644 --- a/docs/_layouts/home.html +++ b/docs/_layouts/home.html @@ -1,6 +1,6 @@ --- layout: default --- -
+
{{ content }}
diff --git a/docs/_sass/_nhsnotify.scss b/docs/_sass/_nhsnotify.scss index eec4fb1..d605b89 100644 --- a/docs/_sass/_nhsnotify.scss +++ b/docs/_sass/_nhsnotify.scss @@ -206,6 +206,11 @@ } } +// Home page button margin override +.nhsnotify-home-page .nhsuk-button { + margin-bottom: 0; +} + .nhsuk-breadcrumb__item { &:not(:last-child)::after { diff --git a/docs/pages/index.md b/docs/pages/index.md index 5911782..f35afba 100644 --- a/docs/pages/index.md +++ b/docs/pages/index.md @@ -5,6 +5,7 @@ site_title: NHS Notify CMS nav_order: 1 permalink: / --- +
@@ -14,6 +15,10 @@ permalink: /

{{ site.data.home.heading.description }}

+ {% include components/button-reverse.html + text="Get started" + url="https://notify.nhs.uk/get-started/" + %}
{% include components/image.html src=site.data.home.heading.image alt=site.data.home.heading.image_alt class="nhsnotify-image" %} @@ -76,6 +81,10 @@ permalink: /

{{ site.data.home.find-out-more.description }}

+ {% include components/button-reverse.html + text="Get started" + url="https://notify.nhs.uk/get-started/" + %}
{% include components/image.html src=site.data.home.find-out-more.image alt=site.data.home.find-out-more.image_alt class="nhsnotify-image" %}