darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-06 10:28:26 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3624 from alphagov/add-accessible-letter-specification

Browse Source 
Add accessible letter specification
This commit is contained in:
Tom Byers
2020-09-22 16:36:15 +01:00
committed by GitHub
parent 422825f03b f6a31dfcaf
commit a75cde039f
8 changed files with 83 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
app/templates/views/guidance/letter-specification.html Normal file
View File

@@ -0,0 +1,57 @@
{% extends "content_template.html" %}
{% from "components/service-link.html" import service_link %}
{% block per_page_title %}
Letter specification
{% endblock %}
{% block content_column_content %}
<h1 class="heading-large">Letter specification</h1>
<p class="govuk-body">Page size and layout: A4 portrait (210 × 297 mm)</p>
<p class="govuk-body">Maximum file size: 2 MB</p>
<p class="govuk-body">Your letter must 10 pages or less (5 double-sided sheets of paper).</p>
<p class="govuk-body">The content of your letter must appear inside the printable area.</p>
<p class="govuk-body">To help you set up your letter, you can download our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.letter_spec') }}">letter specification as a PDF</a>.</p>
<details class="govuk-details" data-module="govuk-details">
<summary class="govuk-details__summary">
<span class="govuk-details__summary-text">
See a text version of the letter specification
</span>
</summary>
<div class="govuk-details__text">
<h2 class="heading-medium">Page 1 of 10</h2>
<p class="govuk-body">Left margin 15mm</p>
<p class="govuk-body">Right margin 15mm</p>
<p class="govuk-body">Top margin 5mm</p>
<p class="govuk-body">Bottom margin 5mm</p>
<h3 class="heading-small">Logo block</h3>
<p class="govuk-body">Position: 15mm from left edge, 5mm from top edge</p>
<p class="govuk-body">Size: 200mm wide by 25mm high</p>
<h3 class="heading-small">Address block</h3>
<p class="govuk-body">Position: 39.5mm from left edge, 24.6mm from top edge</p>
<p class="govuk-body">Size: 95.4mm wide by 26.8mm high</p>
<h3 class="heading-small">Letter contact block</h3>
<p class="govuk-body">Position: 125mm from left edge, 30mm from top edge</p>
<p class="govuk-body">Size: 65mm wide by 65mm high</p>
<h2 class="heading-medium">Pages 2 to 10</h2>
<p class="govuk-body">Left margin 15mm</p>
<p class="govuk-body">Right margin 15mm</p>
<p class="govuk-body">Top margin 5mm</p>
<p class="govuk-body">Bottom margin 5mm</p>
</div>
</details>
{% endblock %}

15
app/templates/views/guidance/upload-a-letter.html
View File

@@ -20,19 +20,6 @@
<li>Select <b class="govuk-!-font-weight-bold">Choose file</b>.</li>
</ol>
<h2 class="heading-medium" id="letter-specification">Your file must meet our letter specification</h2>
<p class="govuk-body">The content of your letter must appear inside the printable area.</p>
<p class="govuk-body">Your file must be:</p>
<ul class="list list-bullet">
<li>a PDF</li>
<li>A4 portrait size (210 × 297 mm)</li>
<li>10 pages or less (5 double-sided sheets of paper)</li>
<li>smaller than 2MB</li>
</ul>
<p class="govuk-body">To help you set up your letter, you can download our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.letter_spec') }}">letter specification document (PDF)</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 %}

15
app/templates/views/uploads/choose-file.html
View File

@@ -35,20 +35,7 @@
)}}
</p>
<h2 class="heading-medium">Your file must meet our letter specification</h2>
<p class="govuk-body">The content of your letter must appear inside the printable area.</p>
<p class="govuk-body">Your file must be:</p>
<ul class="list list-bullet">
<li>a PDF</li>
<li>A4 portrait size (210 × 297 mm)</li>
<li>10 pages or less (5 double-sided sheets of paper)</li>
<li>smaller than 2MB</li>
</ul>
<p class="govuk-body">To help you set up your letter, you can download our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.letter_spec') }}">letter specification document (PDF)</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>
</div>
</div>
{% endblock %}