Add banner and modal window 2020 spring fundraiser
[fsf-giving-guide.git] / v9 / givingguide.html
index 8d481b9bdaa993f30e2a4de15160a33a7805ef3a..effd7827d96ff63dcf7817f1a94821668ed15789 100644 (file)
@@ -99,7 +99,7 @@
 
 <!-- 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-spring/" 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">
     padding: 20px;
     border-style: solid;
     border-width: 5px;
-    border-color: #ff00ff;
+    border-color: #0f68a7;
     border-radius: 20px;
     box-shadow: 0px 0px 10px #111111;
-    background-color: #19003a;
+    background-color: #fdd474;
 }
 
 #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;
     display: block;
     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">&#8203;</i>
                                 </div>
-                                <h2>Join us and make a difference!</h2>
+                                <h2>The free software community must grow in order to meet new threats.</h2>
                             </div>
                             <div id="fsf-modal-window-elem-left-column">
                                 <div id="fsf-modal-window-elem-text">
 
 <p>
 
-With your help, we can make this new decade one in which tools and devices will no longer control their users.
+In our now socially distant society, we can't live, work, or learn in freedom unless the software we use is free. Your membership protects everyone's digital freedoms from powerful forces using technology to disempower the public.
 
 </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.
+Join us today for $10/month ($5 for students) and help us reach our August 7th goal of 200 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://www.fsf.org/blogs/community/presenting-shoetool-happy-holidays-from-the-fsf?pk_campaign=frfall2019&pk_source=modal2">WATCH THE VIDEO</a></span></p>
+<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frspring2020&pk_kwd=learn-more&pk_source=modal">Read more</a> | <a href="https://my.fsf.org/join?pk_campaign=frspring2020&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">&nbsp;</i>Join</a>
+                                    <div style="background-color:#fb6b73; border-top-right-radius: 20px; border-top-left-radius: 20px;">
+                                      <a style="text-shadow: 0px 0px 8px #f999ef;" href="https://my.fsf.org/join?pk_campaign=frspring2020&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</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">&nbsp;</i>Renew</a>
+                                    <div style="background-color:#fdd474">
+                                      <a style="text-shadow: 0px 0px 8px #ffffff;" href="https://my.fsf.org/renew?pk_campaign=frspring2020&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">&nbsp;</i>Donate</a>
+                                    <div style="background-color:#99d8fd; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
+                                      <a style="text-shadow: 0px 0px 8px #ffffff;" href="https://my.fsf.org/donate?pk_campaign=frspring2020&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money">&nbsp;</i>Donate</a>
                                     </div>
                                 </div>
                             </div>
@@ -381,9 +381,9 @@ To ring in 2020, we're extending our offer for exclusive gifts to all new or ren
 
 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-18T04:00:00Z');
+startTime = new Date('2020-07-01T04:00:00Z');
+switchTextTime = new Date('2020-08-08T04:00:00Z');
+endTime = new Date('2020-08-08T04:00:00Z');
 
 // possibly switch the text that is displayed in the modal window, depending
 // upon the current date.
@@ -399,9 +399,9 @@ function fsfModalWindowElemMaybeSwitchText () {
     // switch dbd text
     document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
 \
-<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>In our now socially distant society, we can\'t live, work, or learn in freedom unless the software we use is free. Your membership protects everyone\'s digital freedoms from powerful forces using technology to disempower the public.<\/p><p>Join us today for $10\/month ($5 for students) and help us reach our August 7th goal of 200 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://www.fsf.org/blogs/community/presenting-shoetool-happy-holidays-from-the-fsf?pk_campaign=frfall2019&pk_source=modal2">WATCH THE VIDEO<\/a><\/span><\/p>';
+<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frspring2020&pk_kwd=learn-more&pk_source=modal">Read more<\/a> |  <a href="https://my.fsf.org/join?pk_campaign=frspring2020&pk_source=modal">Join<\/a><\/span><\/p>';
 }
 
 // show fsf-modal-window-elem if it hasn't been previously closed by
@@ -412,7 +412,7 @@ function fsfModalWindowElemMaybeShow () {
     var pattern, noShowFsfModalWindowElementP, now;
 
     // see if cookie says not to show element
-    pattern = /showFsfFall2019FundraiserModalWindowElementP\s*=\s*false/;
+    pattern = /showFsfSpring2020FundraiserModalWindowElementP\s*=\s*false/;
     noShowFsfModalWindowElementP = pattern.test(document.cookie);
 
 //// uncomment here to enable modal window hiding
@@ -450,8 +450,8 @@ 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 = "showFsfSpring2020FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
+    document.cookie = "showFsfSpring2020FundraiserModalWindowElementP=false; path=/; expires=" + daysInFuture(forDays);
 }
 
 // hide the element from now to two weeks after closing it