Added support page and link and tweaked the about page (#149)

New support page ![support page with details of slack channels](https://github.com/user-attachments/assets/efd0ef4b-5434-4b77-8b03-3b08e602145a) About page changed | Before | After | | -- | -- | | ![Before about page](https://github.com/user-attachments/assets/aac638b1-b998-42c9-b341-5e5cecc8d958) | ![after about page with contribution section changed](https://github.com/user-attachments/assets/1d283517-665f-4a11-a9ca-7e004d9ef4cd) | Footer | Example | Image | | -- | -- | | Before | <img width="1009" alt="footer link - with About and support NHS prototype kit on GitHub Cookies " src="https://github.com/user-attachments/assets/d1c10518-2be2-4418-a22e-35c3a6647ed9" /> | | After | <img width="1026" alt="footer link with About Support NHS prototype kit on GitHub Cookies " src="https://github.com/user-attachments/assets/06e6c626-614c-4941-a9e6-f45c92b5e2c7" /> | --------- Co-authored-by: Frankie Roberto <[email protected]>
nhsuk · Nov 25, 2024 · a963d46 · a963d46
1 parent 20d6da4
commit a963d46
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 9 deletions.
diff --git a/app/views/about.html b/app/views/about.html
@@ -22,15 +22,9 @@ <h1>About</h1>
 
       <h2>Support</h2>
 
-      <p>The NHS prototype kit is maintained by NHS England. If you've got a question or need support you can:</p>
+      <p>View our <a href="/support">support</a> section.</p>
 
-      <ul>
-        <li><a href="mailto:[email protected]?subject=NHS prototype kit - About">email us</a></li>
-        <li><a href="https://nhs-service-manual.slack.com/messages/CFYL2GDGW" rel="nofollow">get in touch on the NHS digital service manual #prototype-kit Slack channel</a></li>
-        <li><a href="https://github.com/nhsuk/nhsuk-prototype-kit/issues">view known issues on GitHub</a></li>
-      </ul>
-
-      <h2>Contributing</h2>
+      <h2 id="contributing">Contributing</h2>
 
       <p>The prototype kit is always evolving as we learn more. Help us to improve and grow it by:</p>
 

diff --git a/app/views/layout.html b/app/views/layout.html
@@ -21,9 +21,13 @@
   {{ footer({
     links: [
       {
-        label: "About and support",
+        label: "About",
         URL: "/about"
       },
+      {
+        label: "Support",
+        URL: "/support"
+      },
       {
         label: "Updates",
         URL: "/whats-new/updates"

diff --git a/app/views/support.html b/app/views/support.html
@@ -0,0 +1,42 @@
+{% extends 'layout.html' %}
+
+{% block pageTitle %}
+  Support - NHS prototype kit
+{% endblock %}
+
+{% block beforeContent %}
+  {{ breadcrumb({
+    href: "/",
+    text: "Home"
+  }) }}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <h1 class="nhsuk-heading-xl" id="support">Support</h1>
+      <p class="nhsuk-lede-text">The NHS prototype kit is maintained by the <a href="https://service-manual.nhs.uk/service-manual-team">service manual team at NHS England</a> with help from community contributors.</p>
+
+      <h2 class="nhsuk-heading-m">Get support or ask a question</h2>
+
+      <h3 class="nhsuk-heading-s">Email</h3>
+      <p><a href="mailto:[email protected]?subject=NHS%20prototype%20kit%20-%20About">[email protected]</a></p>
+
+      <h3 class="nhsuk-heading-s">Slack</h3>
+
+      <ul class="nhsuk-list">
+        <li><a href="https://nhsdigitalcorporate.enterprise.slack.com/archives/C042J3MTJG2">NHS England #prototype-kit channel</a></li>
+        <li><a href="https://nhs-service-manual.slack.com/messages/CFYL2GDGW">NHS digital service manual #prototype-kit channel</a></li>
+      </ul>
+
+      <h3 class="nhsuk-heading-s">GitHub</h3>
+
+      <p><a href="https://github.com/nhsuk/nhsuk-prototype-kit/issues/new/choose">Report a bug or issue</a> - you will need a free GitHub account</p>
+
+
+    </div>
+
+  </div>
+{% endblock %}