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

Make it clearer what Notify is for from homepage

Browse Source 
Uses some graphic design to communicate what Notify is:

- for sending messages to lots of people
- messages can be personalised
This commit is contained in:
Chris Hill-Scott
2016-06-03 16:55:59 +01:00
parent d4103767d2
commit 1667996716
6 changed files with 157 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/templates/components/phone.html Normal file
View File

@@ -0,0 +1,16 @@
{% macro phone(recipient, message) %}
<div class="phone">
<div class="phone-speaker"></div>
<div class="phone-screen">
<h2 class="phone-recipient">
<span class="visually-hidden">
Example text message
</span>
To: {{recipient}}
</h2>
<div class="phone-sms">
{{ message }}
</div>
</div>
</div>
{% endmacro %}

3
app/templates/views/register.html
View File

@@ -11,9 +11,6 @@ Create an account – GOV.UK Notify
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-large">Create an account</h1>
<p>If you’ve used GOV.UK Notify before, <a href="{{ url_for('.sign_in') }}">sign in to your account</a></p>
<form method="post" autocomplete="nope">
{{ textbox(form.name, width='3-4') }}
{{ textbox(form.email_address, hint="Must be from a central government organisation", width='3-4', safe_error_message=True) }}

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

@@ -1,3 +1,6 @@
{% from "components/banner.html" import banner_wrapper %}
{% from "components/phone.html" import phone %}
{% extends "withoutnav_template.html" %}
{% block page_title %}
@@ -6,23 +9,51 @@
{% block maincolumn_content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">GOV.UK Notify</h1>
<p>
Making it easy to send text messages and emails to your users.
{% call banner_wrapper(type='intro') %}
<h1 class="heading-medium">
GOV.UK Notify makes it easy to send text messages and emails to
your users.
</h1>
<p class="heading-medium">
If you work for a UK government department or agency you can try
it now.
</p>
<p>
If you work for a UK government department or agency you can try it now.
<p class="button-block">
<a class="button button-start" href='{{ url_for('.register' )}}'>
Create an account
</a>
or <a href="{{ url_for('.sign_in' )}}">sign in</a> if you’ve used
it before
</p>
<p>
<a class="button" href="{{ url_for('.register' )}}" role="button">Set up an account</a>
</p>
<p>
If you’ve used GOV.UK Notify before, <a href="{{ url_for('.sign_in' )}}">sign in to your account</a>.
</p>
</div>
</div>
<div class="grid-row phone-container">
<div class="column-one-third">
{{ phone(
"07900911111",
"""
Joshua, we’ve started processing your application.
You should hear back from us within two weeks.
"""
) }}
</div>
<div class="column-one-third">
{{ phone(
"07900922222",
"""
Amala, we’ve started processing your application.
You should hear back from us within two weeks.
"""
) }}
</div>
<div class="column-one-third">
{{ phone(
"07900933333",
"""
Roman, we’ve started processing your application.
You should hear back from us within two weeks.
"""
) }}
</div>
</div>
{% endcall %}
{% endblock %}