Add statically compiled error pages (#258)

Author: edwardhorsford

app/views/_templates/layout.html

@@ -25,7 +25,7 @@
 {%- from "_components/environment/macro.njk" import appEnvironment -%}
 
 {% block head %}
-  <!-- Add your custom CSS or Sass in /app/assets/sass/main.scss -->
+  {# Add your custom CSS or Sass in /app/assets/sass/main.scss #}
   <link href="/assets/sass/main.css" rel="stylesheet">
 {% endblock %}
 
@@ -72,9 +72,9 @@
 {% block bodyEnd %}
   {{ super() }}
   {% block scripts %}
-    <!-- Custom JavaScript files can be added to this file -->
+    {# Custom JavaScript files can be added to this file #}
     {% include "_includes/scripts.html" %}
-    <!-- For adding page specific JavaScript -->
+    {# For adding page specific JavaScript #}
     {% block pageScripts %}{% endblock %}
   {% endblock %}
 {% endblock %}

app/views/example-pages/static-template-generic.html

@@ -0,0 +1,26 @@
+{# app/views/example-pages/static-template-generic.html #}
+
+{% extends "layout.html" %}
+
+{% set pageHeading = "Sorry, this service is unavailable" %}
+
+{% block header %}
+  {{ header({
+    service: {
+      text: serviceName
+    }
+  }) }}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      <h1>{{ pageHeading }}</h1>
+      <p>Contact the hospital if you need to cancel an appointment.</p>
+    </div>
+  </div>
+{% endblock %}
+
+{% block footer %}
+  {{ footer() }}
+{% endblock footer %}

app/views/example-pages/static-template.html

@@ -0,0 +1,27 @@
+{# app/views/example-pages/static-template.html #}
+
+{% extends "layout.html" %}
+
+{% set pageHeading = "The service is unavailable" %}
+
+{% block header %}
+  {{ header({
+    service: {
+      text: serviceName
+    }
+  }) }}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      <h1>{{ pageHeading }}</h1>
+      <p>Try again later.</p>
+      <p>Email <a href="mailto:england.digitalscreening@nhs.net?subject=Manage%20breast%20screening%20query">england.digitalscreening@nhs.net</a> if you're still unable to access the required information.</p>
+    </div>
+  </div>
+{% endblock %}
+
+{% block footer %}
+  {{ footer() }}
+{% endblock footer %}