mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-15 15:28:50 -04:00
5d873bdc45
This commit adds a 3 screen tour, similar to those used on GOV.UK Verify and Passports. We guerilla tested this on Friday, and it really helped users to build a mental model of how Notify works, so that when they’re playing around with it they have a greater sense of what they’re aiming to do. This makes concepts like templates and placeholders click more quickly. https://www.pivotaltracker.com/story/show/116710119
30 lines
781 B
HTML
30 lines
781 B
HTML
{% extends "withoutnav_template.html" %}
|
||
{% from "components/textbox.html" import textbox %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
{% from "components/banner.html" import banner_wrapper %}
|
||
|
||
{% block page_title %}
|
||
{{heading}} – GOV.UK Notify
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
{% call banner_wrapper(type='tour') %}
|
||
<h2 class="heading-large">Start with templates</h2>
|
||
<p>
|
||
Set up a template like this:
|
||
</p>
|
||
<p>
|
||
<img
|
||
src="/static/images/tour/{{ current_page }}.png"
|
||
width="554" height="97"
|
||
alt="A template for a text message with placeholders for the recipients name, document and date"
|
||
>
|
||
</p>
|
||
<a href='{{ url_for('.tour', service_id=service_id, page=next_page) }}'>
|
||
Next
|
||
</a>
|
||
{% endcall %}
|
||
|
||
{% endblock %}
|