Read scenario and notes from front-matter

app/views/full-page-examples/announcements/index.njk

@@ -1,4 +1,7 @@
-{# This example is based on the  "2018’s oddest requests from Brits abroad: ‘Strictly’, vampires and sausages" publication: https://www.gov.uk/government/news/strictly-vampires-and-sausages-2018s-oddest-requests-from-brits-abroad #}
+---
+scenario: You want to read this article about '2018’s oddest requests from Brits abroad'.
+notes: Based on https://www.gov.uk/government/news/strictly-vampires-and-sausages-2018s-oddest-requests-from-brits-abroad
+---
 {% extends "_generic.njk" %}
 
 {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %}

app/views/full-page-examples/index.njk

@@ -24,6 +24,18 @@
 
       <h2 class="govuk-heading-m"><a href="/full-page-examples/{{ example.path }}" class="govuk-link">{{ example.name | replace("-", " ") | capitalize }}</a></h2>
 
+      {% if example.scenario %}
+      <p class="govuk-body">
+        {{ example.scenario }}
+      </p>
+      {% endif %}
+
+      {% if example.notes %}
+        <p class="govuk-body govuk-!-font-size-16">{{ example.notes }}</p>
+      {% endif %}
+
+      <hr class="govuk-section-break govuk-section-break--l" />
+
     {% endfor %}
   </div>
 </div>

lib/file-helper.js

@@ -3,6 +3,7 @@
 const fs = require('fs')
 const path = require('path')
 const yaml = require('js-yaml')
+const fm = require('front-matter')
 
 const configPaths = require('../config/paths.json')
 
@@ -39,7 +40,8 @@ exports.fullPageExamples = () => {
   return childDirectories(path.resolve(configPaths.fullPageExamples))
     .map(folderName => ({
       name: folderName,
-      path: folderName
+      path: folderName,
+      ...fm(readFileContents(path.join(configPaths.fullPageExamples, folderName, 'index.njk'))).attributes
     }))
     .sort((a, b) => (a.name > b.name) ? 1 : -1)
 }

package.json

@@ -31,6 +31,7 @@
     "eslint": "^5.16.0",
     "express": "^4.16.4",
     "express-validator": "^5.3.1",
+    "front-matter": "^3.0.2",
     "glob": "^7.1.3",
     "govuk-elements-sass": "3.1.3",
     "govuk_frontend_toolkit": "8.1.0",