changes dana comments
[enc-live.git] / en / next_steps.html
index 64d8c94320bb96d5110b65e3170817b3c7423e96..41cda8bfbe1a1afc94eb7217961c69bfd78517e7 100644 (file)
 <!DOCTYPE html>
-<html>
-       <head>
-                       <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<html lang="en">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<title>Email Self-Defense - a guide to fighting surveillance with GnuPG
+encryption</title>
+<meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, privacy,
+email, encryption" />
+<meta name="description" content="Email surveillance violates our fundamental
+rights and makes free speech risky. This guide will teach you email
+self-defense in 40 minutes with GnuPG." />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<link rel="stylesheet" href="../static/css/main.css" />
+<link rel="shortcut icon"
+href="../static/img/favicon.ico" />
+</head>
 
-                       <title>Email Self-Defense - a guide to fighting surveillance with GnuPG encryption</title>
-                       <meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, privacy, email, Enigmail" />
-      <meta name="description" content="Email surveillance violates our fundamental rights and makes free speech risky. This guide will teach you email self-defense in 30 minutes with GnuPG." />
+<body><iframe src="https://static.fsf.org/nosvn/banners/2021fundraiser-spring/" 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>
 
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-                       <link rel="stylesheet" href="//static.fsf.org/nosvn/enc-dev0/css/main.css" />
-               <link rel="shortcut icon" href="//static.fsf.org/nosvn/enc-dev0/img/favicon.ico" />
+<!-- ~~~~~~~~~ GnuPG Header and introduction text ~~~~~~~~~ -->
+<header class="row" id="header"><div>
 
-       </head>
-       <body>
+<h1>Great job!</h1>
 
-<!-- ~~~~~~~~~ GnuPG Header and introduction text  ~~~~~~~~~ -->
+</div></header><!-- End #header -->
 
-               <header class="row"  id="header">
-                       <div>
-                         <h1>Great job!</h1>
+<!-- ~~~~~~~~~ Section 7: Next steps ~~~~~~~~~ -->
+<section class="row" id="section7"><div>
 
-                       </div>
-               </header><!-- End #header -->
+<!-- ~~~~~~~~~ section title + graphics ~~~~~~~~~ -->
+<div class="section-intro">
 
+<h2><em>#7</em> Next steps</h2>
 
-<!-- ~~~~~~~~~ Section 6: Next steps  ~~~~~~~~~ -->
-               <section class="row" id="section6">
-                       <div>
+<p>You've now completed the basics of email encryption with GnuPG, taking
+action against bulk surveillance. These next steps will help make the most
+of the work you've done.</p>
 
+</div><!-- End .section-intro -->
 
+<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
+<div id="step-political" class="step">
+<div class="sidebar">
 
-                               <!-- ~~~~~~~~~ section title + graphics  ~~~~~~~~~ -->
-                               <div class="section-intro">
-                                               <h2><em>#6</em> Next steps</h2>
-                                       <p>You've now completed the basics of email encryption with GnuPG, taking action against bulk surveillance. These next steps will help make the most of the work you've done.</p>
-                               </div><!-- End .section-intro -->
-
+<p><a id="infographic" href="infographic.html"><img
+src="../static/img/en/infographic-button.png"
+alt="View &amp; share our infographic &rarr;" /></a></p>
 
-                               <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                               <div id="step-political" class="step">
-                                       <div class="sidebar">
-                                               <p><a id="infographic" href="infographic.html"><img src="//static.fsf.org/nosvn/enc-dev0/img/en/infographic-button.png" alt="View &amp; share our infographic &rarr;" /></a></p>
-                                       </div><!-- /.sidebar -->
-                                       <div class="main">
-                                               <h3>Join the movement</h3>
+</div><!-- /.sidebar -->
+<div class="main">
 
-<p>You've just taken a huge step towards protecting your privacy online. But each of us acting alone isn't enough. To topple bulk surveillance, we need to build a movement for the autonomy and freedom of all computer users. Join the Free Software Foundation's community to meet like-minded people and work together for change.</p>
+<h3>Join the movement</h3>
+
+<p>You've just taken a huge step towards protecting your privacy online. But
+each of us acting alone isn't enough. To topple bulk surveillance, we need
+to build a movement for the autonomy and freedom of all computer users. Join
+the Free Software Foundation's community to meet like-minded people and work
+together for change.</p>
+
+<p style="font-size:150%"><a href="https://status.fsf.org/fsf"><img
+src="../static/img/gnu-social.png"
+class="share-logo"
+alt="[GNU Social]" />
+&nbsp;GNU Social</a>&nbsp; |&nbsp;
+<a href="https://hostux.social/@fsf"><img
+src="../static/img/mastodon.png"
+class="share-logo"
+alt="[Mastodon]" />
+&nbsp;Mastodon</a>&nbsp; |&nbsp;
+<a href="https://www.twitter.com/fsf">Twitter</a></p>
+
+<p><small>Read <a href="https://www.fsf.org/twitter">why GNU Social and Mastodon
+are better than Twitter</a>, and <a href="https://www.fsf.org/facebook">why
+we don't use Facebook</a>.</small></p>
 
-<p style="font-size:150%">
-  <a href="https://status.fsf.org/fsf">
-    <img src="//static.fsf.org/nosvn/enc-dev0/img/gnu-social.png"
-         class="share-logo" alt="[GNU Social]">
-    &nbsp;GNU Social
-  </a> |&nbsp;
-  <a href="http://microca.st/fsf">
-    <img src="//static.fsf.org/nosvn/enc-dev0/img/pump.io.png"
-         class="share-logo" alt="[Pump.io]">
-    &nbsp;Pump.io
-  </a> |&nbsp;
-  <a href="https://www.twitter.com/fsf">Twitter</a>
-</p>
-<p><a href="https://www.fsf.org/twitter"><small>Read why GNU Social and Pump.io are better than Twitter.</small></a></p>
 <br />
 <div class="newsletter">
+
 <p style="font-size:150%">Low-volume mailing list</p>
 
-                                               <form method="post" action="https://my.fsf.org/civicrm/profile/create?reset=1&amp;gid=391">
-                                                 <input type="text" placeholder="Type your email..." name="email-Primary" id="frmEmail" />
-                                                  <input type="submit" value="Add me" name="_qf_Edit_next" />
-                                                         <input type="hidden" value="https://emailselfdefense.fsf.org/en/confirmation.html" name="postURL" />
-                                                  <input type="hidden" value="1" name="group[25]" />
-                                                  <input type="hidden" value="https://my.fsf.org/civicrm/profile?reset=1&amp;gid=391" name="cancelURL" />
-                                                  <input type="hidden" value="Edit:cancel" name="_qf_default" />
-                                               </form>
-<p><small>Read our <a href="https://my.fsf.org/donate/privacypolicy.html">privacy policy</a>.</small></p>
-                                       </div><!-- End .newsletter -->
+<form method="post"
+action="https://my.fsf.org/civicrm/profile/create?reset=1&amp;gid=391">
+<input type="text" value="Type your email..." name="email-Primary"
+id="frmEmail" />
+<input type="submit" value="Add me" name="_qf_Edit_next" />
+<input type="hidden"
+value="https://emailselfdefense.fsf.org/en/confirmation.html" name="postURL" />
+<input type="hidden" value="1" name="group[25]" />
+<input type="hidden"
+value="https://my.fsf.org/civicrm/profile?reset=1&amp;gid=391" name="cancelURL"
+/>
+<input type="hidden" value="Edit:cancel" name="_qf_default" />
+</form>
+
+<p><small>Read our <a
+href="https://my.fsf.org/donate/privacypolicy.html">privacy
+policy</a>.</small></p>
+
+</div><!-- End .newsletter -->
+</div><!-- End .main -->
+</div><!-- End #step-political .step -->
+
+<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
+<div id="teach-friends" class="step">
+<div class="main">
 
-                                       </div><!-- End .main -->
-                               </div><!-- End #step-political .step -->
+<h3>Bring Email Self-Defense to new people</h3>
 
-                                <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                                <div id="teach-friends" class="step">
-                                       <div class="main">
+<p>Understanding and setting up email encryption is a daunting task for
+many. To welcome them, make it easy to find your public key and offer to
+help with encryption. Here are some suggestions:</p>
 
-                                               <h3>Teach your friends with our workshop guide</h3>
-                                               <p>Understanding and setting up email encryption sounds like a daunting task to many people. That's why helping your friends with GnuPG plays such an important role in spreading encryption. Read Email Self-Defense's <a href="workshops.html">guide to leading workshops</a> and put it to use!</p>
+<ul>
+<li># Lead an Email Self-Defense workshop for your friends and community,
+using our <a href="workshops.html">teaching guide</a>.</li>
 
-                                        </div><!-- End .main -->
-                                </div><!-- End #step-friends .step -->
+<li># Use <a href="https://fsf.org/share?u=https://u.fsf.org/zb&amp;t=Encrypt 
+with me using Email Self-Defense %40fsf">our sharing page</a> to compose
+a message to a few friends and ask them to join you in using encrypted
+email. Remember to include your GnuPG public key fingerprint so they can
+easily download your key.</li>
 
+<li># Add your public key fingerprint anywhere that you normally display
+your email address. Some good places are: your email signature (the text
+kind, not the cryptographic kind), social media profiles, blogs, Web sites,
+or business cards. At the Free Software Foundation, we put ours on our <a
+href="https://fsf.org/about/staff">staff page</a>.</li>
+</ul>
 
-                               <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                               <div id="step-friends" class="step">
+</div><!-- End .main -->
+</div><!-- End #teach-friends .step -->
+
+<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
+<div id="step-more_technologies" class="step">
 <div class="main">
 
-                       <h3>Spread the word</h3>
+<h3>Protect more of your digital life</h3>
+
+<p>Learn surveillance-resistant technologies for instant
+messages, hard drive storage, online sharing, and more at <a
+href="https://directory.fsf.org/wiki/Collection:Privacy_pack">
+the Free Software Directory's Privacy Pack</a> and <a
+href="https://prism-break.org">prism-break.org</a>.</p>
 
-<p>Before you close this guide, use <a href="https://fsf.org/share?u=https://u.fsf.org/zb&amp;t=Encrypt with me using Email Self-Defense %40fsf">our sharing page</a> to compose a message to a few friends and ask them to join you in using encrypted email. Remember to include your <a href="index.html#section4">GnuPG public key ID</a> so they can easily download your key.</p>
+<p>If you are using Windows, Mac OS or any other proprietary operating
+system, we recommend you switch to a free software operating system like
+GNU/Linux. This will make it much harder for attackers to enter your computer
+through hidden back doors. Check out the Free Software Foundation's <a
+href="https://www.gnu.org/distros/free-distros.html">endorsed versions of
+GNU/Linux.</a></p>
 
-<p>It's also great to add your public key fingerprint to your email signature so that people you are corresponding with know that you accept encrypted email (we're not referring here to your cryptographic signature, but rather the one that your email program can create by default, which normally includes your name). We recommend you even go a step further and add it to your social media profiles, blog, Website, or business card. At the Free Software Foundation, we put ours on our <a href="https://fsf.org/about/staff">staff page</a>. We need to get our culture to the point that we feel like something is missing when we see an email address without a public key fingerprint.</p>
+</div><!-- End .main -->
+</div><!-- End #step-more_technologies .step -->
 
-                                       </div><!-- End .main -->
-                               </div><!-- End #step-friends .step -->
+<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
+<div id="privacy-tor" class="step">
+<div class="main">
 
-                               <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                               <div id="step-more_technologies" class="step">
+<h3>Optional: Add more email protection with Tor</h3>
 
+<p><a href="https://www.torproject.org/about/overview.html.en">The Onion Router
+(Tor) network</a> wraps Internet communication in multiple layers of encryption
+and bounces it around the world several times. When used properly, Tor confuses
+surveillance field agents and the global surveillance apparatus alike. Using
+it simultaneously with GnuPG's encryption will give you the best results.</p>
 
+<p>To have your email program send and receive email over Tor, install the <a
+href="https://addons.mozilla.org/en-us/thunderbird/addon/torbirdy/">Torbirdy
+plugin</a> by searching for it through Add-ons.</p>
 
-<div class="main">
+<p>Before beginning to check your email over Tor, make sure you understand <a
+href="https://www.torproject.org/docs/faq.html.en#WhatProtectionsDoesTorProvide">
+the security tradeoffs involved</a>. This <a
+href="https://www.eff.org/pages/tor-and-https">infographic</a> from our
+friends at the Electronic Frontier Foundation demonstrates how Tor keeps
+you secure.</p>
 
+</div><!-- End .main -->
+</div><!-- End #privacy-tor .step-->
 
+<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
+<div id="step-better" class="step">
+<div class="sidebar">
 
-                       <h3>Protect more of your digital life</h3>
+<p><img
+src="../static/img/en/screenshots/section7-next-steps.png"
+alt="Section 7: Next Steps" /></p><br />
 
-                                               <p>Learn surveillance-resistant technologies for instant messages, hard drive storage, online sharing, and more at <a href="https://directory.fsf.org/wiki/Collection:Privacy_pack"> the Free Software Directory's Privacy Pack</a> and <a href="https://prism-break.org">prism-break.org</a>.</p>                      <p>If you are using Windows, Mac OS or any other proprietary operating system, we recommend you switch to a free software operating system like GNU/Linux. This will make it much harder for attackers to enter your computer through hidden back doors. Check out the Free Software Foundation's <a href="http://www.gnu.org/distros/free-distros.html">endorsed versions of GNU/Linux.</a></p>
-                                       </div><!-- End .main -->
-                               </div><!-- End #step-more_technologies .step -->
+<p class="back" style="text-align:center">&larr; <a href="index.html">Return
+to the guide</a></p>
 
+</div><!-- /.sidebar -->
+<div class="main">
 
-                                <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                                <div id="privacy-tor" class="step">
-                                        <div class="main">
-                                                <h3>Optional: Add more email protection with Tor</h3>
-                                                <p><a href=https://www.torproject.org/about/overview.html.en>The Onion Router (Tor) network</a> wraps Internet communication in multiple layers of encryption and bounces it around the world several times. When used properly, Tor confuses surveillance field agents and the global surveillance apparatus alike. Using it simultaneously with GnuPG's encryption will give you the best results.</p>
-                                                                                                                                                                                                       <p>To have your email program send and receive email over Tor, install the <a href="https://addons.mozilla.org/en-us/thunderbird/addon/torbirdy/">Torbirdy plugin</a> the same way you installed Enigmail, by searching for it through Add-ons.</p>
+<h3>Make Email Self-Defense tools even better</h3>
 
-                                                <p>Before beginning to check your email over Tor, make sure you understand <a href="https://www.torproject.org/docs/faq.html.en#WhatProtectionsDoesTorProvide">the security tradeoffs involved</a>. This <a href="https://www.eff.org/pages/tor-and-https">infographic</a> from our friends at the Electronic Frontier Foundation demonstrates how Tor keeps you secure.
-                                        </div><!-- End .main -->
-                                </div><!-- End #step-lost_key .step-->
+<p><a href="https://libreplanet.org/wiki/GPG_guide/Public_Review">Leave
+feedback and suggest improvements to this guide</a>. We
+welcome translations, but we ask that you contact us at <a
+href="mailto:campaigns@fsf.org">campaigns@fsf.org</a> before you start,
+so that we can connect you with other translators working in your language.</p>
 
-                               <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                               <div id="step-better" class="step">
-<div class="sidebar">
-                                               <p><img src="//static.fsf.org/nosvn/enc-dev0/img/en/screenshots/section6-next-steps.png" alt="Section 6: Next Steps" /></p>                                     <br /><p class="back" style="text-align:center">&larr; <a href="index.html">Return to the guide</a></p>
-                                       </div><!-- /.sidebar -->
-                                       <div class="main">
-                                               <h3>Make Email Self-Defense tools even better</h3>
-<p><a href="https://libreplanet.org/wiki/GPG_guide/Public_Review">Leave feedback and suggest improvements to this guide</a>. We welcome translations, but we ask that you contact us at <a href="mailto:campaigns@fsf.org">campaigns@fsf.org</a> before you start, so that we can connect you with other translators working in your language.</p>
+<p>If you like programming, you can contribute code
+to <a href="https://www.gnupg.org/">GnuPG</a>.</p>
 
-                                               <p>If you like programming, you can contribute code to <a href="https://www.gnupg.org/">GnuPG</a> or <a href="https://www.enigmail.net/home/index.php">Enigmail</a>.</p>
+<p>To go the extra mile, support the Free Software Foundation so we can keep
+improving Email Self-Defense, and make more tools like it.</p>
 
-<p>To go the extra mile, support the Free Software Foundation so we can keep improving Email Self-Defense, and make more tools like it.</p><p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&amp;id=14&amp;pk_campaign=email_self_defense&amp;pk_kwd=guide_donate"><img alt="Donate" src="//static.fsf.org/nosvn/enc-dev0/img/en/donate.png" /></a> </p>
+<p><a
+href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&amp;id=14&amp;mtm_campaign=email_self_defense&amp;mtm_kwd=guide_donate"><img
+alt="Donate"
+src="../static/img/en/donate.png" /></a></p>
 
 <br />
+</div><!-- End .main -->
+</div><!-- End #step-better .step -->
 
-                                       </div><!-- End .main -->
-                               </div><!-- End #step-better .step -->
+<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~
+<div id="step-learn_more" class="step">
+<div class="main">
 
-                               <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ --
-                               <div id="step-learn_more" class="step">
-                                       <div class="main">
-                                               <h3>Learn more about GnuPG</h3>
-                                               <p>There are a lot more features of GnuPG to discover, including encrypting files on your computer. There are a variety of resources accessible via Google, but we recommend starting with the links on the <a href="https://www.gnupg.org/documentation/">GnuPG Web site</a>.</p>
-                                       </div><!-- End .main --
-                               </div><!-- End #step-learn_more .step -->
+<h3>Learn more about GnuPG</h3>
 
+<p>There are a lot more features of GnuPG to discover, including
+encrypting files on your computer. There are a variety of resources
+accessible via Google, but we recommend starting with the links on the <a
+href="https://www.gnupg.org/documentation/">GnuPG Web site</a>.</p>
 
-                       </div>
-               </section><!-- End #section6 -->
+</div>--><!-- End .main -->
+<!--</div>--><!-- End #step-learn_more .step -->
+</div></section><!-- End #section7 -->
 
-<!-- ~~~~~~~~~ FAQ  ~~~~~~~~~ -->
+<!-- ~~~~~~~~~ FAQ ~~~~~~~~~ -->
 <!-- When un-commenting this section go to main.css and search
-               for /* Guide Sections Background */ then add #faq to the desired color
-
-               <section class="row" id="faq">
-                       <div>
-                               <div class="sidebar">
-                                       <h2>FAQ</h2>
-                               </div>
-
-                               <div class="main">
-                                       <dl>
-                                               <dt>My key expired</dt>
-                                                       <dd>Answer coming soon.</dd>
-
-                                               <dt>Who can read encrypted messages? Who can read signed ones?</dt>
-                                                       <dd>Answer coming soon.</dd>
-
-                                               <dt>My email program is opening at times I don't want it to open/is now my default program and I don't want it to be.</dt>
-                                                       <dd>Answer coming soon.</dd>
-                                       </dl>
-                               </div>
-                       </div>
-               </section> --><!-- End #faq -->
-
-               <!-- ~~~~~~~~~ Footer  ~~~~~~~~~ -->
-                               <footer class="row" id="footer">
-                                       <div>
-                                               <div id="copyright">
-                                                       <h4><a href="https://u.fsf.org/ys"><img alt="Free Software Foundation" src="//static.fsf.org/nosvn/enc-dev0/img/fsf-logo.png" /></a></h4>
-                                                       <p>Copyright &copy; 2014-2016 <a href="https://u.fsf.org/ys">Free Software Foundation</a>, Inc. <a href="https://my.fsf.org/donate/privacypolicy.html">Privacy Policy</a>. Please support our work by <a href="https://u.fsf.org/yr">joining us as an associate member.</a></p>
-
-               <p>The images on this page are under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 license (or later version)</a>, and the rest of it is under a <a href="https://creativecommons.org/licenses/by-sa/4.0">Creative Commons Attribution-ShareAlike 4.0 license (or later version)</a>. Download the <a href="http://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">source code of Edward reply bot</a> by Andrew Engelbrecht &lt;sudoman@ninthfloor.org&gt; and Josh Drake &lt;zamnedix@gnu.org&gt;, available under the GNU Affero General Public License. <a href="http://www.gnu.org/licenses/license-list.html#OtherLicenses">Why these licenses?</a></p>
-
-               <p>Fonts used in the guide &amp; infographic: <a href="https://www.google.com/fonts/specimen/Dosis">Dosis</a> by Pablo Impallari, <a href="http://www.google.com/fonts/specimen/Signika">Signika</a> by Anna Giedry&#347;, <a href="http://www.google.com/fonts/specimen/Archivo+Narrow">Archivo Narrow</a> by Omnibus-Type, <a href="https://libreplanet.org/wiki/GPG_guide/Graphics_Howto#Pitfalls">PXL-2000</a> by Florian Cramer.</p>
-
-               <p>Download the <a href="emailselfdefense_source.zip">source package</a> for this guide, including fonts, image source files and the text of Edward's messages.</p>
-
-               <p>This site uses the Weblabels standard for labeling <a href="https://www.fsf.org/campaigns/freejs">free JavaScript</a>. View the JavaScript <a href="//weblabels.fsf.org/emailselfdefense.fsf.org/" rel="jslicense">source code and license information</a>.</p>
-                                               </div><!-- /#copyright -->
-                                               <p class="credits">
-                                                       Infographic and guide design by <a rel="external" href="http://jplusplus.org"><strong>Journalism++</strong> <img src="//static.fsf.org/nosvn/enc-dev0/img/jplusplus.png" alt="Journalism++" /></a>
-                                               </p><!-- /.credits -->
-                                       </div>
-                               </footer><!-- End #footer -->
-               <script src="//static.fsf.org/nosvn/enc-dev0/js/jquery-1.11.0.min.js"></script>
-               <script src="//static.fsf.org/nosvn/enc-dev0/js/scripts.js"></script>
-
-                <!-- Piwik -->
-                <script type="text/javascript">
-                 /*
-                 @licstart The following is the entire license notice for the
-                    JavaScript code in this page.
-
-                 Copyright 2014 Matthieu Aubry
-
-                  This program is free software: you can redistribute it and/or modify
-                 it under the terms of the GNU General Public License as published by
-                 the Free Software Foundation, either version 3 of the License, or
-                 (at your option) any later version.
-
-                  This program is distributed in the hope that it will be useful,
-                 but WITHOUT ANY WARRANTY; without even the implied warranty of
-                 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-                 GNU General Public License for more details.
-
-                  You should have received a copy of the GNU General Public License
-                 along with this program.  If not, see http://www.gnu.org/licenses/.
-
-                  @licend The above is the entire license notice
-                     for the JavaScript code in this page.
-                 */
-                 var _paq = _paq || [];
-                 _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
-                 _paq.push(["setCookieDomain", "*.www.fsf.org"]);
-                 _paq.push(["setDomains", ["*.www.fsf.org","*.www.fsf.org"]]);
-                 _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", "5"]);
-                   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);
-                 })();
-                </script>
-                <!-- End Piwik Code -->
-       </body>
+for /* Guide Sections Background */ then add #faq to the desired color
+<section class="row" id="faq"><div>
+<div class="sidebar">
+
+<h2>FAQ</h2>
+
+</div>
+<div class="main">
+
+<dl>
+<dt>My key expired</dt>
+<dd>Answer coming soon.</dd>
+
+<dt>Who can read encrypted messages? Who can read signed ones?</dt>
+<dd>Answer coming soon.</dd>
+
+<dt>My email program is opening at times I don't want it to open/is now my
+default program and I don't want it to be.</dt>
+<dd>Answer coming soon.</dd>
+</dl>
+
+</div>
+</div>
+</section> --><!-- End #faq -->
+
+<!-- ~~~~~~~~~ Footer ~~~~~~~~~ -->
+<footer class="row" id="footer"><div>
+<div id="copyright">
+
+<h4><a href="https://u.fsf.org/ys"><img
+alt="Free Software Foundation"
+src="../static/img/fsf-logo.png" /></a></h4>
+
+<p>Copyright &copy; 2014-2021 <a
+href="https://u.fsf.org/ys">Free Software Foundation</a>, Inc. <a
+href="https://my.fsf.org/donate/privacypolicy.html">Privacy Policy</a>. Please
+support our work by <a href="https://u.fsf.org/yr">joining us as an associate
+member.</a></p>
+
+<p>The images on this page are under a <a
+href="https://creativecommons.org/licenses/by/4.0/">Creative Commons
+Attribution 4.0 license (or later version)</a>, and the rest of it is under
+a <a href="https://creativecommons.org/licenses/by-sa/4.0">Creative Commons
+Attribution-ShareAlike 4.0 license (or later version)</a>. Download the <a
+href="https://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">
+source code of Edward reply bot</a> by Andrew Engelbrecht
+&lt;andrew@engelbrecht.io&gt; and Josh Drake &lt;zamnedix@gnu.org&gt;,
+available under the GNU Affero General Public License. <a
+href="https://www.gnu.org/licenses/license-list.html#OtherLicenses">Why these
+licenses?</a></p>
+
+<p>Fonts used in the guide &amp; infographic: <a
+href="https://www.google.com/fonts/specimen/Dosis">Dosis</a> by Pablo
+Impallari, <a href="https://www.google.com/fonts/specimen/Signika">Signika</a>
+by Anna Giedry&#347;, <a
+href="https://www.google.com/fonts/specimen/Archivo+Narrow">Archivo
+Narrow</a> by Omnibus-Type, <a
+href="https://libreplanet.org/wiki/GPG_guide/Graphics_Howto#Pitfalls">PXL-2000</a>
+by Florian Cramer.</p>
+
+<p>Download the <a href="emailselfdefense_source.zip">source package</a>
+for this guide, including fonts, image source files and the text of Edward's
+messages.</p>
+
+<p>This site uses the Weblabels standard for labeling <a
+href="https://www.fsf.org/campaigns/freejs">free JavaScript</a>. View
+the JavaScript <a href="https://weblabels.fsf.org/emailselfdefense.fsf.org/"
+rel="jslicense">source code and license information</a>.</p>
+
+</div><!-- /#copyright -->
+
+<p class="credits">Infographic and guide design by <a rel="external"
+href="https://jplusplus.org"><strong>Journalism++</strong><img
+src="../static/img/jplusplus.png"
+alt="Journalism++" /></a></p><!-- /.credits -->
+</div></footer><!-- End #footer -->
+
+
+<script type="text/javascript"
+src="../static/js/jquery-1.11.0.min.js"></script>
+<script type="text/javascript"
+src="../static/js/scripts.js"></script>
+<!-- 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", "13"]);
+    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=13&rec=1" style="border:0" alt="" /></noscript>
+<!-- End Piwik -->
+</body>
 </html>