diff options
Diffstat (limited to 'templates/web/fixmystreet.com/next_steps.html')
| -rw-r--r-- | templates/web/fixmystreet.com/next_steps.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/templates/web/fixmystreet.com/next_steps.html b/templates/web/fixmystreet.com/next_steps.html new file mode 100644 index 000000000..5a26a67fe --- /dev/null +++ b/templates/web/fixmystreet.com/next_steps.html @@ -0,0 +1,42 @@ +[%# A trio of suggested steps, shown on completion pages across FMS.com %] + +[% DEFAULT share_url = c.cobrand.base_url %] +[% DEFAULT twitter_comment = 'I just used @fixmystreet, you should try it!' %] + +<div class="next-steps"> + <div class="next-steps__step next-steps__step--apps"> + [% IF just_interacted %] + <h2>[% loc('Next time, try our mobile app!') %]</h2> + [% ELSE %] + <h2>[% loc('Have you tried our mobile app?') %]</h2> + [% END %] + <p>[% loc('Download it now, and it’ll be ready to use when you next pick up your phone.') %]</p> + <p class="next-steps__step__cta"> + <a href="https://itunes.apple.com/gb/app/fixmystreet/id297456545"><img src="/cobrands/fixmystreet.com/images/next-step-apple.png" alt="Download on the App Store" width="120" height="37"></a> + <a href="https://play.google.com/store/apps/details?id=org.mysociety.FixMyStreet"><img src="/cobrands/fixmystreet.com/images/next-step-google.png" alt="Android app on Google Play" width="120" height="37"></a> + </p> + </div> + <div class="next-steps__step next-steps__step--social"> + [% IF just_interacted %] + <h2>[% loc('Great work. Now spread the word!') %]</h2> + <p>[% loc('Share your report on Twitter and Facebook, and let your friends join the conversation.') %]</p> + [% ELSE %] + <h2>[% loc('Spread the word about FixMyStreet!') %]</h2> + <p>[% loc('You know how to get things fixed - now make sure your friends do too.') %]</p> + [% END %] + <p class="next-steps__step__cta"> + <a href="https://twitter.com/intent/tweet?text=[% twitter_comment | uri %]&url=[% share_url | uri %]&related=fixmystreet,mysociety"><img src="/cobrands/fixmystreet.com/images/next-step-twitter.png" alt="Tweet it" width="120" height="37"></a> + <a href="https://www.facebook.com/sharer/sharer.php?u=[% share_url | uri %]"><img src="/cobrands/fixmystreet.com/images/next-step-facebook.png" alt="Share on Facebook" width="120" height="37"></a> + </p> + </div> + <div class="next-steps__step next-steps__step--goodies"> + <h2>[% loc('Free FixMyStreet goodies for you!') %]</h2> + <a href="/posters"> + <img src="/cobrands/fixmystreet.com/images/next-step-goodies.png" alt="" width="105" height="125" class="goodies-preview"> + </a> + <p>[% loc('Perfect for civic groups, clubs, and schools.') %]</p> + <p class="next-steps__step__cta"> + <a href="/posters"><img src="/cobrands/fixmystreet.com/images/next-step-download.png" alt="Download" width="120" height="37"></a> + </p> + </div> +</div> |