templates/web/fixmystreet.com/next_steps.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
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 %]&amp;url=[% share_url | uri %]&amp;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>