Skip to content

Added newsletter to Contact page #2027

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

Open
lucascumsille wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Added newsletter to Contact page #2027

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a47beb4
Added mySociety logo svg version in black
lucascumsille Jun 11, 2026
c6ef0a3
Added `static/_newsletter.php` template
lucascumsille Jun 11, 2026
0d953fc
Added newsletter to Contact page
lucascumsille Jun 11, 2026
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
Binary file added www/docs/images/contact-banner.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions www/docs/style/img/logo-mysociety-black.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions www/docs/style/sass/app.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -275,6 +275,7 @@ form {
@import "pages/login";
@import "pages/divisions";
@import "pages/future";
@import "pages/contact";

.content-page {
p, ol, ul {
Expand Down
58 changes: 58 additions & 0 deletions www/docs/style/sass/pages/_contact.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
.contact-section {
@include grid-row(collapse);

margin-bottom: 2em;
border-radius: 3px;
background-color: white;
}

.contact-section__primary {
@include grid-column(12, $collapse: true);
padding: 1em;
border-bottom: 1px solid $colour_off_white;

@media (min-width: $medium-screen) {
padding: 2.5em 3em;
}

@media (min-width: $large-screen) {
@include grid-column(7, $collapse: true);
padding: 2.5em 3em;
border-bottom: none;
border-right: 1px solid $colour_off_white;
}

.intro-image {
margin: -1.5em -1em 1em;
width: calc(100% + 2em);
max-width: none;
// max-height and object-fit restrict the size in medium screens like tablets.
max-height: 50dvh;
object-fit: cover;

@media (min-width: $medium-screen) {
margin: -2.5em -3em 1em;
width: calc(100% + 6rem);
}
}
}

.contact-section__secondary {
@include grid-column(12, $collapse: true);
padding: 1.5em;

@media (min-width: $medium-screen) {
padding: 2.5em 2em;
}

@media (min-width: $large-screen) {
@include grid-column(5, $collapse: true);
padding: 2.5em 2em;
}

a {
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
}
33 changes: 33 additions & 0 deletions www/includes/easyparliament/templates/html/static/_newsletter.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<h1 aria-label="<?= gettext('About mySociety') ?>">
<?= gettext('About') ?>
<br>
<img src="/style/img/logo-mysociety-black.svg" alt="" width="225">
</h1>
<h3><?= gettext('Sign up for updates on our democracy and Parliaments work')?></h3>
<form method="post" class="footer__newsletter-form" action="//mysociety.us9.list-manage.com/subscribe/post?u=53d0d2026dea615ed488a8834&amp;id=287dc28511" onsubmit="trackFormSubmit(this, 'FooterNewsletterSignup', 'submit', null); return false;">
<div class="row collapse">
<div class="small-8 columns">
<input type="email" placeholder="Your email address" name="EMAIL"/>
</div>
<div class="small-4 columns">
<label style="position: absolute; left: -5000px;">
Leave this box empty: <input type="text" name="b_53d0d2026dea615ed488a8834_287dc28511" tabindex="-1" value="" />
</label>
<input type="hidden" name="group[11745][4]" value="1">
<input type="submit" value="Subscribe" name="subscribe" class="button prefix">
</div>
</div>
<div class="row collapse">
<div class="small-12 columns">
<label>
<input type="checkbox" name="group[11745][32]" value="1" style="height: 1em;" checked>
Also sign up to the monthly mySociety newsletter
</label>
</div>
</div>
</form>
<hr>
<p><?= gettext('TheyWorkForYou is run by <a href="https://www.mysociety.org/">mySociety</a>, a UK charity that helps people access information and participate in democracy. We enable people across the UK to become changemakers by providing technology, research and data, openly and for free.') ?></p>
<p><?= gettext('Through <strong>TheyWorkForYou</strong> and <strong>WriteToThem</strong> we have made elected representatives more transparent and contactable. Every year, hundreds of thousands of reports are made through <strong>FixMyStreet</strong>, and over a million Freedom of Information requests have been made through <strong>WhatDoTheyKnow</strong>.') ?></p>

<p><a href="https://www.mysociety.org/about/funding/"><?= gettext('Find out more about how mySociety is funded.') ?></a></p>
46 changes: 26 additions & 20 deletions www/includes/easyparliament/templates/html/static/contact.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,31 @@
<div class="full-page static-page">
<div class="full-page__row">
<div class="panel">
<h1><?= gettext('Who do you want to contact?') ?></h1>
<h2><?= gettext('I need help') ?></h2>
<p>
<?= gettext('The politicians we cover on this website have a duty to help their constituents resolve problems.') ?>
</p>
<p>
<?= gettext('Contact your MP, councillors or regional representatives via <a href="https://www.writetothem.com">WriteToThem.com</a>.') ?>
</p>
<h2><?= gettext('I have feedback about this website') ?></h2>
<p>
<?= gettext('Check our <a href="/help/">FAQs</a> first; your question might be answered there.') ?>
</p>
<p>
<?= gettext('If not, TheyWorkForYou\'s technical support team can be contacted on
<a href="mailto:support@theyworkforyou.com">support@theyworkforyou.com</a>.') ?>
</p>
<p>
<?= gettext('We can only help you with this website - <b>this email will not go to your MP</b>.') ?>
</p>
<img class="intro-image" src="/images/contact-banner.webp" alt="" loading="lazy">
<div class="contact-section">
<div class="contact-section__primary">
<h1><?= gettext('Who do you want to contact?') ?></h1>
<h2><?= gettext('I need help') ?></h2>
<p>
<?= gettext('The politicians we cover on this website have a duty to help their constituents resolve problems.') ?>
</p>
<p>
<?= gettext('Contact your MP, councillors or regional representatives via <a href="https://www.writetothem.com">WriteToThem.com</a>.') ?>
</p>
<h2><?= gettext('I have feedback about this website') ?></h2>
<p>
<?= gettext('Check our <a href="/help/">FAQs</a> first; your question might be answered there.') ?>
</p>
<p>
<?= gettext('If not, TheyWorkForYou\'s technical support team can be contacted on
<a href="mailto:support@theyworkforyou.com">support@theyworkforyou.com</a>.') ?>
</p>
<p>
<?= gettext('We can only help you with this website - <b>this email will not go to your MP</b>.') ?>
</p>
</div>
<div class="contact-section__secondary">
<?php include '_newsletter.php'; ?>
</div>
</div>
</div>
</div>
Loading