<div id="fsf-modal-window-elem">
<div id="fsf-modal-window-elem-header">
<div id="fsf-modal-window-elem-close-button" onclick="//fsfModalWindowElemDontShowForAWhile();">
- <i class="fa fa-close"></i>
+ <i class="fa fa-close">​</i>
</div>
- <h2>Join us and make an impact!</h2>
+ <h2>Join us and make a difference!</h2>
</div>
<div id="fsf-modal-window-elem-left-column">
<div id="fsf-modal-window-elem-text">
<p>
-Our associate members are the heart of the FSF's commitment to a society where software respects our freedom and dignity. Every individual that takes a stand will help us reach our goal to welcome 600 new free software advocates by December 31st.
+With your help, we can make this new decade one in which tools and devices will no longer control their users.
</p>
-<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frfall2019&pk_kwd=learn-more&pk_source=modal">READ MORE</a> | <a href="https://my.fsf.org/join?pk_campaign=frfall2019&pk_source=modal2">JOIN</a></span></p>
+<p>
+
+To ring in 2020, we're extending our offer for exclusive gifts to all new or renewing annual associate members until January 17th.
+
+</p>
+
+<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frfall2019&pk_kwd=learn-more&pk_source=modal">READ MORE</a> | <a href="https://www.fsf.org/blogs/community/presenting-shoetool-happy-holidays-from-the-fsf?pk_campaign=frfall2019&pk_source=modal2">WATCH THE VIDEO</a></span></p>
</div>
</div>
</div>
<div style="background-color:#930093">
- <a style="text-shadow: 0px 0px 8px #460046;" href="https://my.fsf.org/renew?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh"></i> Renew</a>
+ <a style="text-shadow: 0px 0px 8px #460046;" href="https://my.fsf.org/renew?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh"> </i>Renew</a>
</div>
<div style="background-color:#42009a; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
- <a style="text-shadow: 0px 0px 8px #22004e;" href="https://my.fsf.org/donate?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money"></i> Donate</a>
+ <a style="text-shadow: 0px 0px 8px #22004e;" href="https://my.fsf.org/donate?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money"> </i>Donate</a>
</div>
</div>
- <!--
- <div id="fsf-modal-window-elem-maybe-later">
- <a onclick="//fsfModalWindowElemMaybeLater();">maybe later</a>
- </div>
- -->
</div>
</div>
</div>
startTime = new Date('2019-11-18T04:00:00Z');
switchTextTime = new Date('2019-12-12T04:00:00Z');
-endTime = new Date('2020-01-01T04:00:00Z');
+endTime = new Date('2020-01-18T04:00:00Z');
// possibly switch the text that is displayed in the modal window, depending
// upon the current date.
// switch dbd text
document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
\
-<p>Our associate members are the heart of the FSF\'s commitment to a society where software respects our freedom and dignity. Every individual that takes a stand will help us reach our goal to welcome 600 new free software advocates by December 31st.</p> \
+<p>With your help, we can make this new decade one in which tools and devices will no longer control their users.<\/p><p>To ring in 2020, we\'re extending our offer for exclusive gifts to all new or renewing annual associate members until January 17th.<\/p> \
\
-<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frfall2019&pk_kwd=learn-more&pk_source=modal">READ MORE</a> | <a href="https://my.fsf.org/join?pk_campaign=frfall2019&pk_source=modal2">JOIN</a></span></p>';
+<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frfall2019&pk_kwd=learn-more&pk_source=modal">READ MORE<\/a> | <a href="https://www.fsf.org/blogs/community/presenting-shoetool-happy-holidays-from-the-fsf?pk_campaign=frfall2019&pk_source=modal2">WATCH THE VIDEO<\/a><\/span><\/p>';
}
// show fsf-modal-window-elem if it hasn't been previously closed by
var pattern, noShowFsfModalWindowElementP, now;
-// now = new Date();
-// if (now.getTime() < startTime.getTime() || now.getTime() > endTime.getTime()) {
-// return; // don't show the fsf-modal-window-elem
-// }
-
// see if cookie says not to show element
pattern = /showFsfFall2019FundraiserModalWindowElementP\s*=\s*false/;
noShowFsfModalWindowElementP = pattern.test(document.cookie);
function fsfModalWindowElemHide () {
document.getElementById("fsf-modal-window-elem-container").style.display="none";
}
+
// optionally hide elem and set a cookie to keep the fsf-modal-window-elem hidden for the next `forDays`.
function fsfModalWindowElemDontShowForDays (forDays, hideNow) {
if (hideNow === true) {
// hide the element from now to two weeks after closing it
function fsfModalWindowElemDontShowForAWhile () {
- fsfModalWindowElemDontShowForDays(14, true);
+ fsfModalWindowElemDontShowForDays(7, true);
}
-// hide the element from now to past the date of the campaign
-//function fsfModalWindowElemDontShowAgain () {
-// fsfModalWindowElemDontShowForDays(120, true);
-//}
-// don't show the element for a while
-//function fsfModalWindowElemMaybeLater () {
-// fsfModalWindowElemDontShowForDays(1, true);
-//}
+
// keep the element visible for now, but don't show it for a while
function fsfModalWindowElemFollowedLink () {
fsfModalWindowElemDontShowForDays(14, false);
document.getElementById("fsf-modal-window-elem-container").addEventListener("click", function(event){
fsfModalWindowElemDontShowForAWhile();
});
+
// don't close popup if clicking non-trasparent part (with the text and buttons)
document.getElementById("fsf-modal-window-elem").addEventListener("click", function(event){
event.stopPropagation();
});
+
// close popup if user clicks X icon
document.getElementById("fsf-modal-window-elem-close-button").addEventListener("click", function(event){
fsfModalWindowElemDontShowForAWhile();
});
-//// close popup if user clicks maybe-later div
-//document.getElementById("fsf-modal-window-elem-maybe-later").addEventListener("click", function(event){
-// fsfModalWindowElemMaybeLater();
-//});
+
// disable popup if user clicks one of the main buttons
document.getElementById("fsf-modal-window-elem-buttons").addEventListener("click", function(event){
fsfModalWindowElemFollowedLink();
});
+
// disable popup if user clicks one of the "Read more" link
document.getElementById("fsf-modal-window-text-link").addEventListener("click", function(event){
fsfModalWindowElemFollowedLink();
});
+
// close popup if user presses escape key
window.addEventListener("keydown", function (event) {
switch (event.key) {