changes dana comments
[enc-live.git] / en / next_steps.html
index 21d539c34ab9603d123ebdeadc8407f70818de50..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. A pat on the back to you! These next steps will help make the most of the work you did today.</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=31">
-                                                 <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=31" 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="step-friends" class="step">
+<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">
 
-                       <h3>Get your friends involved</h3>
-<p><strong>This is the single biggest thing you can do to promote email encryption.</strong></p>
+<h3>Bring Email Self-Defense to new people</h3>
 
-<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>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>
 
-<p>It's also great to add your public key fingerprint to your email signature so that people you are corresponding with know you accept encrypted email.</p>
+<ul>
+<li># Lead an Email Self-Defense workshop for your friends and community,
+using our <a href="workshops.html">teaching guide</a>.</li>
 
-<p class="notes">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>
+<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>
 
-                                       </div><!-- End .main -->
-                               </div><!-- End #step-friends .step -->
+<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-more_technologies" 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>Protect more of your digital life</h3>
 
-<div class="main">
+<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="https://www.gnu.org/distros/free-distros.html">endorsed versions of
+GNU/Linux.</a></p>
 
+</div><!-- End .main -->
+</div><!-- End #step-more_technologies .step -->
 
-                       <h3>Protect more of your digital life</h3>
+<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
+<div id="privacy-tor" class="step">
+<div class="main">
+
+<h3>Optional: Add more email protection with Tor</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>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><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>
 
-                                <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                                <div id="privacy-tor" class="step">
-                                        <div class="main">
-                                                <h3>Optional: Protect Your Privacy 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. 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>
+<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>
 
-                                                <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> demonstrates how Tor keeps you secure.
-                                        </div><!-- End .main -->
-                                </div><!-- End #step-lost_key .step-->
+</div><!-- End .main -->
+</div><!-- End #privacy-tor .step-->
 
-                               <!-- ~~~~~~~~~ a div for each step  ~~~~~~~~~ -->
-                               <div id="step-better" class="step">
+<!-- ~~~~~~~~~ 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> or <a href="https://www.enigmail.net/home/index.php">Enigmail</a>.</p>
+<p><img
+src="../static/img/en/screenshots/section7-next-steps.png"
+alt="Section 7: 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">
 
-<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>
+<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>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;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 <a href="https://u.fsf.org/ys">Free Software Foundation</a>, Inc. <a href="https://my.fsf.org/donate/privacypolicy.html">Privacy Policy</a>. <a href="https://u.fsf.org/yr">Join.</a></p>
-                                        <p><em>Version 3.0. <a href="http://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">Source code of Edward reply bot by Josh Drake &lt;zamnedix@gnu.org&gt; available under the GNU General Public License.</a></em></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>. &mdash; <a href="http://www.gnu.org/licenses/license-list.html#OtherLicenses">Why these licenses?</a></p>
-                                       <p>Download the source package for <a href="emailselfdefense_source.zip">this guide</a>. 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="http://www.thegopherarchive.com/gopher-files-hacks-pxl2000-119351.htm">PXL-2000</a> by Florian Cramer.</p>
-                                        <p>
-                                          <a href="//weblabels.fsf.org/emailselfdefense.fsf.org/"
-                                             rel="jslicense">
-                                            JavaScript 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>