<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>
</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>
// 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>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><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://my.fsf.org/join?pk_campaign=frfall2019&pk_source=modal2">JOIN<\/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) {
</div>
<div class="intro-text col-md-6">
<h1>Does the gift you're giving your loved ones respect their rights?</h1>
- <p>Let your loved ones know that you respect them too much
-to give them gifts that invade their privacy and abuse their freedom.
-This Giving Guide is full of gifts that you can feel good about
-instead.</p>
- <p>When we allow <a href="https://gnu.org/proprietary">proprietary software</a> created by Facebook, Apple, Google, and countless other companies to handle our basic computing tasks, we put an enormous amount of power in their hands, power which they freely exploit. It's only through using <a href="https://www.gnu.org/philosophy/free-sw.html">free software</a>, and <a href="https://ryf.fsf.org">devices running free software</a>, that we can seize this power back.</p>
<p>When picking a gift this year, we urge you to think carefully about
the choice you're making. Is that smart assistant smart enough to
respect your friend or family member's rights? Does that tablet really
have their best interest in mind? Or does that shiny gadget come at a
cost much higher than its price tag?</p>
+ <p>When we allow <a href="https://gnu.org/proprietary">proprietary software</a> created by Facebook, Amazon, Apple, Google, and countless other companies to handle our basic computing tasks, we put an enormous amount of power in their hands, power which they freely exploit. It's only through using <a href="https://www.gnu.org/philosophy/free-sw.html">free software</a>, and <a href="https://ryf.fsf.org">devices running free software</a>, that we can seize this power back.</p>
<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
<h5 class="text-center">Stay away from: Google Pixel</h5>
<ul class="cons">
-<li>The Google Pixel line (and most Android devices) are not only
- restricted by Widevine DRM, they also come with
+<li>The Google Pixel line (and most Android devices) aren't just
+ restricted by Widevine DRM. They also come with
<a href="https://gnu.org/proprietary">proprietary</a> Google apps that
<a href="https://www.gnu.org/proprietary/malware-google.html">subjugate users</a>.</li>
</ul>
</div>
</noscript>
<!-- End Buy/Download button -->
- <div class="collapse" id="sellers-mini-adapter">
+ <div class="collapse" id="sellers-mini-adapter2">
<div class="center-block seller-group">
<a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
<p class="sale-info links">
<h5 class="text-center">Stay away from: Amazon</h5>
<ul class="cons">
<li>Amazon is one of the most notorious DRM offenders. They use this <a href="https://www.defectivebydesign.org/amazon">Orwellian control</a> over their devices and services to spy on users and keep them trapped in their "walled garden."</li>
-<li>ead more about the dangers of DRM through our <a href="https://defectivebydesign.org">Defective by Design</a> campaign.</li>
+<li>
Read more about the dangers of DRM through our <a href="https://defectivebydesign.org">Defective by Design</a> campaign.</li>
</ul>
</div>
<!--End Bad-->
<div class="good col-md-6 col-sm-6">
<h5 class="text-center">DRM-free Music</h5>
<ul class="pros">
-<p>Despite the efforts of companies like Spotify, we can still dance to music in the free world. Thanks to the <a href="https://www.defectivebydesign.org/guide/audio">artists, producers, record labels, and shops</a> highlighted on <a href="https://www.defectivebydesign.org">Defective by Design</a>, the rights-respecting options are nearly endless. Check out music from great labels and artists, including:</p>
+ <p>Despite the efforts of companies like Spotify, we can still dance to music in the free world. Thanks to the <a href="https://www.defectivebydesign.org/guide/audio">artists, producers, record labels, and shops</a> highlighted on on our <a href="https://www.defectivebydesign.org/guide/">Guide to DRM-free Living</a>, the rights-respecting options are nearly endless. Check out music from great labels and artists, including:</p>
<li>All of the music on <a href="https://bandcamp.com">Bandcamp</a> is DRM-free and comes in a variety of formats, including patent-free ones like FLAC and Ogg Vorbis.</li>
<li><a href="https://www.dischord.com/">Dischord Records</a>, a classic punk label providing music since 1980.</li>
<li><a href="https://www.emusic.com/">Emusic</a> is a DRM-free replacement for services like Spotify and Apple Music.</li>
-<li><a href="https://folkways.si.edu/">Folkways</a>, providing digital downloads of the world's best folk and children's music, courtesy of the Smithsonian Institute, courtesy of the Smithsonian Institute.</li>
+<li><a href="https://folkways.si.edu/">Folkways</a>, providing digital downloads of the world's best folk and children's music, courtesy of the Smithsonian Institute.</li>
</ul>
</div>
<div class="good col-md-6 col-sm-6">
</div>
<div class="panel-body" id="licenses">
- <p>This page by the Free Software Foundation is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a>.
+ <p>This page by the Free Software Foundation is licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a> license.
</p>
<p>The graphics and photos used on this page have been modified by the Free Software Foundation and are licensed separately under the following terms: </p>
<ul style="list-style: none inside none;">
- <li>Purism product image licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution ShareAlike 4.0</a> license.</li>
+ <li>Purism product image licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a> license.</li>
<li>X200 image in the public domain.</li>
<li>NeuG image licensed under the <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0</a> license.</li>
- <li>ThinkPenguin images are licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution ShareAlike 4.0</a> license.</li>
+ <li>ThinkPenguin images are licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a> license.</li>
<li>Technoethical Replicant S3 image licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a> license.</li>
<li>Photo of bookshelf by <a href="https://www.flickr.com/photos/seeminglee/4556156477/">See-ming Lee</a> licensed under the <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution-ShareAlike 2.0</a> license.</li>
</div>
projects / fsf-giving-guide.git / blobdiff