<!-- Add banner and modal window here -->
-<iframe src="//static.fsf.org/nosvn/banners/2019fundraiser-fall/" width="100%" height="100%" scrolling="no" style="overflow: hidden; margin: 0; border: 0 none; display: block;"></iframe>
+ <iframe src="//static.fsf.org/nosvn/banners/2020fundraiser-fall/" style="width: 100%; height: 150px; display: block; margin: 0; border: 0 none; overflow: hidden;"></iframe>
- <!-- begin fsf-modal-window-elem campaign element -->
+ <!-- Begin fsf-modal-window-elem campaign element -->
<link type="text/css" rel="stylesheet" href="https://static.fsf.org/nosvn/fonts/fa/css/font-awesome.min.css">
<style>
#fsf-modal-window-elem-container div {
#fsf-modal-window-elem {
overflow: auto;
- zoom: 1;
padding: 20px;
border-style: solid;
border-width: 5px;
- border-color: #ff00ff;
+ border-color: #c44945;
border-radius: 20px;
box-shadow: 0px 0px 10px #111111;
- background-color: #19003a;
+ background-color: #fff2ab;
}
#fsf-modal-window-elem-header {
font-family: sans-serif,"Helvetica",Arial;
font-weight: bold;
font-size: 24px;
- color: #edd400;
- text-shadow: 0px 0px 8px #00378c;
+ color: #002047;
+ /* text-shadow: 0px 0px 8px #00378c; */
padding-bottom: 20px;
margin-top: 0px;
margin-bottom: 0px;
#fsf-modal-window-elem-buttons a {
width: 100%;
display: block;
- text-align:center;
+ text-align: center;
font-size:35px;
- color:#FFFFFF;
+ color:#002047;
text-decoration: none;
font-family: sans-serif,"Helvetica",Arial;
font-weight: normal;
}
#fsf-modal-window-elem-text a {
- color: #edd400;
+ color: #002047;
font-weight: 700;
text-decoration: none;
}
#fsf-modal-window-elem-text p {
font-family: sans-serif,"Helvetica",Arial;
- font-size: 18px;
+ font-size: 17px;
font-weight: normal;
margin: 0px 0px 10px 0px;
line-height: 20px;
- color: #ffffff;
- text-shadow: 0px 0px 8px #4600ba;
+ color: #002047;
+ /* text-shadow: 0px 0px 8px #004067;*/
}
</style>
<div id="fsf-modal-window-elem-container" style="display: none;">
<div id="fsf-modal-window-elem-close-button" onclick="//fsfModalWindowElemDontShowForAWhile();">
<i class="fa fa-close">​</i>
</div>
- <h2>Join us and make an impact!</h2>
+ <h2>All aboard for software freedom!</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.
+In our 35 year journey, free software has become a vital global movement for user freedom.
+
+</p>
+
+<p>
+
+Without free software, we cannot and will not have a free society. Your membership fuels the voyage forward, and will help us reach our ultimate destination: full software freedom.
+
+</p>
+
+<p>
+
+Join us today for $10/month ($5 for students) and help us reach our December 31 goal of 500 new associate members!
</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=frfall2020&pk_kwd=learn-more&pk_source=modal">Read more</a> | <a href="https://my.fsf.org/join?pk_campaign=frfall2020&pk_source=modal">Join</a></span></p>
</div>
</div>
<div id="fsf-modal-window-elem-right-column">
<div id="fsf-modal-window-elem-buttons" style="border-radius: 20px; box-shadow: 0px 0px 5px #0c2b2b;">
- <div style="background-color:#ff00ff; border-top-right-radius: 20px; border-top-left-radius: 20px;">
- <a style="text-shadow: 0px 0px 8px #b300b3;" href="https://my.fsf.org/join?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle"> </i>Join</a>
+ <div style="background-color:#c44945; border-top-right-radius: 20px; border-top-left-radius: 20px;">
+ <a style="text-shadow: 0px 0px 6px #e75e57;" href="https://my.fsf.org/join?pk_campaign=frfall2020&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle"> </i>Join</a>
</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>
+ <!--<div style="background-color:#fff2ab">-->
+ <div style="background-color:#c8c4ff">
+ <a style="text-shadow: 0px 0px 4px #e75e57;" href="https://my.fsf.org/renew?pk_campaign=frfall2020&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>
+ <div style="background-color:#7745a8; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
+ <a style="text-shadow: 0px 0px 6px #fff2ab;" href="https://my.fsf.org/donate?pk_campaign=frfall2020&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money"> </i>Donate</a>
</div>
</div>
</div>
</div>
</div>
</div>
- <script type="text/javascript">
+ <script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
-// licensed GPLv3-or-later by Andrew Engelbrecht
+// Licensed GPLv3-or-later by Andrew Engelbrecht
var startTime, endTime, switchTextTime;
-startTime = new Date('2019-11-18T04:00:00Z');
-switchTextTime = new Date('2019-12-12T04:00:00Z');
-endTime = new Date('2020-01-01T04:00:00Z');
+startTime = new Date('2020-11-13T04:00:00Z');
+switchTextTime = new Date('2020-12-16T04:00:00Z');
+// endTime is unused.
+endTime = new Date('2021-01-01T04:00:00Z');
-// possibly switch the text that is displayed in the modal window, depending
+// Possibly switch the text that is displayed in the modal window, depending
// upon the current date.
function fsfModalWindowElemMaybeSwitchText () {
now = new Date();
if (now.getTime() < switchTextTime.getTime()) {
- return; // don't switch the dbd text
+ return; // Do not switch the text
}
- // switch dbd text
+ // Switch 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>In our 35 year journey, free software has become a vital global movement for user freedom.<\/p><p>Without free software, we cannot and will not have a free society. Your membership fuels the voyage forward, and will help us reach our ultimate destination: full software freedom.<\/p><p>Join us today for $10\/month ($5 for students) and help us reach our December 31 goal of 500 new associate members!<\/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=frfall2020&pk_kwd=learn-more&pk_source=modal">Read more<\/a> | <a href="https://my.fsf.org/join?pk_campaign=frfall2020&pk_source=modal">Join<\/a><\/span><\/p>';
}
-// show fsf-modal-window-elem if it hasn't been previously closed by
+// Show fsf-modal-window-elem if it has not been previously closed by
// the user, nor recently hit "maybe later",
// and the campaign is still happening
function fsfModalWindowElemMaybeShow () {
var pattern, noShowFsfModalWindowElementP, now;
- // see if cookie says not to show element
- pattern = /showFsfFall2019FundraiserModalWindowElementP\s*=\s*false/;
+ // See if cookie says not to show element
+ pattern = /showFsfFall2020FundraiserModalWindowElementP\s*=\s*false/;
noShowFsfModalWindowElementP = pattern.test(document.cookie);
-//// uncomment here to enable modal window hiding
+//// Uncomment here to enable modal window hiding
if (!noShowFsfModalWindowElementP) {
setTimeout(function () {
// display the element
}
}
-// call this first to set the proper text
+// Call this first to set the proper text.
fsfModalWindowElemMaybeSwitchText();
-// call this right away to avoid flicker
-fsfModalWindowElemMaybeShow();
-
+// Check if appeal is the url.
+if (window.location.href.indexOf("appeal") == -1) {
+ // Call this right away to avoid flicker.
+ fsfModalWindowElemMaybeShow();
+}
-// get the time `plusDays` in the future.
-// can be a fraction.
+// Get the time `plusDays` in the future.
+// This can be a fraction.
function daysInFuture (plusDays) {
var now, future;
return future.toGMTString();
}
-// hide the fsf-modal-window-elem
+// Hide the fsf-modal-window-elem
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`.
+// 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) {
fsfModalWindowElemHide();
}
- //document.cookie = "showFsfFall2019FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
- document.cookie = "showFsfFall2019FundraiserModalWindowElementP=false; path=/; expires=" + daysInFuture(forDays);
+ //document.cookie = "showFsfFall2020FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
+ document.cookie = "showFsfFall2020FundraiserModalWindowElementP=false; path=/; SameSite=Strict; Secure; expires=" + daysInFuture(forDays);
}
-// hide the element from now to two weeks after closing it
+// Hide the element from now to two weeks after closing it
function fsfModalWindowElemDontShowForAWhile () {
fsfModalWindowElemDontShowForDays(7, true);
}
-// keep the element visible for now, but don't show it for a while
+// Keep the element visible for now, but do not show it for a while
function fsfModalWindowElemFollowedLink () {
fsfModalWindowElemDontShowForDays(14, false);
}
-// close popup if user clicks trasparent part
+// Check if visiting appeal page.
+if (window.location.href.indexOf("appeal") > -1) {
+ fsfModalWindowElemDontShowForAWhile();
+}
+
+// Close popup if user clicks trasparent part
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)
+// Do not 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
+// Close popup if user clicks X icon
document.getElementById("fsf-modal-window-elem-close-button").addEventListener("click", function(event){
fsfModalWindowElemDontShowForAWhile();
});
-// disable popup if user clicks one of the main buttons
+// 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
+// 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
+// Close popup if user presses escape key
window.addEventListener("keydown", function (event) {
switch (event.key) {
case "Escape":
return;
}
}, true);
-
// @license-end
</script>
</div>
- <!-- end fsf-modal-window-elem campaign element -->
+ <!-- End fsf-modal-window-elem campaign element -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="row">
<div class="illustration col-md-6">
<center>
- <img src="img/Illustration.png" alt="large-illutration" class="img-responsive center-dblock" /><hr />
- <video style="width: 100%; max-width: 640px;" controls="controls" poster="https://static.fsf.org/nosvn/videos/fsf-shoetool/thumbnails/ShoeTool-Cover-1.jpg" crossorigin="anonymous"><source src="https://static.fsf.org/nosvn/videos/fsf-shoetool/fsf-shoetool-720p.mp4" type="video/mp4" /><track kind="subtitles" label="English" srclang="en" src="https://static.fsf.org/nosvn/videos/fsf-shoetool/captions/shoetoolfsf_en.vtt" default="default" /></video>
+ <hr />
+ <iframe src="https://static.fsf.org/nosvn/videos/fsf-heroes/" id="fsf-heroes-video" scrolling="no" style="overflow: hidden; margin: 0; border: 0 none; display: block; width: 50%; height: 67vw; max-height: 200px;"></iframe>
+ <img src="img/Illustration.png" alt="large-illutration" class="img-responsive center-dblock" />
</center>
</div>
<div class="intro-text col-md-6">
<h4>Freedom is the gift that keeps on giving</h4>
<p>Letting your loved ones know that
you respect their privacy and freedom too much to cave in for the
-newest Apple or Google product is a great gift in itself, and one that
+newest Apple or Google device is a great gift in itself, and one that
you can feel good about.</p>
</div>
</div>
<!-- Our JS -->
<script src="js/magic.js" charset="utf-8"></script>
- <!-- Piwik -->
- <script type="text/javascript">
- // @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt
- var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.fsf.org/" : "http://piwik.fsf.org/");
- document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
- try {
- var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 14);
- piwikTracker.trackPageView();
- piwikTracker.enableLinkTracking();
- } catch (err) {}
- // @license-end
- </script><noscript><p><img src="//piwik.fsf.org/piwik.php?idsite=14" style="border:0" alt="" /></p></noscript>
- <!-- End Piwik Tracking Code -->
+<!-- Piwik -->
+<script type="text/javascript">
+ // @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&dn=gpl-2.0.txt GPL-2.0-or-later
+ var _paq = _paq || [];
+ _paq.push(["trackPageView"]);
+ _paq.push(["enableLinkTracking"]);
+
+ (function() {
+ var u = (("https:" == document.location.protocol) ? "https" : "http") + "://"+"piwik.fsf.org//";
+ _paq.push(["setTrackerUrl", u+"piwik.php"]);
+ _paq.push(["setSiteId", "14"]);
+ var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
+ g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
+ })();
+ // @license-end
+</script>
+<!-- End Piwik Code -->
+<!-- Piwik Image Tracker -->
+<noscript><img src="https://piwik.fsf.org//piwik.php?idsite=14&rec=1" style="border:0" alt="" /></noscript>
+<!-- End Piwik -->
</body>
</html>