Validation warnings
[fsf-giving-guide.git] / v10 / givingguide.html
index 2c5a67e..4f1295e 100644 (file)
                         <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">&#8203;</i>
                                 </div>
                                 <h2>Join us and make an impact!</h2>
                             </div>
@@ -357,20 +357,13 @@ Our associate members are the heart of the FSF's commitment to a society where s
                                     </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">&nbsp;</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">&nbsp;</i>Donate</a>
                                     </div>
                                 </div>
-                                <!--
-                                <div id="fsf-modal-window-elem-maybe-later">
-                                    <a onclick="//fsfModalWindowElemMaybeLater();">maybe later</a>
-                                </div>
-                                -->
                             </div>
                         </div>
                     </div>
@@ -400,9 +393,9 @@ function fsfModalWindowElemMaybeSwitchText () {
     // 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
@@ -412,11 +405,6 @@ function fsfModalWindowElemMaybeShow () {
 
     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);
@@ -450,6 +438,7 @@ function daysInFuture (plusDays) {
 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) {
@@ -461,16 +450,9 @@ function fsfModalWindowElemDontShowForDays (forDays, hideNow) {
 
 // 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);
@@ -480,26 +462,27 @@ function fsfModalWindowElemFollowedLink () {
 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)  {
@@ -559,7 +542,7 @@ window.addEventListener("keydown",  function  (event)  {
 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 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>
 <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
@@ -582,7 +565,7 @@ newest Apple or Google product is a great gift in itself, and one that
         <div class="row">
           <!-- Begin Action -->
           <div class="action col-md-4 col-sm-4 text-center">
-            <a class="action-button" href="https://www.fsf.org/share?u=https://www.fsf.org/givingguide/&amp;t=Check out the Free Software Foundation Ethical Tech Giving Guide">Tell your friends</a>
+            <a class="action-button" href="https://www.fsf.org/share?u=https://www.fsf.org/givingguide/" alt="Check out the Free Software Foundation Ethical Tech Giving Guide">Tell your friends</a>
             <p>
                          Use the hashtag <span class="label label-default">#givefreely</span> on social media sites like <a href="https://fsf.org/twitter">Twitter</a>, <a href="https://mastodon.social">Mastodon</a>, or <a href="https://www.gnu.org/software/social/">GNU social</a>. You might get a gift out of it yourself!
             </p>
@@ -1095,7 +1078,7 @@ numbers, which aids in password generation and encryption.</p>
                 </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">
@@ -1141,7 +1124,7 @@ numbers, which aids in password generation and encryption.</p>
              <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 &quot;walled garden.&quot;</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-->
@@ -1155,7 +1138,7 @@ numbers, which aids in password generation and encryption.</p>
                  <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>
@@ -1164,7 +1147,7 @@ numbers, which aids in password generation and encryption.</p>
                  </div>
           <div class="good col-md-6 col-sm-6">
 <ul class="cons">
-<li>Stay away from: Spotify, iTunes, and all other major streaming services</li>
+<li>Stay away from: Spotify, Apple Music, and all other major streaming services</li>
 <li>Spotify is only one of many offenders when it comes to putting DRM in music: all major streaming services do this, with the support of big record labels.</li>
 <li>In addition to streaming music encumbered by DRM, people who want to use Spotify are required to install additional proprietary software. Even Spotify's client for GNU/Linux relies on proprietary software.</li>
 <li><p>Apple Music is no better, and places heavy restrictions on the music streamed through the platform.</p></li>
@@ -1199,7 +1182,7 @@ numbers, which aids in password generation and encryption.</p>
             <h5 class="text-center">Stay away from: Netflix</h5>
               <ul class="cons">
                                <li><p>Netflix is continuing its <a href="https://defectivebydesign.org/netflix">disturbing trend</a> of making onerous DRM the norm for streaming media.</p>
-<li><p>They're also leveraging their newfound place in the <a href="https://torrentfreak.com/netflix-becomes-a-member-of-the-mpaa/">Motion Picture Association of America</a> (MPAA) to advocate for tighter restrictions on users, and also embedded DRM into the <a href="https://www.defectivebydesign.org/no-drm-in-html5">fabric of the Web</a>.</p</li>
+<li><p>They're also leveraging their newfound place in the <a href="https://torrentfreak.com/netflix-becomes-a-member-of-the-mpaa/">Motion Picture Association of America</a> (MPAA) to advocate for tighter restrictions on users, and were responsible for embedding DRM into the <a href="https://www.defectivebydesign.org/no-drm-in-html5">fabric of the Web</a>.</p</li>
             </ul>
           </div>
           <!--End Bad-->
@@ -1318,7 +1301,37 @@ numbers, which aids in password generation and encryption.</p>
           <!-- End Container -->
         </section>
         <!-- End Promotion details   -->
+        <!-- Begin Licenses -->
+        <section class="licenses">
+          <div class="container">
+            <div class="row">
+              <div class="col-md-12">
+                <div class="panel-default">
+                  <div class="panel-heading">
+                   <h1 class="fix-margin">Licenses</h1>
 
+                  </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>
+                    <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>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>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>
+                </div>
+              </div>
+              <!-- End Panel -->
+            </div>
+            <!-- End Row -->
+          </div>
+          <!-- End Container -->
+        </section>
+        <!-- End Licenses   -->
         <!--Begin Footer-->
         <footer>
           <div class="container-fluid">