Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tweak confirm donate message #500

Merged
merged 4 commits into from
Jun 27, 2024
Merged

Tweak confirm donate message #500

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e79e314
Better contrast on donate green
ajparsons Jun 21, 2024
ada8aff
Change confirm page text and image
ajparsons Jun 21, 2024
87c4bb4
Move styling to css
ajparsons Jun 27, 2024
66fea43
Update utm content to differ new campaign
ajparsons Jun 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 14 additions & 8 deletions templates/website/confirm-accept.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

?>

<div class="row hero hero-sent">
<div class="row hero">
<div class="large-10 large-centered columns">
<div class="ms_header_nav">
<nav>
Expand All @@ -18,19 +18,25 @@
</nav>
</div>
<a href="/" class="wtt-logo"><img src="/static/img/logo.png" width="250" height="70" alt="WriteToThem"></a>
<div class="hero-text-container">
<div style="text-align:center;" >
<h2>Your message is on its way.</h2>
<p class="subtitle">If there is a problem getting your message through, we will email you to tell you. Otherwise, you can sit
back and relax.</p>
</div>
<div style="text-align:center;">
<h2>All done! Your message is on its way.</h2>
<p class="subtitle">If, for some reason, we couldn&rsquo;t send your message
to your representative, we will email you to tell you. Otherwise, you can sit
back and relax &mdash; your message is on its way.</p>
<hr style="background-color: white;">
</div>

<div style="text-align:center;">
<?php $values['donate_shown'] = True; ?>
<a href="https://www.mysociety.org/donate?utm_source=writetothem.com&utm_content=donate+now&utm_medium=link&utm_campaign=submitted_page" class="hero__donate__button mysoc-footer__donate__button">Donate now</a>
<p>Your donations keep this site and others like it running</p>
<h2>
Can you help other people who need to send a message?
</h2>
<p>With your support, we can help more people get their message to the right place.</p>
<a href="https://www.mysociety.org/donate?utm_source=writetothem.com&utm_content=help+others&utm_medium=link&utm_campaign=submitted_page" class="hero__donate__button mysoc-footer__donate__button">Donate now</a>
</div>
</div>
</div>

</div>

Expand Down
2 changes: 1 addition & 1 deletion web/static/css/wtt.css
View file
Open in desktop

Large diffs are not rendered by default.

18 changes: 17 additions & 1 deletion web/static/sass/wtt.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -425,6 +425,22 @@ $colour_violet: #a94ca6;
}
}

.hero-text-container {
background-color: rgba(0, 0, 0, 0.5);
padding-top:10px;
padding-bottom:10px
}

.hero-text-container h2 {
font-size: 2em;
}

@media only screen and (max-width: 767px) {
.hero-text-container h2 {
font-size: 1.5em;
}
}

.hero--responsiveness {
background-image: url(../img/heroes/index-responsiveness.jpg);
background-position: 50% 40%;
Expand Down Expand Up @@ -1116,7 +1132,7 @@ $mysoc-footer-background-color: $body-bg;
$mysoc-footer-link-text-color: $link-color;
$mysoc-footer-link-hover-text-color: #333;
$mysoc-footer-donate-background-color: $content-background-colour;
$mysoc-footer-donate-button-background-color: $success-color;
$mysoc-footer-donate-button-background-color: #28a745;

@import "mysoc_footer";

Expand Down
Loading