Add banner and modal window
[enc-live.git] / en / index.html
index de3a612e284bd4504417dc99f4538c02f6f93fa2..1847c16c4b9dfc6ac132b26e9047b0c145084bf3 100644 (file)
@@ -14,9 +14,11 @@ self-defense in 40 minutes with GnuPG." />
 <link rel="shortcut icon"
 href="../static/img/favicon.ico" />
 </head>
-<body><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>
+<body><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>
+       
+<!--<div style="text-align: center; padding: 2.5px; background-color: #a94442; color:#fcf8e3;"><p>Due to Enigmail's PGP functionality being migrated into Icedove and Thunderbird, steps 2 and 3 of the guide are currently out of date.</p><p> Thank you for your patience while we're working on a new round of updates.</p></div>-->
 
-            <!-- Begin fsf-modal-window-elem campaign element -->
+<!-- PLACE FUNDRAISER MODAL WINDOW HERE -->
             <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 {
@@ -126,10 +128,10 @@ href="../static/img/favicon.ico" />
   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 {
@@ -238,39 +240,39 @@ href="../static/img/favicon.ico" />
                                 <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 spring goal of $67,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>
@@ -284,10 +286,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.
@@ -303,9 +305,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
@@ -316,7 +318,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
@@ -356,8 +358,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
@@ -413,12 +415,6 @@ window.addEventListener("keydown",  function  (event)  {
 // @license-end
                 </script>
             </div>
-            <!-- End fsf-modal-window-elem campaign element -->
-       
-<!--<div style="text-align: center; padding: 2.5px; background-color: #a94442; color:#fcf8e3;"><p>Due to Enigmail's PGP functionality being migrated into Icedove and Thunderbird, steps 2 and 3 of the guide are currently out of date.</p><p> Thank you for your patience while we're working on a new round of updates.</p></div>-->
-
-<!-- PLACE FUNDRAISER MODAL WINDOW HERE -->
-
 <!-- ~~~~~~~~~ GnuPG Header and introduction text ~~~~~~~~~ -->
 <header class="row" id="header"><div>
 
@@ -441,8 +437,8 @@ window.addEventListener("keydown",  function  (event)  {
 <li><a href="/ro">română - v3.0</a></li>-->
 <li><a href="/ru">русский - v5.0</a></li>
 <!--<li><a href="/sq">Shqip - v4.0</a></li>
-<li><a href="/sv">svenska - v4.0</a></li>
-<li><a href="/zh-hans">简体中文 - v4.0</a></li>-->
+<li><a href="/sv">svenska - v4.0</a></li>-->
+<li><a href="/zh-hans">简体中文 - v5.0</a></li>
 <li><strong><a href="https://libreplanet.org/wiki/GPG_guide/Translation_Guide">
 Translate!</a></strong></li>
 </ul>
@@ -452,7 +448,7 @@ Translate!</a></strong></li>
 <!--<li><a href="mac.html">Mac OS</a></li>-->
 <!--<li><a href="windows.html">Windows</a></li>-->
 <li class="spacer"><a href="workshops.html">Teach your friends</a></li>
-<li class="spacer"><a href="http://4xe3gtgg5vnk5njsvqie53feqddkh3yy37fcnwu7ym5rowem5c37soqd.onion" target="_blank">this site's tor onion service</a></li>
+<li class="spacer"><a href="http://hhldo3tnt5solzj2bwfvh7xm4slk2forpjwjyemhcfrlob5gq75gioid.onion/en" target="_blank">This site's tor onion service</a></li>
 <li class="spacer"><a
 href="https://fsf.org/share?u=https://u.fsf.org/zb&amp;t=Email%20encryption%20for%20everyone%20via%20%40fsf">
 Share&nbsp;
@@ -723,7 +719,7 @@ shortcut).</p>
 <p># Choose the expiration date; we suggest <code>2y</code> (2 years).</p>
 <p>Follow the prompts to continue setting up with your personal details.</p>
 <p class="notes"> Depending on your version of GPG, you may need to use
-<code>--gen-key</code> instead of code>--full-generate-key</code>&#65279;.</p>
+<code>--gen-key</code> instead of <code>--full-generate-key</code>&#65279;.</p>
 
 <h4>Set your passphrase</h4>
 <p>On the screen titled "Passphrase," pick a strong password! You can
@@ -761,7 +757,7 @@ If GnuPG is not installed, it will bring up the following result on most GNU/Lin
 <code>gpg2 --full-generate-key</code><br />
 If this resolved the issue, you need to continue to use the gpg2 identifier instead of gpg throughout the following steps of the guide.
 <p class="notes"> Depending on your version of GPG, you may need to use
-<code>--gen-key</code> instead of code>--full-generate-key</code>&#65279;.</p>
+<code>--gen-key</code> instead of <code>--full-generate-key</code>&#65279;.</p>
 </dd>
 
 <dt>I took too long to create my passphrase</dt>
@@ -1597,7 +1593,7 @@ rel="jslicense">source code and license information</a>.</p>
 
 <p class="credits">Infographic and guide design by <a rel="external"
 href="https://jplusplus.org"><strong>Journalism++</strong><img
-src="static/img/jplusplus.png"
+src="../static/img/jplusplus.png"
 alt="Journalism++" /></a></p><!-- /.credits -->
 </div></footer><!-- End #footer -->