add heroes
[fsf-giving-guide.git] / v10 / givingguide.html
index ffa52ec98e5807f277ff8a2a131e50174a20033e..cbed8039a010bcc49a4d2631a2bac835cdea658c 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 an impact!</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>
 
-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.
+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><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>
+
+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=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>
@@ -375,9 +381,9 @@ Our associate members are the heart of the FSF's commitment to a society where s
 
 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-01T04: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.
@@ -393,9 +399,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>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://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=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
@@ -406,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
@@ -444,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
@@ -535,8 +541,9 @@ window.addEventListener("keydown",  function  (event)  {
         <div class="row">
           <div class="illustration col-md-6">
                        <center>
-            <img src="img/Illustration.png" alt="large-illutration" class="img-responsive center-dblock" /><hr />
-                       <video style="width: 100%; max-width: 640px;" controls="controls" poster="https://static.fsf.org/nosvn/videos/fsf-shoetool/thumbnails/ShoeTool-Cover-1.jpg" crossorigin="anonymous"><source src="https://static.fsf.org/nosvn/videos/fsf-shoetool/fsf-shoetool-720p.mp4" type="video/mp4" /><track kind="subtitles" label="English" srclang="en" src="https://static.fsf.org/nosvn/videos/fsf-shoetool/captions/shoetoolfsf_en.vtt" default="default" /></video>
+                         <hr />
+                         <iframe src="https://static.fsf.org/nosvn/videos/fsf-heroes/" id="fsf-heroes-video" scrolling="no" style="overflow: hidden; margin: 0; border: 0 none; display: block; width: 50%; height: 67vw; max-height: 200px;"></iframe>
+            <img src="img/Illustration.png" alt="large-illutration" class="img-responsive center-dblock" />
                        </center>
           </div>
           <div class="intro-text col-md-6">
@@ -1385,19 +1392,26 @@ numbers, which aids in password generation and encryption.</p>
         <!-- Our JS -->
         <script src="js/magic.js" charset="utf-8"></script>
 
-        <!-- Piwik -->
-        <script type="text/javascript">
-        // @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt
-        var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.fsf.org/" : "http://piwik.fsf.org/");
-        document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
-        try {
-          var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 14);
-          piwikTracker.trackPageView();
-          piwikTracker.enableLinkTracking();
-        } catch (err) {}
-        // @license-end
-        </script><noscript><p><img src="//piwik.fsf.org/piwik.php?idsite=14" style="border:0" alt="" /></p></noscript>
-        <!-- End Piwik Tracking Code -->
+<!-- Piwik -->
+<script type="text/javascript">
+  // @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&dn=gpl-2.0.txt GPL-2.0-or-later
+  var _paq = _paq || [];
+  _paq.push(["trackPageView"]);
+  _paq.push(["enableLinkTracking"]);
+
+  (function() {
+    var u = (("https:" == document.location.protocol) ? "https" : "http") + "://"+"piwik.fsf.org//";
+    _paq.push(["setTrackerUrl", u+"piwik.php"]);
+    _paq.push(["setSiteId", "14"]);
+    var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
+    g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
+  })();
+  // @license-end
+</script>
+<!-- End Piwik Code -->
+<!-- Piwik Image Tracker -->
+<noscript><img src="https://piwik.fsf.org//piwik.php?idsite=14&rec=1" style="border:0" alt="" /></noscript>
+<!-- End Piwik -->
       </body>
 
       </html>