Merge main

Author: frankieroberto

.github/workflows/codeql-analysis.yml

@@ -38,7 +38,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@v5
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL

.github/workflows/deploy.yml

@@ -24,15 +24,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Install dependencies
         run: npm ci
       - name: Build with Eleventy
         run: npm run-script build
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
+        uses: actions/upload-pages-artifact@v4
 
   deploy:
     environment:

.gitignore

@@ -3,3 +3,4 @@ node_modules
 _site
 .DS_Store
 .nova
+.tool-versions

.tool-versions

@@ -0,0 +1,2 @@
+@forward "email";
+@forward "screenshots";

app/_components/_all.scss

@@ -0,0 +1,21 @@
+@use "pkg:nhsuk-frontend/dist/nhsuk" as *;
+
+.app-email {
+  border: $nhsuk-border-width solid $nhsuk-border-colour;
+  padding: nhsuk-spacing(4);
+  margin-bottom: nhsuk-spacing(8);
+  max-width: 40rem;
+
+  h1, h2, h3, h4 {
+    @include nhsuk-font-size($size: 26);
+    @include nhsuk-typography-weight-bold;
+    margin-bottom: nhsuk-spacing(4);
+  }
+}
+
+.app-email__subject {
+  padding-bottom: nhsuk-spacing(4);
+  margin-top: 0;
+  margin-bottom: nhsuk-spacing(4);
+  border-bottom: 1px solid $nhsuk-border-colour;
+}

app/_components/_index.scss

@@ -0,0 +1,20 @@
+@use "pkg:nhsuk-frontend/dist/nhsuk" as *;
+
+.app-image--screenshot {
+  margin-top: 0;
+  margin-bottom: nhsuk-spacing(9);
+
+  .nhsuk-image__img {
+    padding: nhsuk-spacing(2);
+  }
+
+  .nhsuk-image__caption > * {
+    margin-bottom: nhsuk-spacing(3);
+
+    @include nhsuk-font(16);
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}