Skip to content

Commit 74d6b4d

Browse files
committed
Bug 1110966 - remove EOY fundraiser homepage takeover
1 parent 5388cc6 commit 74d6b4d

File tree

4 files changed

+0
-297
lines changed

4 files changed

+0
-297
lines changed

bedrock/mozorg/templates/mozorg/home/home-new.html

Lines changed: 0 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -334,34 +334,6 @@ <h2>{{ _('Need help?') }}</h2>
334334
<button id="scroll-prompt">{{ _('Discover more') }}</button>
335335
</main>
336336

337-
{% if waffle.switch('fundraiser-home-takeover') and LANG.startswith('en-') %}
338-
<article id="fundraiser-splash">
339-
<div class="container">
340-
<h2 class="main-title">Your Gift Helps</h2>
341-
<h3 class="sub-title">People everywhere are helping us build the Internet the world needs — an Internet where the public good comes first.</h3>
342-
<form id="fundraiser-form" method="get" action="#">
343-
<fieldset>
344-
<p>
345-
<label for="donate35">
346-
<input type="radio" value="35" id="donate35" name="amount" tabindex="1" checked> $35
347-
</label>
348-
<label for="donate25">
349-
<input type="radio" value="25" id="donate25" name="amount" tabindex="1"> $25
350-
</label>
351-
<label for="donate15">
352-
<input type="radio" value="15" id="donate15" name="amount" tabindex="1"> $15
353-
</label>
354-
</p>
355-
<p><a href="{{ donate_url('mozillaorg_takeover') }}#amount-35" id="donate-link" class="submit" tabindex="2">Donate Now</a></p>
356-
</fieldset>
357-
</form>
358-
359-
</div>
360-
<button class="close" type="button">Continue to mozilla.org</button>
361-
</article>
362-
<div id="page-overlay"></div>
363-
{% endif %}
364-
365337
{% endblock %}
366338

367339
{% block email_form %}{% endblock %}

media/css/mozorg/home/home-promo.less

Lines changed: 0 additions & 198 deletions
Original file line numberDiff line numberDiff line change
@@ -1157,164 +1157,6 @@ html[lang|="en"] {
11571157
}
11581158

11591159

1160-
/****************************************************************************/
1161-
// 2014 End of Year Fundraiser takeover
1162-
#fundraiser-splash {
1163-
display: none;
1164-
background: #ffcd02 url('/media/img/home/voices/promos/donate/bg-crowd.png') center bottom no-repeat;
1165-
background: url('/media/img/home/voices/promos/donate/bg-crowd.png') center bottom no-repeat,
1166-
#ffcd02 -webkit-radial-gradient(#ffe882, #ffcd02);
1167-
background: url('/media/img/home/voices/promos/donate/bg-crowd.png') center bottom no-repeat,
1168-
#ffcd02 radial-gradient(#ffe882, #ffcd02);
1169-
box-shadow: 0 2px 20px rgba(0, 0, 0, .75);
1170-
color: @textColorSecondary;
1171-
padding-top: 10em;
1172-
padding-bottom: 220px;
1173-
text-shadow: 0 1px 0 rgba(0, 40, 65, .25);
1174-
text-align: center;
1175-
width: 100%;
1176-
position: absolute;
1177-
top: 0;
1178-
left: 0;
1179-
z-index: 8;
1180-
1181-
.container {
1182-
width: @widthTablet - (@gridGutterWidth * 2);
1183-
.clearfix();
1184-
margin-left: auto;
1185-
margin-right: auto;
1186-
padding: 0;
1187-
position: relative;
1188-
}
1189-
1190-
.main-title {
1191-
color: #e63d2f;
1192-
.font-size(72px);
1193-
}
1194-
1195-
.sub-title {
1196-
color: @textColorSecondary;
1197-
.font-size(28px);
1198-
margin-bottom: 1em;
1199-
}
1200-
1201-
label {
1202-
display: inline-block;
1203-
background: #fff;
1204-
padding: 5px 20px;
1205-
margin: 0 5px;
1206-
border-radius: 6px;
1207-
border: 2px solid #fff;
1208-
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
1209-
cursor: pointer;
1210-
.font-size(32px);
1211-
.transition(all .1s ease);
1212-
1213-
input {
1214-
.visually-hidden();
1215-
}
1216-
1217-
&.selected {
1218-
border-color: @linkBlue;
1219-
color: @linkBlue;
1220-
box-shadow: inset 0 0 1px 2px rgba(0, 150, 220, .25),
1221-
0 1px 0 rgba(0, 0, 0, .1);
1222-
}
1223-
}
1224-
1225-
.submit {
1226-
.open-sans;
1227-
color: #fff;
1228-
background: #e63d2f;
1229-
display: inline-block;
1230-
border: 0;
1231-
border-radius: .5em;
1232-
padding: 15px 30px;
1233-
min-width: 220px;
1234-
text-transform: uppercase;
1235-
text-shadow: none;
1236-
font-weight: bold;
1237-
.font-size(@largeFontSize);
1238-
cursor: pointer;
1239-
.transition(all .15s ease-in-out);
1240-
1241-
&:before {
1242-
font-family: 'FA-Icons-Home';
1243-
content: '\f06b'; // gift
1244-
margin-right: 10px;
1245-
}
1246-
1247-
&:hover,
1248-
&:focus,
1249-
&:active {
1250-
color: #fff;
1251-
background-color: darken(#e63d2f, 5%);
1252-
text-decoration: none;
1253-
}
1254-
}
1255-
1256-
.close {
1257-
.open-sans;
1258-
background: #fff;
1259-
background: rgba(255, 255, 255, .92);
1260-
border: 0;
1261-
color: @linkBlue;
1262-
cursor: pointer;
1263-
.font-size(@largeFontSize);
1264-
font-weight: bold;
1265-
text-align: center;
1266-
text-transform: uppercase;
1267-
padding: 10px 0;
1268-
position: absolute;
1269-
left: 0;
1270-
top: 0;
1271-
z-index: 9;
1272-
width: 100%;
1273-
.transition(all .2s ease);
1274-
1275-
&:after {
1276-
content: '\00BB'; /* raquo */
1277-
white-space: nowrap;
1278-
border: 1px solid;
1279-
border-radius: 50%;
1280-
width: 25px;
1281-
height: 25px;
1282-
display: inline-block;
1283-
text-align: center;
1284-
margin-left: 10px;
1285-
.font-size(20px);
1286-
line-height: 1;
1287-
}
1288-
1289-
&:hover,
1290-
&:focus {
1291-
color: darken(@linkBlue, 10%);
1292-
background: #fff;
1293-
}
1294-
}
1295-
}
1296-
1297-
#page-overlay {
1298-
display: none;
1299-
background: #666;
1300-
background: rgba(0, 0, 0, .7);
1301-
width: 100%;
1302-
height: 100%;
1303-
position: absolute;
1304-
left: 0;
1305-
top: 0;
1306-
right: 0;
1307-
bottom: 0;
1308-
}
1309-
1310-
// Tighter spacing for shorter viewports
1311-
@media screen and (max-height: 600px) {
1312-
#fundraiser-splash {
1313-
padding-top: 6em;
1314-
padding-bottom: 120px;
1315-
}
1316-
}
1317-
13181160

13191161
/****************************************************************************/
13201162
// @Widescreen styles
@@ -1594,24 +1436,6 @@ html[lang|="en"] {
15941436
margin-left: -(@widthSquareGrid_6 - (@gridGutterWidth * 2)) / 2;
15951437
}
15961438

1597-
#fundraiser-splash {
1598-
padding-top: 8em;
1599-
padding-bottom: 120px;
1600-
background-size: 780px 134px, auto auto;
1601-
1602-
.container {
1603-
width: @widthMobileLandscape - (@gridGutterWidth * 2);
1604-
}
1605-
1606-
.main-title {
1607-
.font-size(48px);
1608-
}
1609-
1610-
.sub-title {
1611-
.font-size(24px);
1612-
}
1613-
}
1614-
16151439
}
16161440

16171441
@media only screen and (min-width: (@widthSquareGrid_4)) {
@@ -1729,28 +1553,6 @@ html[lang|="en"] {
17291553
display: none;
17301554
}
17311555

1732-
#fundraiser-splash {
1733-
padding-top: 6em;
1734-
padding-bottom: 90px;
1735-
background-size: 640px 110px, auto auto;
1736-
1737-
.container {
1738-
width: @widthMobile - (@gridGutterWidth * 2);
1739-
}
1740-
1741-
.main-title {
1742-
.font-size(36px);
1743-
}
1744-
1745-
.sub-title {
1746-
.font-size(20px);
1747-
}
1748-
1749-
label {
1750-
.font-size(20px);
1751-
}
1752-
}
1753-
17541556
}
17551557

17561558
/*
-24.9 KB
Binary file not shown.

media/js/mozorg/home/home.js

Lines changed: 0 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -209,75 +209,4 @@ $(function () {
209209
initPromoHover();
210210
}
211211

212-
// End of year fundraising takeover
213-
var $document = $(document);
214-
var $splash = $('#fundraiser-splash');
215-
var splash_height = $splash.height();
216-
var $splash_close = $splash.find('.close');
217-
var $splash_overlay = $('#page-overlay');
218-
219-
if ($splash.length > 0) {
220-
try {
221-
if (sessionStorage.getItem('takeover') !== 'closed') {
222-
$splash.show();
223-
$splash_overlay.show();
224-
}
225-
} catch (ex) {}
226-
227-
$splash_close.on('click', closeSplash);
228-
$splash_overlay.on('click', closeSplash);
229-
230-
// close with escape key
231-
$document.bind('keyup.splash', function(e) {
232-
if (e.which === 27 && $splash.is(':visible')) {
233-
closeSplash();
234-
}
235-
});
236-
}
237-
238-
var $options = $('#fundraiser-form input[name=amount]');
239-
var $donatelink = $('#donate-link');
240-
var donateurl = $donatelink.attr('href');
241-
242-
// Do stuff when an option is selected
243-
var select_option = function(option) {
244-
// Style the selected option (reset all of them first to unstyle previous selection)
245-
$options.parents('label').removeClass('selected');
246-
option.parents('label').addClass('selected');
247-
donateurl = donateurl.split('#')[0] + '#amount-' + option.val();
248-
$donatelink.attr('href', donateurl);
249-
};
250-
251-
$options.on('change', function() {
252-
var $this = $(this);
253-
select_option($this);
254-
});
255-
256-
$options.on('focus', function() {
257-
var $this = $(this);
258-
$options.parents('label').removeClass('selected');
259-
$this.parents('label').addClass('selected');
260-
});
261-
262-
// If an option is checked at pageload, do the selection stuff
263-
var $option_checked = $('#fundraiser-form input[name=amount]:checked');
264-
if ($option_checked.length > 0) {
265-
select_option($option_checked);
266-
}
267-
268-
function closeSplash() {
269-
$splash.animate({
270-
top: '-' + (splash_height + 600)
271-
}, 750, function() {
272-
$splash_overlay.fadeOut().remove();
273-
$splash.remove();
274-
$document.unbind('keyup.splash');
275-
});
276-
try {
277-
sessionStorage.setItem('takeover', 'closed');
278-
} catch (ex) {}
279-
280-
gaTrack(['_trackEvent', 'Homepage Interactions', 'link click', 'Continue to mozilla.org']);
281-
}
282-
283212
});

0 commit comments

Comments
 (0)