Add route for letter specification page

app/main/views/index.py

@@ -386,6 +386,14 @@ def upload_a_letter():
     )
 
 
+@main.route('/using-notify/guidance/letter-specification')
+def letter_specification():
+    return render_template(
+        'views/guidance/letter-specification.html',
+        navigation_links=using_notify_nav(),
+    )
+
+
 # --- Redirects --- #
 
 @main.route('/roadmap', endpoint='old_roadmap')

app/navigation.py

@@ -208,6 +208,7 @@ class HeaderNavigation(Navigation):
         'edit_and_format_messages',
         'send_files_by_email',
         'upload_a_letter',
+        'letter_specification',
         'history',
         'inbound_sms_admin',
         'inbox',
@@ -585,6 +586,7 @@ class MainNavigation(Navigation):
         'edit_and_format_messages',
         'send_files_by_email',
         'upload_a_letter',
+        'letter_specification',
         'history',
         'how_to_pay',
         'inbound_sms_admin',
@@ -840,6 +842,7 @@ class CaseworkNavigation(Navigation):
         'edit_and_format_messages',
         'send_files_by_email',
         'upload_a_letter',
+        'letter_specification',
         'history',
         'how_to_pay',
         'inbound_sms_admin',
@@ -1153,6 +1156,7 @@ class OrgNavigation(Navigation):
         'edit_and_format_messages',
         'send_files_by_email',
         'upload_a_letter',
+        'letter_specification',
         'history',
         'how_to_pay',
         'inbound_sms_admin',

app/templates/views/guidance/upload-a-letter.html

@@ -20,6 +20,6 @@
     <li>Select <b class="govuk-!-font-weight-bold">Choose file</b>.</li>
   </ol>
 
-  <p class="govuk-body">Your file must meet our <a href="#">letter specification</a>.</p>
+  <p class="govuk-body">Your file must meet our <a class="govuk-link" href="{{ url_for('main.letter_specification') }}">letter specification</a>.</p>
 
 {% endblock %}

app/utils.py

@@ -623,7 +623,7 @@ LETTER_VALIDATION_MESSAGES = {
         'detail': (
             'You need to change the size or orientation of {invalid_pages}. <br>'
             'Files must meet our '
-            <!--replace links to the PDF with links to the new page-->'<a class="govuk-link govuk-link--destructive" href="{letter_spec_guidance}" target="_blank">'
+            '<!--replace links to the PDF with links to the new page--><a class="govuk-link govuk-link--destructive" href="{letter_spec_guidance}" target="_blank">'
             'letter specification'
             '</a>.'
         ),