Add banner and modal window
[fsf-giving-guide.git] / v12 / givingguide.html
index d929e368c71494bcda23edaebc1a8472d6d0270b..bf290277c91ef9764e2477c5443175ce5ea651b7 100644 (file)
 <body>
 
 <!-- Add banner and modal window here -->
+    <iframe src="//static.fsf.org/nosvn/banners/202211fundraiser/" scrolling="no" style="width: 100%; height: 150px; display: block; margin: 0; border: 0 none; overflow: hidden;"></iframe>
 
-    <iframe src="//static.fsf.org/nosvn/banners/202206fundraiser/" scrolling="no"
-      style="width: 100%; height: 150px; display: block; margin: 0; border: 0 none; overflow: hidden;">
-    </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">
             <style>
 #fsf-modal-window-elem-container div {
   padding: 20px;
   border-style: solid;
   border-width: 5px;
-  border-color: #b25ea8;
+  border-color: #720000;
   border-radius: 20px;
   box-shadow: 0px 0px 10px #111111;
-  background-color: #e3d9e4;
+  background-color: #e2c6a5;
 }
 
 #fsf-modal-window-elem-header {
                                 <div id="fsf-modal-window-elem-close-button" onclick="//fsfModalWindowElemDontShowForAWhile();">
                                     <i class="fa fa-close">&#8203;</i>
                                 </div>
-                                <h2>Support #UserFreedom!</h2>
+                                <h2>Defend the freedom to share!</h2>
                             </div>
                             <div id="fsf-modal-window-elem-left-column">
                                 <div id="fsf-modal-window-elem-text">
 
 <p>
 
-To truly have the right to collaborate, repair, and live more sustainably, we need freedom for computer users. A world with free software would have better privacy, protection from bulk surveillance, and would avoid user lock-in.
+Consider the presence of software in your life and how so much of what we do depends upon the works of others. This is why the freedom to share is at the core of the FSF's work. We can only truly foster free software, free documentation, and free cultural works for users around the world if we have the ability to share.
 
 </p>
 
 <p>
 
-With your support, we can continue helping people find their reasons and motivation to live more freely. Donate today and help us achieve our stretch goal of $70,000.
+Join us today for $10/month ($5 for students), and help us reach our goal of 455 new associate members by December 31!
 
 </p>
 
-<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=spring22&mtm_source=modal">Read more</a> | <a href="https://my.fsf.org/donate?mtm_campaign=spring22&mtm_source=modal">Donate</a></span></p>
+<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=fall22&mtm_source=modal">Read more</a> | <a href="https://my.fsf.org/join?mtm_campaign=fall22&mtm_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: 5px 0 5px -6px #002047, -5px 0 5px -6px #002047;">
-                                    <div style="background-color:#c87137; border-top-right-radius: 20px; border-top-left-radius: 20px;">
-                                      <a style="text-shadow: 0px 0px 6px #ffe6b4;" href="https://my.fsf.org/join?mtm_campaign=spring22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</i>Join</a>
+                                    <div style="background-color:#720000; border-top-right-radius: 20px; border-top-left-radius: 20px;">
+                                      <a style="text-shadow: 0px 0px 4px #ffe6b4;" href="https://my.fsf.org/join?mtm_campaign=fall22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</i>Join</a>
                                     </div>
 
-                                    <div style="background-color:#e3d9e4;">
-                                      <a href="https://my.fsf.org/renew?mtm_campaign=spring22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh">&nbsp;</i>Renew</a>
+                                    <div style="background-color:#e2c6a5;">
+                                      <a href="https://my.fsf.org/renew?mtm_campaign=fall22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh">&nbsp;</i>Renew</a>
                                     </div>
 
-                                    <div style="background-color:#b25ea8; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
-                                      <a style="text-shadow: 0px 0px 6px #ffe6b4;" href="https://my.fsf.org/donate?mtm_campaign=spring22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money">&nbsp;</i>Donate</a>
+                                    <div style="background-color:#da9d4d; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
+                                      <a style="text-shadow: 0px 0px 4px #ffe6b4;" href="https://my.fsf.org/donate?mtm_campaign=fall22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money">&nbsp;</i>Donate</a>
                                     </div>
                                 </div>
                             </div>
@@ -369,10 +365,10 @@ With your support, we can continue helping people find their reasons and motivat
 
 var startTime, endTime, switchTextTime;
 
-startTime = new Date('2022-06-12T04:00:00Z');
-switchTextTime = new Date('2022-12-12T04:00:00Z');
+startTime = new Date('2022-11-13T04:00:00Z');
+switchTextTime = new Date('2023-12-12T04:00:00Z');
 // endTime is unused.
-endTime = new Date('2022-12-17T04:00:00Z');
+endTime = new Date('2023-12-17T04:00:00Z');
 
 // Possibly switch the text that is displayed in the modal window, depending
 // upon the current date.
@@ -388,9 +384,9 @@ function fsfModalWindowElemMaybeSwitchText () {
     // Switch text
     document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
 \
-<p>To truly have the right to collaborate, repair, and live more sustainably, we need freedom for computer users. A world with free software would have better privacy, protection from bulk surveillance, and would avoid user lock-in.<\/p><p>With your support, we can continue helping people find their reasons and motivation to live more freely. Donate today and help us achieve our spring goal of \$67,000!<\/p> \
+<p>Consider the presence of software in your life and how so much of what we do depends upon the works of others. This is why the freedom to share is at the core of the FSF\'s work. We can only truly foster free software, free documentation, and free cultural works for users around the world if we have the ability to share.<\/p><p>Join us today for \$10\/month \(\$5 for students\), and help us reach our goal of 455 new associate members by December 31!<\/p> \
 \
-<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=spring22&mtm_source=modal">Read more<\/a> |  <a href="https://my.fsf.org/donate?mtm_campaign=spring22&mtm_source=modal">Donate<\/a><\/span><\/p>';
+<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=fall22&mtm_source=modal">Read more<\/a> |  <a href="https://my.fsf.org/join?mtm_campaign=fall22&mtm_source=modal">Join<\/a><\/span><\/p>';
 }
 
 // Show fsf-modal-window-elem if it has not been previously closed by
@@ -401,7 +397,7 @@ function fsfModalWindowElemMaybeShow () {
     var pattern, noShowFsfModalWindowElementP, now;
 
     // See if cookie says not to show element
-    pattern = /showFsf202206FundraiserModalWindowElementP\s*=\s*false/;
+    pattern = /showFsf202211FundraiserModalWindowElementP\s*=\s*false/;
     noShowFsfModalWindowElementP = pattern.test(document.cookie);
 
 //// Uncomment here to enable modal window hiding
@@ -441,8 +437,8 @@ function fsfModalWindowElemDontShowForDays (forDays, hideNow) {
     if (hideNow === true) {
         fsfModalWindowElemHide();
     }
-    //document.cookie = "showFsf202206FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
-    document.cookie = "showFsf202206FundraiserModalWindowElementP=false; path=/; SameSite=Strict; Secure; expires=" + daysInFuture(forDays);
+    //document.cookie = "showFsf202211FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
+    document.cookie = "showFsf202211FundraiserModalWindowElementP=false; path=/; SameSite=Strict; Secure; expires=" + daysInFuture(forDays);
 }
 
 // Hide the element from now to two weeks after closing it
@@ -498,7 +494,6 @@ window.addEventListener("keydown",  function  (event)  {
 // @license-end
                 </script>
             </div>
-            <!-- End fsf-modal-window-elem campaign element -->
 
   <nav class="navbar navbar-default">
     <div class="container-fluid">