Validation warnings
[fsf-giving-guide.git] / v9 / givingguide.html
index cc33c45091c50e546b83a9cb95e4f2b6ed73e386..7c16343f7ebf3dbe60c4e4976022fa78b646a660 100644 (file)
@@ -97,9 +97,9 @@
 
 <body>
 
-    <iframe src="//static.fsf.org/nosvn/banners/2019fundraiser-spring/" width="100%" height="100%" scrolling="no"
-      style="overflow: hidden; margin: 0; border: 0 none; display: block;">
-    </iframe>
+<!-- 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>
 
             <!-- 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">
 
 #fsf-modal-window-elem a, a:active, a:focus {
     outline: none;
+    border-bottom: 0px;
 }
 
 #fsf-modal-window-elem {
     padding: 20px;
     border-style: solid;
     border-width: 5px;
-    border-color: #0065ff;
+    border-color: #ff00ff;
     border-radius: 20px;
     box-shadow: 0px 0px 10px #111111;
-    background-color: #1d0c3b;
+    background-color: #19003a;
 }
 
 #fsf-modal-window-elem-header {
     font-family: sans-serif,"Helvetica",Arial;
     font-weight: bold;
     font-size: 24px;
-    color: #fdd538;
+    color: #edd400;
     text-shadow: 0px 0px 8px #00378c;
     padding-bottom: 20px;
     margin-top: 0px;
 }
 
 #fsf-modal-window-elem-text a {
-    color: #fdd538;
+    color: #edd400;
     font-weight: 700;
     text-decoration: none;
 }
                         <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>Become a member today and help the FSF fight for user freedom!</h2>
+                                <h2>Join us and make an impact!</h2>
                             </div>
                             <div id="fsf-modal-window-elem-left-column">
                                 <div id="fsf-modal-window-elem-text">
 
 <p>
 
-Our large, diverse group of members and donors help the Free Software
-Foundation remain proudly independent. Join us today and help us achieve our
-goal of 200 new members in only 28 days (July 15). 
+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>
-
-Small contributions create a big impact! 
-
-</p>
-
-<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=fr_sp2019&pk_kwd=learn-more&pk_source=modal">READ MORE</a> | <a href="https://my.fsf.org/join?pk_campaign=fr_sp2019&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>
 
                                 </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:#3498DB; border-top-right-radius: 20px; border-top-left-radius: 20px;">
-                                      <a style="color:#fdd538;text-shadow: 0px 0px 8px #2670a1;" href="https://my.fsf.org/join?pk_campaign=fr_sp2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</i>Join</a>
+                                    <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">&nbsp;</i>Join</a>
                                     </div>
 
-                                    <div style="background-color:#2ecc71">
-                                      <a style="text-shadow: 0px 0px 8px #219452;" href="https://my.fsf.org/renew?pk_campaign=fr_sp2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh"></i> Renew</a>
+                                    <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">&nbsp;</i>Renew</a>
                                     </div>
 
-                                    <div style="background-color:#1abc9c; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
-                                      <a style="text-shadow: 0px 0px 8px #138c74;" href="https://my.fsf.org/donate?pk_campaign=fr_sp2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money"></i> Donate</a>
+                                    <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">&nbsp;</i>Donate</a>
                                     </div>
                                 </div>
-                                <!--
-                                <div id="fsf-modal-window-elem-maybe-later">
-                                    <a onclick="//fsfModalWindowElemMaybeLater();">maybe later</a>
-                                </div>
-                                -->
                             </div>
                         </div>
                     </div>
@@ -387,9 +375,9 @@ Small contributions create a big impact!
 
 var startTime, endTime, switchTextTime;
 
-startTime = new Date('2019-05-30T04:00:00Z');
-switchTextTime = new Date('2019-06-28T04:00:00Z');
-endTime = new Date('2019-07-12T04:00:00Z');
+startTime = new Date('2019-11-18T04:00:00Z');
+switchTextTime = new Date('2019-12-12T04:00:00Z');
+endTime = new Date('2020-01-01T04:00:00Z');
 
 // possibly switch the text that is displayed in the modal window, depending
 // upon the current date.
@@ -405,9 +393,9 @@ function fsfModalWindowElemMaybeSwitchText () {
     // switch dbd text
     document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
 \
-<p>Our large, diverse group of members and donors help the Free Software Foundation remain proudly independent. Join us and help us achieve our goal of 200 new members before July 15!</p> <p>Small contributions create a big impact!</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=fr_sp2019&pk_kwd=learn-more&pk_source=modal">READ MORE</a> | <a href="https://my.fsf.org/join?pk_campaign=fr_sp2019&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
@@ -417,13 +405,8 @@ 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 = /showFsfSpring2019FundraiserModalWindowElementP\s*=\s*false/;
+    pattern = /showFsfFall2019FundraiserModalWindowElementP\s*=\s*false/;
     noShowFsfModalWindowElementP = pattern.test(document.cookie);
 
 //// uncomment here to enable modal window hiding
@@ -455,27 +438,21 @@ 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) {
         fsfModalWindowElemHide();
     }
-    //document.cookie = "showFsfSrping2019FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
-    document.cookie = "showFsfSpring2019FundraiserModalWindowElementP=false; path=/; expires=" + daysInFuture(forDays);
+    //document.cookie = "showFsfFall2019FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
+    document.cookie = "showFsfFall2019FundraiserModalWindowElementP=false; path=/; expires=" + daysInFuture(forDays);
 }
 
 // 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);
@@ -485,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)  {
@@ -1539,7 +1517,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
              <li id="GNU-promotion"><strong>GNU Press Shop: </strong>5% discount on all items using the coupon code <span class="label label-default">GIVEFREELY</span>. Code expires on December 31st. As always, FSF members get a 20% discount.</li>
               <li id="libiquity-promotion"><strong>Libiquity: </strong>10% rebate off your subtotal price for any items you buy from the Web site. Libiquity will donate 5% of each purchase's subtotal price to the FSF. Ends at 00:00 EST on February 1st, 2019. Claim the rebate by sending the code <span class="label label-default">FSFGIVING</span> and your order number to <a href="mailto:sales@libiquity.com">sales@libiquity.com</a>. Libiquity will then credit the rebate amount to your payment method.</li>
               <li id="lulzbot-promotion"><strong>LulzBot: </strong><a href="https://www.lulzbot.com/lulzbot-sales-clearance-items">Features sales and clearance items on their Web site</a>.</li>
-             <li id="minifree-promotion"><strong>Minifrree: </strong><a href="https://minifree.org/">Offering a discount on all products through the end of the year.</a>
+             <li id="minifree-promotion"><strong>Minifree: </strong><a href="https://minifree.org/">Offering a discount on all products through the end of the year.</a>
                <li id="technoethical-promotion"><strong>Technoethical:</strong> 5% discount on <b>all</b> purchases using the coupon code <span class="label label-default">FSFHOLIDAYS</span>. FSF members get an additional 10% off, using the code <span class="label label-default">FSREWARDS</span>.</li>
                      <li id="thinkpenguin-promotion"><strong>ThinkPenguin:</strong> 5% discount on <b>all</b> products is available to <a href="https://fsf.org/join">FSF members</a>.</li>
                       <li id="vikings-promotion"><strong>Vikings:</strong> 5% discount on <b>all</b> products and services between now and February 1, 2019. <b>Help the FSF:</b> Vikings will also make a donation to the FSF for each product purchased using the coupon code  <span class="label label-default">fsfftw</span>.</li>