darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-15 02:39:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Reword and embiggen the headings

Browse Source 
Also reword some of the `<p>`s so that they flow better from the
headings.

This was a bit me, and a bit sitting down and hammering this stuff out
with Stephen and Sheryll.
This commit is contained in:
Chris Hill-Scott
2016-11-30 13:52:12 +00:00
parent 63e13836b0
commit 4af8206723
2 changed files with 29 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/views/product-page.scss
View File

@@ -71,12 +71,23 @@
&-section {
@extend %site-width-container;
margin-bottom: $gutter-half;
h2 {
@include bold-24;
margin: $gutter-half 0 10px 0;
}
h2 {
@include bold-36;
margin: 0 0 $gutter;
}
.with-keyline {
border-top: 1px solid $border-colour;
padding: $gutter * 1.5 0 0 0;
}
img {
max-width: 100%;
margin: 0 0 $gutter * 1.5 0;

36
app/templates/views/signedout.html
View File

@@ -18,8 +18,8 @@
Send emails and text messages to your users
</h1>
<p>
If you work for a UK government department or agency you can
try GOV.UK Notify now.
Try GOV.UK Notify now if you work for a UK government
department or agency.
</p>
<div class="button-container">
<a class="button button-start" href='{{ url_for('.register' )}}'>
@@ -37,28 +37,28 @@
<div class="grid-row">
<div class="column-half">
<h2>
Get control of your content
Control your content
</h2>
<p>
Straightforward templating means you don’t need technical
knowledge to create emails and text messages.
You don’t need any technical knowledge to create email and
text&nbsp;message templates.
</p>
</div>
<div class="column-half">
<h2>
See how your messages are performing
</h2>
<p>
Track how many messages you’ve sent and which ones aren’t
getting delivered.
</p>
<img src="/static/images/product/01-templates.svg">
</div>
</div>
</div>
<div class="product-page-section">
<div class="grid-row">
<div class="column-half">
<img src="/static/images/product/01-templates.svg">
<h2>
See how your messages perform
</h2>
<p>
Track how many messages you’ve sent and
find out which ones aren’t getting delivered.
</p>
</div>
<div class="column-half">
<img src="/static/images/product/02-reporting.svg">
@@ -66,20 +66,20 @@
</div>
</div>
<div class="product-page-section bottom-gutter-2">
<h2>
Works with your existing systems
<h2 class="with-keyline">
Send messages manually or automatically
</h2>
<div class="grid-row">
<div class="column-half">
<p>
Use the web interface to upload a spreadsheet of
email&nbsp;addresses or phone&nbsp;numbers.
Upload a spreadsheet of email&nbsp;addresses or
phone&nbsp;numbers and Notify sends the messages.
</p>
<img src="/static/images/product/03-spreadsheet.svg">
</div>
<div class="column-half">
<p>
Integrate the GOV.UK Notify API with your web application or
Integrate the GOV.UK Notify API with your web&nbsp;application or
back office system.
</p>
<img src="/static/images/product/04-api.svg">