Merge branch 'main' into nbs

Author: frankieroberto

app/_layouts/product.njk

@@ -2,9 +2,9 @@
 
 {% block content %}
   {{ content }}
-  <div class="govuk-grid-row">
-    {# Paginate posts if front matter includes the pagination key #}
-    {% if pagination %}
+  {# Paginate posts if front matter includes the pagination key #}
+  {% if pagination %}
+    <div class="govuk-grid-row">
       <section class="govuk-grid-column-two-thirds">
         <h2 class="govuk-heading-l govuk-!-font-size-27">
           {{ posts.title or app.posts.title or "Posts" }}
@@ -23,44 +23,54 @@
           items: pagination | itemsFromPagination
         }) if pagination.pages.length > 1 }}
       </section>
-      {% if aside or related %}
+    </div>
+    {% if aside or related %}
+      <div class="govuk-grid-row">
         <div class="govuk-grid-column-one-third">
           {% include "layouts/shared/related.njk" %}
         </div>
-      {% endif %}
-    {# List sections (pages with a parent that is the homepage) if homepage has no pagination key set #}
-    {% elif eleventyNavigation.key == options.homeKey %}
+      </div>
+    {% endif %}
+  {# List sections (pages with a parent that is the homepage) if homepage has no pagination key set #}
+  {% elif eleventyNavigation.key == options.homeKey %}
 
-      {% set sections = [
-        { title: "Screening", services: [
-          "Bowel screening",
-          "Explore team",
-          "HPV Self-Sampling",
-          "Manage breast screening",
-          "Manage your screening"
-        ] },
-        { title: "Vaccinations", services: [
-          "Book a vaccination",
-          "Manage vaccinations in schools",
-          "Manage your appointments",
-          "Record a vaccination",
-          "Select people for invitation",
-          "Vaccinations in the app"
-        ] },
-        { title: "Personalised prevention", services: [
-          "Personalised prevention platform",
-          "Smoking cessation"
-        ] }
-      ] %}
+    {% set sections = [
+      { title: "Screening", services: [
+        "Bowel screening",
+        "Cohort manager",
+        "Explore team",
+        "Manage breast screening",
+        "Manage your screening",
+        "HPV self-sampling",
+        "Invite"
+      ] },
+      { title: "Vaccinations", services: [
+        "Book a vaccination",
+        "Manage vaccinations in schools",
+        "Manage your appointments",
+        "Record a vaccination",
+        "Select people for invitation",
+        "Vaccinations in the app"
+      ] },
+      { title: "Personalised prevention", services: [
+        "Lung health check",
+        "Personalised prevention platform",
+        "Smoking cessation"
+      ] }
+    ] %}
 
-      {% for section in sections %}
+    {% for section in sections %}
+      <div class="govuk-grid-row">
         <div class="govuk-grid-column-two-thirds">
           <h2 class="govuk-heading-l">
             {{ section.title }}
           </h2>
         </div>
+      </div>
 
-        {% for service in section.services %}
+      {% for batch in section.services | batch(2) %}
+        <div class="govuk-grid-row">
+        {% for service in batch %}
           {% for item in collections.all | eleventyNavigation(options.homeKey) %}
             {% if (service == item.title)  %}
               <section class="govuk-grid-column-one-half govuk-!-margin-bottom-6">
@@ -72,8 +82,11 @@
             {% endif %}
           {% endfor %}
         {% endfor %}
+        </div>
       {% endfor %}
+    {% endfor %}
 
+    <div class="govuk-grid-row">
       <div class="govuk-grid-column-full">
         <hr class="govuk-section-break govuk-section-break--xl govuk-section-break--visible">
 
@@ -85,10 +98,8 @@
             <p class="govuk-body">{{ item.excerpt }}</p>
           {% endif %}
         {% endfor %}
-
-
       </div>
+    </div>
 
-    {% endif %}
-  </div>
+  {% endif %}
 {% endblock %}

app/guide/how-to-add-a-new-service.md

@@ -10,14 +10,15 @@ Posts in this design history are grouped by the service or team they relate to.
 
 You may want to [look at an existing pull request](https://github.com/NHSDigital/prevention-services-design-history/pull/20) to see the files you need to update.
 
-You will need to create some files and folders based on the name of your service, using lowercase and hypens. For example, for `Manage breast screening` you would use `manage-breast-screening`
+You will need to create some files and folders based on the name of your service, using lowercase and hypens. For example, for `Manage breast screening` you would use `manage-breast-screening`.
 
 You’ll need to:
 
 * create a Markdown file in `app/posts/`, for example `app/posts/your-service-name.md`. Copy an existing example and update any references to match your service.
-* create a folder for your service in `app/images/`, for example `app/images/your-service-name/`
-* create a folder for your service in `app/posts/`, for example `app/posts/your-service-name/`
+* create a folder for your service in `app/images/`, for example `app/images/your-service-name/`.
+* create a folder for your service in `app/posts/`, for example `app/posts/your-service-name/`.
 * inside your service’s post folder, ceate a json file `your-service-name.json`, for exampole `app/posts/your-service-name/your-service-name.json`. Copy an existing example for what to put in it.
-* update `eleventy.config.js` to create a new 'collection' for your service (copy one of the existing examples)
-* update `app/_layouts/_product.njk` to list your new service in the sections variable
-* open a pull request with your changes
+* update `eleventy.config.js` to create a new 'collection' for your service (copy one of the existing examples).
+* update `app/_layouts/_product.njk` to list your new service in the sections variable.
+* **note:** you will need to [add a post](/guide/how-to-publish/) before the service can be found in the navigation.
+* open a pull request with your changes.