en/index: remove WIP warning, typos.
[enc.git] / en / index.html
index 29202d591b195e8cd3c4378c5b4e6b05a23085bf..fc51eb0d67f96b750917df80f67ba158903275ad 100644 (file)
@@ -5,7 +5,7 @@
 <title>Email Self-Defense - a guide to fighting surveillance with GnuPG
 encryption</title>
 <meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, privacy,
-email, security, GnuPG2" />
+email, security, GnuPG2, 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." />
@@ -15,425 +15,11 @@ self-defense in 40 minutes with GnuPG." />
 href="../static/img/favicon.ico" />
 </head>
 
-<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>
+<body>
 <!--<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 -->
 
-            <!-- 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 {
-    -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-@media screen and (min-width: 700px) {
-
-    #fsf-modal-window-elem-outer-v-center {
-        display: table;
-        position: absolute;
-        height: 100%;
-        width: 100%;
-    }
-    #fsf-modal-window-elem-inner-v-center {
-        display: table-cell;
-        vertical-align: middle;
-    }
-
-    #fsf-modal-window-elem {
-        width: 687px;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    #fsf-modal-window-elem-right-column {
-        float: right;
-        width: 280px;
-        padding-left: 20px;
-        color: #491e17;
-    }
-
-    #fsf-modal-window-elem-left-column {
-        width: 100%;
-        float: left;
-        margin-right: -280px;
-    }
-
-    #fsf-modal-window-elem-text {
-        margin-right: 280px;
-    }
-}
-
-@media screen and (max-width: 699px) {
-
-    #fsf-modal-window-elem {
-
-        -ms-box-orient: horizontal;
-        display: -webkit-box;
-        display: -moz-box;
-        display: -ms-flexbox;
-        display: -moz-flex;
-        display: -webkit-flex;
-        display: flex;
-
-        -webkit-flex-flow: row wrap;
-        flex-flow: row wrap;
-    }
-
-    #fsf-modal-window-elem {
-        width: 80vw;
-        margin-left: 10vw;
-        margin-right: 10vw;
-        margin-top: 40px;
-        margin-bottom: 40px;
-    }
-
-    #fsf-modal-window-elem-right-column {
-        width: 100%;
-        order: 1;
-    }
-
-    #fsf-modal-window-elem-left-column {
-        width: 100%;
-        order: 2;
-    }
-
-    #fsf-modal-window-elem-text {
-        margin-top: 20px;
-    }
-}
-
-@media screen and (max-width: 360px) {
-    .long-button-text {
-        font-size: 25px !important;
-    }
-}
-
-#fsf-modal-window-elem-container {
-    position: fixed;
-    z-index: 10000;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-    background-color: rgba(0,0,0,0.8);
-
-    font-weight: normal;
-}
-
-#fsf-modal-window-elem a, a:active, a:focus {
-    outline: none;
-    border-bottom: 0px;
-}
-
-#fsf-modal-window-elem {
-    overflow: auto;
-    padding: 20px;
-    border-style: solid;
-    border-width: 5px;
-    border-color: #3a5b2c;
-    border-radius: 20px;
-    box-shadow: 0px 0px 10px #111111;
-    background-color: #fdf7b9;
-}
-
-#fsf-modal-window-elem-header {
-    width: 100%;
-}
-
-#fsf-modal-window-elem-header h2 {
-    font-family: sans-serif,"Helvetica",Arial;
-    font-weight: bold;
-    font-size: 24px;
-    color: #002047;
-    /* text-shadow: 0px 0px 8px #00378c; */
-    padding-bottom: 20px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    border: none;
-}
-
-#fsf-modal-window-elem-close-button {
-    float: right;
-    height: 40px;
-    margin-right: -20px;
-    margin-top: -20px;
-    padding: 11px;
-    color: #888;
-    cursor: pointer;
-}
-
-#fsf-modal-window-elem-close-button:hover {
-    color: #aaf;
-}
-
-#fsf-modal-window-elem-right-column {
-    text-align: center;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-}
-
-#fsf-modal-window-elem-buttons div {
-    height:53.333px;
-    line-height: 53.333px;
-    margin-left:auto;
-    margin-right:auto;
-    display:block;
-}
-
-#fsf-modal-window-elem-buttons {
-}
-
-#fsf-modal-window-elem-buttons a {
-    width: 100%;
-    display: block;
-    text-align: center;
-    font-size:35px;
-    color:#002047;
-    text-decoration: none;
-    font-family: sans-serif,"Helvetica",Arial;
-    font-weight: normal;
-}
-
-#fsf-modal-window-elem-maybe-later {
-    margin-top: 5px;
-    margin-bottom: -5px;
-}
-
-#fsf-modal-window-elem-maybe-later a {
-    color: #367c93;
-    line-height: 20px;
-    text-decoration: none;
-    cursor: pointer;
-    font-weight: normal;
-    font-family: sans-serif,"Helvetica",Arial;
-    font-size: 16px;
-}
-
-#fsf-modal-window-elem-text {
-}
-
-#fsf-modal-window-elem-text a {
-    color: #002047;
-    font-weight: 700;
-    text-decoration: none;
-}
-
-#fsf-modal-window-elem-text a:hover {
-    color: #fd8e1b;
-}
-
-#fsf-modal-window-elem-text a:focus {
-    color: #fd8e1b;
-}
-
-#fsf-modal-window-elem-text a:active {
-    color: #ffac30;
-}
-
-#fsf-modal-window-elem-text p {
-    font-family: sans-serif,"Helvetica",Arial;
-    font-size: 17px;
-    font-weight: normal;
-    margin: 0px 0px 10px 0px;
-    line-height: 20px;
-    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-outer-v-center">
-                    <div id="fsf-modal-window-elem-inner-v-center">
-                        <div id="fsf-modal-window-elem">
-                            <div id="fsf-modal-window-elem-header">
-                                <div id="fsf-modal-window-elem-close-button" onclick="/* LibreJS: script accepted. */
-//fsfModalWindowElemDontShowForAWhile();">
-                                    <i class="fa fa-close">​</i>
-                                </div>
-                                <h2>Move freedom forward with a donation to the FSF!</h2>
-                            </div>
-                            <div id="fsf-modal-window-elem-left-column">
-                                <div id="fsf-modal-window-elem-text">
-
-<p>
-
-Without free software, we cannot and will not have a free society. <b>We rely on donations from people like you, who use and appreciate our work.</b> Fuel our journey forward, and help us reach our ultimate destination: full software freedom.
-
-</p>
-
-<p>
-
-Support us with a donation today, and help us maximize our summer fundraising goal by donating before July 19 &ndash; Every contribution will be matched dollar for dollar by our generous donors up to USD 11,000.
-
-</p>
-
-<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=summer21&amp;mtm_kwd=learn-more&amp;mtm_source=modal">Read more</a> | <a href="https://my.fsf.org/join?mtm_campaign=summer21&amp;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: 0px 0px 5px #0c2b2b;">
-                                    <div style="background-color:#8c9e1e; border-top-right-radius: 20px; border-top-left-radius: 20px;">
-                                      <a style="text-shadow: 0px 0px 6px #d5e471;" href="https://my.fsf.org/join?mtm_campaign=summer21&amp;mtm_source=modal" onclick="/* LibreJS: script accepted. */
-//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</i>Join</a>
-                                    </div>
-
-                                    <div style="background-color:#fdf7b9">
-                                      <a href="https://my.fsf.org/renew?mtm_campaign=summer21&amp;mtm_source=modal" onclick="/* LibreJS: script accepted. */
-//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh">&nbsp;</i>Renew</a>
-                                    </div>
-
-                                    <div style="background-color:#3a5b2c; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
-                                      <a style="text-shadow: 0px 0px 6px #c2d831;" href="https://my.fsf.org/donate?mtm_campaign=summer21&amp;mtm_source=modal" onclick="/* LibreJS: script accepted. */
-//fsfModalWindowElemFollowedLink();"><i class="fa fa-money">&nbsp;</i>Donate</a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <script>/* LibreJS: script accepted. */
-// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
-
-// Licensed GPLv3-or-later by Andrew Engelbrecht
-
-var startTime, endTime, switchTextTime;
-
-startTime = new Date('2021-06-15T04:00:00Z');
-switchTextTime = new Date('2021-08-17T04:00:00Z');
-// endTime is unused.
-endTime = new Date('2021-08-17T04:00:00Z');
-
-// Possibly switch the text that is displayed in the modal window, depending
-// upon the current date.
-function fsfModalWindowElemMaybeSwitchText () {
-
-    var now;
-
-    now = new Date();
-    if (now.getTime() < switchTextTime.getTime()) {
-        return; // Do not switch the text
-    }
-
-    // Switch text
-    document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
-\
-<p>Without free software, we cannot and will not have a free society. <b>We rely on donations from people like you, who use and appreciate our work.<\/b> Fuel our journey forward, and help us reach our ultimate destination: full software freedom.<\/p><p>Support us with a donation today, and help us maximize our summer fundraising goal by donating before July 19 \&ndash\; Every contribution will be matched dollar for dollar by our generous donors up to USD 11,000.<\/p> \
-\
-<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=summer21&mtm_kwd=learn-more&mtm_source=modal">Read more<\/a> |  <a href="https://my.fsf.org/join?mtm_campaign=summer21&mtm_source=modal">Join<\/a><\/span><\/p>';
-}
-
-// Show fsf-modal-window-elem if it has not been previously closed by
-// the user, nor recently hit "maybe later",
-// and the campaign is still happening
-function fsfModalWindowElemMaybeShow () {
-
-    var pattern, noShowFsfModalWindowElementP, now;
-
-    // See if cookie says not to show element
-    pattern = /showFsfSpring2021FundraiserModalWindowElementP\s*=\s*false/;
-    noShowFsfModalWindowElementP = pattern.test(document.cookie);
-
-//// Uncomment here to enable modal window hiding
-    if (!noShowFsfModalWindowElementP) {
-        setTimeout(function () {
-            // display the element
-            document.getElementById("fsf-modal-window-elem-container").style.display="block";
-        }, 0);
-    }
-}
-
-// Call this first to set the proper text.
-fsfModalWindowElemMaybeSwitchText();
-// Check if appeal is the url.
-if (window.location.href.indexOf("appeal") == -1) {
-  // Call this right away to avoid flicker.
-  fsfModalWindowElemMaybeShow();
-}
-
-// Get the time `plusDays` in the future.
-// This can be a fraction.
-function daysInFuture (plusDays) {
-    var now, future;
-
-    now = new Date();
-    future = new Date(now.getTime() + Math.floor(1000 * 60 * 60 * 24 * plusDays));
-    return future.toGMTString();
-}
-
-// Hide the fsf-modal-window-elem
-function fsfModalWindowElemHide () {
-    document.getElementById("fsf-modal-window-elem-container").style.display="none";
-}
-
-// Optionally hide elem and set a cookie to keep the fsf-modal-window-elem hidden for the next `forDays`.
-function fsfModalWindowElemDontShowForDays (forDays, hideNow) {
-    if (hideNow === true) {
-        fsfModalWindowElemHide();
-    }
-    //document.cookie = "showFsfSpring2021FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
-    document.cookie = "showFsfSpring2021FundraiserModalWindowElementP=false; path=/; SameSite=Strict; Secure; expires=" + daysInFuture(forDays);
-}
-
-// Hide the element from now to two weeks after closing it
-function fsfModalWindowElemDontShowForAWhile () {
-    fsfModalWindowElemDontShowForDays(7, true);
-}
-
-// Keep the element visible for now, but do not show it for a while
-function fsfModalWindowElemFollowedLink () {
-    fsfModalWindowElemDontShowForDays(14, false);
-}
-
-// Check if visiting appeal page.
-if (window.location.href.indexOf("appeal") > -1) {
-  fsfModalWindowElemDontShowForAWhile();
-}
-
-// Close popup if user clicks trasparent part
-document.getElementById("fsf-modal-window-elem-container").addEventListener("click", function(event){
-    fsfModalWindowElemDontShowForAWhile();
-});
-
-// Do not close popup if clicking non-trasparent part (with the text and buttons)
-document.getElementById("fsf-modal-window-elem").addEventListener("click", function(event){
-    event.stopPropagation();
-});
-
-// Close popup if user clicks X icon
-document.getElementById("fsf-modal-window-elem-close-button").addEventListener("click", function(event){
-    fsfModalWindowElemDontShowForAWhile();
-});
-
-// Disable popup if user clicks one of the main buttons
-document.getElementById("fsf-modal-window-elem-buttons").addEventListener("click", function(event){
-    fsfModalWindowElemFollowedLink();
-});
-
-// Disable popup if user clicks one of the "Read more" link
-document.getElementById("fsf-modal-window-text-link").addEventListener("click", function(event){
-    fsfModalWindowElemFollowedLink();
-});
-
-// Close popup if user presses escape key
-window.addEventListener("keydown",  function  (event)  {
-    switch  (event.key)  {
-        case  "Escape":
-            fsfModalWindowElemDontShowForAWhile();
-            break;
-        default:
-            return;
-    }
-},  true);
-// @license-end</script>
-            </div>
-            <!-- End fsf-modal-window-elem campaign element -->
-
 <!-- ~~~~~~~~~ GnuPG Header and introduction text ~~~~~~~~~ -->
 <header class="row" id="header"><div>
 
@@ -442,8 +28,8 @@ window.addEventListener("keydown",  function  (event)  {
 
 <!-- Language list for browsers that do not have JS enabled -->
 <ul id="languages" class="os">
-<!--<li><a class="current" href="/en">English - v4.0</a></li>
-<li><a href="/cs">čeština - v4.0</a></li>
+<li><a class="current" href="/en">English - v5.0</a></li>
+<!--<li><a href="/cs">čeština - v5.0</a></li>
 <li><a href="/de">Deutsch - v4.0</a></li>
 <li><a href="/el">ελληνικά - v3.0</a></li>
 <li><a href="/es">español - v4.0</a></li>
@@ -456,10 +42,10 @@ window.addEventListener("keydown",  function  (event)  {
 <li><a href="/ru">русский - v4.0</a></li>
 <li><a href="/sq">Shqip - v4.0</a></li>
 <li><a href="/sv">svenska - v4.0</a></li>
-<li><a href="/tr">Türkçe - v4.0</a></li>
+<li><a href="/tr">Türkçe - v5.0</a></li>
 <li><a href="/zh-hans">简体中文 - v4.0</a></li>-->
-<li><a href="https://libreplanet.org/wiki/GPG_guide/Translation_Guide">
-<strong><span style="color: #2F5FAA;">Translate!</span></strong></a></li>
+<li><strong><a href="https://libreplanet.org/wiki/GPG_guide/Translation_Guide">
+Translate!</a></strong></li>
 </ul>
 
 <ul id="menu" class="os">
@@ -555,16 +141,13 @@ href="https://u.fsf.org/ys">fsf.org</a>.</p>
 
 <p>Most GNU/Linux operating systems come with GnuPG installed on them, so if you're running one of these systems, you don't have to download it. If you're running macOS or Windows, steps to download GnuPG are below. Before configuring your encryption setup with this guide, though, you'll need a desktop email program installed on your computer. Many GNU/Linux distributions have one installed already, such as Icedove, which may be under the alternate name "Thunderbird." Programs like these are another way to access the same email accounts you can access in a browser (like Gmail), but provide extra features.</p>
 
-<p>If you already have an email program, you can skip to <a
-href="#section2">Step 2</a>.</p>
-
 </div><!-- End .section-intro -->
 
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
 <div id="step-1a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step1a-install-wizard.png"
 alt="Step 1.A: Install Wizard" /></p>
 
@@ -575,7 +158,7 @@ alt="Step 1.A: Install Wizard" /></p>
 
 <p>Open your email program and follow the wizard (step-by-step walkthrough)
 that sets it up with your email account. This usually starts from "Account Settings" &rarr; "Add Mail Account". You should get the email server settings from your systems administrator or the help section of your email account.</p>
-<br />
+
 
 <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
 <div class="troubleshooting">
@@ -611,22 +194,26 @@ page</a>.</dd>
 <div id="step-1b" class="step">
 <div class="main">
 
-<h3><em>Step 1.b</em> Get your terminal ready and install GnuPG</h3>
+<h3><em>Step 1.b</em> Install GnuPG</h3>
+
+<p>If you are using a GNU/Linux machine, you should already have GnuPG installed, and you can skip to <a href="#section2">Section 2</a>.</p>
 
-<p>If you are using a GNU/Linux machine, you should already have GnuPG installed, and you can skip to <a href="#section2">Step 2</a>.</p>
-<p>If you are using a macOS or Windows machine, however, you need to first install the GnuPG program. Select your operating system below and follow the steps. For the rest of the steps in this guide, the steps are the same for all operating systems. </p>
+<p>If you are using a macOS or Windows machine, however, you need to first install the GnuPG program. Select your operating system below and follow the instructions. For the rest of this guide, the steps are the same for all operating systems. </p>
 
 <!-- ~~~~~~~~~ MACOS ~~~~~~~~~ -->
 <div class="troubleshooting">
 
-<h4>MacOS</h4>
+<h4>macOS</h4>
 
 <dl>
 <dt>Use a third-party package manager to install GnuPG</dt>
-<dd>Your macOS comes with a program called "Terminal" pre-installed, which we'll use to set up your encryption with GnuPG, using the command line. However, the default macOS package manager makes it difficult to install GnuPG and other pieces of free software (like Emacs, GIMP, or Inkscape).<br/>
-To make things easier, we recommend setting up the third-party package manager "Homebrew" to install GnuPG. Copy the link on the home page of <a href="https://brew.sh/">Homebrew</a> and paste it in Terminal. Click "Enter" and wait for it to finalize.<br/>
-When it is done, install the program by entering the following code in Terminal:<br/>
-<span style="color:#2f5faa; font-family: monospace;">brew install gnupg gnupg2</span>. After installation is done, you can follow the steps of the rest of this guide.</dd>
+<dd>
+<p>The default macOS package manager makes it difficult to install GnuPG and other pieces of free software (like Emacs, GIMP, or Inkscape). To make things easier, we recommend setting up the third-party package manager "Homebrew" to install GnuPG. For this, we will use a program called "Terminal," which is pre-installed on macOS.</p>
+
+<p># Copy the first command on the home page of <a href="https://brew.sh/">Homebrew</a> by clicking on the clipboard icon, and paste it in Terminal. Click "Enter" and wait for the installation to finalize.</p>
+<p># Then install GnuPG by entering the following code in Terminal:<br/>
+<code>brew install gnupg gnupg2</code></p>
+</dd>
 </dl>
 
 </div><!-- /.troubleshooting -->
@@ -638,10 +225,7 @@ When it is done, install the program by entering the following code in Terminal:
 
 <dl>
 <dt>Get GnuPG by downloading GPG4Win</dt>
-<dd><a href="https://www.gpg4win.org/">GPG4Win</a> is a email and file encryption software package that includes GnuPG. Download and install the latest version, choosing default options whenever asked. After it's installed, you can close any windows that it creates.<br/>
-
-
-<p class="notes">To follow the rest of the steps in this guide, you'll use the program called "PowerShell", which is a program you'll see elsewhere referred to as a "terminal." This allows you to operate your computer using the command line.</p>
+<dd><p><a href="https://www.gpg4win.org/">GPG4Win</a> is an email and file encryption software package that includes GnuPG. Download and install the latest version, choosing default options whenever asked. After it's installed, you can close any windows that it creates.</p>
 </dd>
 </dl>
 
@@ -672,7 +256,7 @@ is the program that implements the standard. Most email programs provide an inte
 <div class="section-intro">
 
 <h2><em>#2</em> Make your keys</h2>
-<p><img style="float:right; width:400px; margin-bottom:20px;" src="../static/img/en/screenshots/step2a-01-make-keypair.png" alt="A robot with a head shaped like a key holding a private and a public key"/></p>
+<p class="float medium"><img src="../static/img/en/screenshots/step2a-01-make-keypair.png" alt="A robot with a head shaped like a key holding a private and a public key"/></p>
 
 <p>To use the GnuPG system, you'll need a public key and a private key (known
 together as a keypair). Each is a long string of randomly generated numbers
@@ -687,9 +271,8 @@ look up your public key.</p>
 
 <p>Your private key is more like a physical key, because you keep it to
 yourself (on your computer). You use GnuPG and your private key together to
-descramble encrypted emails other people send to you. <span style="font-weight:
-bold;">You should never share your private key with anyone, under any
-circumstances.</span></p>
+descramble encrypted emails other people send to you. <strong>You should never share your private key with anyone, under any
+circumstances.</strong></p>
 
 <p>In addition to encryption and decryption, you can also use these keys to
 sign messages and check the authenticity of other people's signatures. We'll
@@ -700,32 +283,36 @@ discuss this more in the next section.</p>
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
 <div id="step-2a" class="step">
 <div class="sidebar">
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step2a-02-make-keypair.png"
 alt="Step 2.A: Make your Keypair" /></p>
-<br />
-<p><img
+
+<p class="large"><img
 src="../static/img/en/screenshots/step2a-03-make-keypair.png"
 alt="Step 2.A: Set your passphrase" /></p>
-<br />
 
 </div><!-- /.sidebar -->
 <div class="main">
 
 <h3><em>Step 2.a</em> Make a keypair</h3>
-<h6>Make your keypair</h6>
-<p>Open a terminal using <span style="color:#2f5faa; font-family: monospace;">ctrl + alt + t</span> (on GNU/linux), or find it in your applications, and use the following code to create your keypair:</p>
 
-<p class="notes">We will use the command line in a terminal to create a keypair using the GnuPG program. A terminal should be installed on your GNU/Linux operating system, if you are using a macOS or Windows OS system, use the programs "Terminal" (macOS) or "PowerShell" (Windows) that were also used in section 1.</p>
+<h4>Make your keypair</h4>
 
-<p># <span style="color:#2f5faa; font-family: monospace;">gpg --full-generate-key</span> to start the process.</p>
-<p># To answer what kind of key you would like to create, select the default option <span style="color:#2f5faa; font-family: monospace;"> 1 RSA and RSA</span>.</p>
-<p># Enter the following keysize: <span style="color:#2f5faa; font-family: monospace;">4096</span> for a strong key.</p>
-<p># Choose the expiration date, we suggest <span style="color:#2f5faa; font-family: monospace;">2y</span> (2 years).</p>
+<p>We will use the command line in a terminal to create a keypair using the
+GnuPG program.</p>
+
+<p class="notes">Whether on GNU/Linux, macOS or Windows, you can launch your
+terminal ("Terminal" in macOS, "PowerShell" in Windows) from the Applications
+menu (some GNU/Linux systems respond to the <kbd>Ctrl + Alt + T</kbd>
+shortcut).</p>
+
+<p># Enter <code>gpg --full-generate-key</code> to start the process.</p>
+<p># To answer what kind of key you would like to create, select the default option: <samp>1&nbsp;RSA&nbsp;and&nbsp;RSA</samp>.</p>
+<p># Enter the following keysize: <code>4096</code> for a strong key.</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>
 
-<br />
-<h6>Set your passphrase</h6>
+<h4>Set your passphrase</h4>
 <p>On the screen titled "Passphrase," pick a strong password! You can
 do it manually, or you can use the Diceware method. Doing it manually
 is faster but not as secure. Using Diceware takes longer and requires
@@ -742,8 +329,6 @@ punctuation symbol. Never pick a password you've used elsewhere. Don't use
 any recognizable patterns, such as birthdays, telephone numbers, pets' names,
 song lyrics, quotes from books, and so on.</p>
 
-<br />
-
 <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
 <div class="troubleshooting">
 
@@ -751,25 +336,26 @@ song lyrics, quotes from books, and so on.</p>
 <dl>
 <dt>GnuPG is not installed</dt>
 <dd>
-GPG is not installed. You can check if this is the case with the command <span style="color:#2f5faa; font-family: monospace;">gpg --version</span>.
-If GnuPG is not installed, it would bring up the following result on most GNU/Linux operating systems, or something like it:
-<span style="color:#2f5faa; font-family: monospace;">Command 'gpg' not found, but can be installed with:
-  sudo apt install gnupg</span>. Follow that command and install the program.</dd>
+You can check if this is the case with the command <code>gpg --version</code>&#65279;.
+If GnuPG is not installed, it will bring up the following result on most GNU/Linux operating systems, or something like it:
+<samp>Command 'gpg' not found, but can be installed with:
+  sudo apt install gnupg</samp>. Follow that command and install the program.</dd>
 
 <dt>I took too long to create my passphrase</dt>
 <dd>That's okay. It's important to think about your passphrase. When you're ready, just follow the steps from the beginning again to create your key.</dd>
 
 <dt>How can I see my key?</dt>
 <dd>
-Use the following command to see all keys <span style="color:#2f5faa; font-family: monospace;">gpg --list-keys</span>. Yours should be listed in there, and later, so will Edward's (<a href="#section3">section 3</a>). If you want to see only your key, you can use <span style="color:#2f5faa; font-family: monospace;">gpg --list-key [your@email]</span>. 
-You can also use <span style="color:#2f5faa; font-family: monospace;">gpg --list-secret-key</span> to see your own private key.</dd>
+Use the following command to see all keys: <code>gpg --list-keys</code>&#65279;. Yours should be listed in there, and later, so will Edward's (<a href="#section3">Section 3</a>).<br />
+If you want to see only your key, you can use <code>gpg --list-key [your@email]</code>&#65279;.<br />
+You can also use <code>gpg --list-secret-key</code> to see your own private key.</dd>
 
 <dt>More resources</dt>
 <dd>For more information about this process, you can also refer to <a
 href="https://www.gnupg.org/gph/en/manual/c14.html#AEN25">The GNU Privacy
 Handbook</a>. Make sure you stick with "RSA and RSA" (the default),
 because it's newer and more secure than the algorithms the documentation
-recommends. Also make sure your key is at least 4096 bits if you
+recommends. Also make sure your key is at least 4096&nbsp;bits if you
 want to be secure.</dd>
 
 <dt class="feedback">Don't see a solution to your problem?</dt>
@@ -803,7 +389,7 @@ provide good guides for setting up a secure subkey configuration.</dd>
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
 <div id="step-2b" class="step">
 <div class="sidebar">
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step2b-04-upload-and-certificate.png"
 alt="Step 2.B: Send to server and generate a certificate" /></p>
 
@@ -812,35 +398,30 @@ alt="Step 2.B: Send to server and generate a certificate" /></p>
 
 <h3><em>Step 2.b</em> Some important steps following creation</h3>
 
-<h6>Upload your key to a keyserver</h6>
+<h4>Upload your key to a keyserver</h4>
 <p>We will upload your key to a keyserver, so if someone wants to send you an encrypted message, they can download your public key from the Internet. There are multiple keyservers
 that you can select from the menu when you upload, but they are all copies
 of each other, so it doesn't matter which one you use. However, it sometimes
 takes a few hours for them to match each other when a new key is uploaded.</p>
-<p># Copy your keyID <span style="color:#2f5faa; font-family: monospace;">gnupg --list-key [your@email]</span> will list your public ("pub") key information, including your keyID, which is a unique list of numbers and letters. Copy this keyID, so you can use it in the following command.</p>
-<p># Upload your key to a server: <span style="color:#2f5faa; font-family: monospace;">gpg --send-key [keyID]</span></p>
+<p># Copy your keyID: <code>gpg --list-key [your@email]</code> will list your public ("pub") key information, including your keyID, which is a unique list of numbers and letters. Copy this keyID, so you can use it in the following command.</p>
+<p># Upload your key to a server:
+<code>gpg --send-key [keyID]</code></p>
 
-<br />
-
-<h6>Export your key to a file</h6>
+<h4>Export your key to a file</h4>
 <p>Use the following command to export your secret key so you can import it into your email client at the next <a href="#section3">step</a>. To avoid getting your key compromised, store this in a safe place, and make sure that if it is transferred, it is done so in a trusted way. Exporting your keys can be done with the following commands:</p>
+<p><code>
+$ gpg --export-secret-keys -a [keyID] > my_secret_key.asc<br/>
+$ gpg --export -a [keyID] > my_public_key.asc
+</code></p>
 
-<span style="color:#2f5faa; font-family: monospace;">
-$ gpg --export-secret-keys -a [keyid] > my_secret_key.asc<br/>
-$ gpg --export -a [keyid] > my_public_key.asc<br/>
-</span><br />
-
-<br />
-
-<h6>Generate a revocation certificate</h6>
-<p>Just in case you lose your key, or it gets compromised, you want to generate a certificate  and choose to save it in a safe place on your computer for now (please refer to <a href="#step-6c"> step 6.C</a> for how to best store your revocation cerficate safely). This step is essential for your email self-defense, as you'll learn more about in <a href="#section5">Section 5</a>.</p> 
+<h4>Generate a revocation certificate</h4>
+<p>Just in case you lose your key, or it gets compromised, you want to generate a certificate  and choose to save it in a safe place on your computer for now (please refer to <a href="#step-6c">Step 6.C</a> for how to best store your revocation cerficate safely). This step is essential for your email self-defense, as you'll learn more about in <a href="#section5">Section 5</a>.</p> 
  
-<p># Copy your keyID <span style="color:#2f5faa; font-family: monospace;">gnupg --list-key [your@email]</span> will list your public ("pub") key information, including your keyID, which is a unique list of numbers and letters. Copy this keyID, so you can use it in the following command.</p>
-<p># Generate a revocation certificate: <span style="color:#2f5faa; font-family: monospace;">gpg --gen-revoke --output revoke.asc [keyID]</span></p>
-<p># It will prompt you to give a reason for revocation, we recommend to use <span style="color:#2f5faa; font-family: monospace;">1 "key has been compromised"</span></p>
-<p># You don't have to fill in a reason, but you can, then press enter for an empty line, and comfirm your selection.</p>
+<p># Copy your keyID: <code>gpg --list-key [your@email]</code> will list your public ("pub") key information, including your keyID, which is a unique list of numbers and letters. Copy this keyID, so you can use it in the following command.</p>
+<p># Generate a revocation certificate: <code>gpg --gen-revoke --output revoke.asc [keyID]</code></p>
+<p># It will prompt you to give a reason for revocation, we recommend to use <samp>1&nbsp;=&nbsp;key has been compromised</samp>.</p>
+<p># You don't have to fill in a reason, but you can; then press "Enter" for an empty line, and confirm your selection.</p>
 
-<br />
 
 <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
 <div class="troubleshooting">
@@ -849,15 +430,15 @@ $ gpg --export -a [keyid] > my_public_key.asc<br/>
 
 <dl>
 <dt>My key doesn't seem to be working or I get a "permission denied."</dt>
-<dd>Like every other file or folder, gpg keys are subject to permissions. If these are not set correctly, your system may not be accepting your keys. You can follow the next steps to check, and update to the right permissions.<br/><br/>
+<dd><p>Like every other file or folder, gpg keys are subject to permissions. If these are not set correctly, your system may not be accepting your keys. You can follow the next steps to check, and update to the right permissions.</p>
 
-# Check your permissions: <span style="color:#2f5faa; font-family: monospace;">ls -l ~/.gnupg/*</span><br/><br/>
-# Set permissions to read, write, execute for only yourself, no others. These are the recommended permissions for your folder. <br/>
-You can use the code <span style="color:#2f5faa; font-family: monospace;">chmod 700 ~/.gnupg</span><br/><br/>
-# Set permissions to read and write for yourself only, no others. These are the recommended permissions for the keys inside your folder. <br/>
-You can use the code: <span style="color:#2f5faa; font-family: monospace;">chmod 600 ~/.gnupg/*</span><br/><br/>
+<p># Check your permissions: <code>ls -l ~/.gnupg/*</code></p>
+<p># Set permissions to read, write, execute for only yourself, no others. These are the recommended permissions for your folder. <br/>
+You can use the code: <code>chmod 700 ~/.gnupg</code></p>
+<p># Set permissions to read and write for yourself only, no others. These are the recommended permissions for the keys inside your folder. <br/>
+You can use the code: <code>chmod 600 ~/.gnupg/*</code></p>
 
-<p class="notes">If you have (for any reason) created your own folders inside ~/.gnupg, you must also additionally apply execute permissions to that folder. Folders require execution privileges to be opened. For more information on permissions, you can check out <a href="https://helpdeskgeek.com/linux-tips/understanding-linux-permissions-chmod-usage/">this detailed information guide</a>.</p><br/>
+<p class="notes">If you have (for any reason) created your own folders inside ~/.gnupg, you must also additionally apply execute permissions to that folder. Folders require execution privileges to be opened. For more information on permissions, you can check out <a href="https://helpdeskgeek.com/linux-tips/understanding-linux-permissions-chmod-usage/">this detailed information guide</a>.</p>
 </dd>
 <dt class="feedback">Don't see a solution to your problem?</dt>
 <dd class="feedback">Please let us know on the <a
@@ -882,23 +463,25 @@ href="https://www.gnupg.org/gph/en/manual/x56.html#AEN64">directly export
 your key</a> as a file on your computer.</dd>
 
 <dt>Transferring your keys</dt>
-<dd>Use the following commands to transfer your keys. To avoid getting your key compromised, store it in a safe place, and make sure that if it is transferred, it is done so in a trusted way. Importing and exporting a key can be done with the following commands:<br/>
+<dd>
+<p>Use the following commands to transfer your keys. To avoid getting your key compromised, store it in a safe place, and make sure that if it is transferred, it is done so in a trusted way. Importing and exporting a key can be done with the following commands:</p>
 
-<span style="color:#2f5faa; font-family: monospace;">
-$ gpg --export-secret-keys -a keyid > my_private_key.asc<br/>
-$ gpg --export -a keyid > my_public_key.asc<br/>
-$ gpg --import my_private_key.asc<br/>
-$ gpg --import my_public_key.asc<br/>
-</span>
+<p><code>
+$ gpg --export-secret-keys -a [keyID] > my_private_key.asc<br />
+$ gpg --export -a [keyID] > my_public_key.asc<br />
+$ gpg --import my_private_key.asc<br />
+$ gpg --import my_public_key.asc
+</code></p>
 
 <p>Ensure that the keyID printed is the correct one, and if so, then go ahead and add ultimate trust for it:</p>
-<span style="color:#2f5faa; font-family: monospace;">
+
+<p><code>
 $ gpg --edit-key [your@email]
-</span><br/>
+</code></p>
 
-Because this is your key, you should choose <span style="color:#2f5faa; font-family: monospace;">ultimate</span>. You shouldn't trust anyone else's key ultimately. 
+<p>Because this is your key, you should choose <code>ultimate</code>&#65279;. You shouldn't trust anyone else's key ultimately.</p>
 
-<p class="notes"> Refer to <a href="#step-2b">troubleshoot in step 2.B</a> for more information on permissions. When transferring keys, your permissions may get mixed, and errors may be prompted. These are easily avoided when your folders and files have the right permissions</p>
+<p class="notes"> Refer to <a href="#step-2b">Troubleshooting in Step 2.B</a> for more information on permissions. When transferring keys, your permissions may get mixed, and errors may be prompted. These are easily avoided when your folders and files have the right permissions</p>
 </dd>
 </dl>
 
@@ -922,29 +505,30 @@ Because this is your key, you should choose <span style="color:#2f5faa; font-fam
 <div id="step-3a" class="step">
 <div class="sidebar">
 
-<p><img src="../static/img/en/screenshots/step3a-open-key-manager.png"
+<p class="large"><img src="../static/img/en/screenshots/step3a-open-key-manager.png"
 alt="Step 3.A: Email Menu" /></p>
-<br />
-<p><img src="../static/img/en/screenshots/step3a-import-from-file.png"
+
+<p class="large"><img src="../static/img/en/screenshots/step3a-import-from-file.png"
 alt="Step 3.A: Import From File" /></p>
-<br />
-<p><img src="../static/img/en/screenshots/step3a-success.png"
+
+<p class="large"><img src="../static/img/en/screenshots/step3a-success.png"
 alt="Step 3.A: Success" /></p>
-<br />
-<p><img src="../static/img/en/screenshots/step3a-troubleshoot.png"
+
+<p class="large"><img src="../static/img/en/screenshots/step3a-troubleshoot.png"
 alt="Step 3.A: Troubleshoot" /></p>
 </div><!-- /.sidebar -->
 <div class="main">
 
 <h3><em>Step 3.a</em> Set up your email with encryption</h3>
-Once you have set up your email with encryption, you can start contributing to encrypted traffic on the Internet. First we'll get your email client to import your secret key, and we will also learn how to get other people's public keys from servers so you can send and receive encrypted email.
 
-<p># Open your email client and use "Tools" &rarr; <span style="color:#2f5faa;">OpenPGP Manager</span></p>
-<p># Under "File" &rarr; <span style="color:#2f5faa;">Import Secret Key(s) From File</span></p>
-<p># Select the file you saved under the name [my_secret_key.asc] in step <a href="#step-3b">step 3.b</a> when you exported your key</p>
+<p>Once you have set up your email with encryption, you can start contributing to encrypted traffic on the Internet. First we'll get your email client to import your secret key, and we will also learn how to get other people's public keys from servers so you can send and receive encrypted email.</p>
+
+<p># Open your email client and use "Tools" &rarr; <i>OpenPGP Key Manager</i></p>
+<p># Under "File" &rarr; <i>Import Secret Key(s) From File</i></p>
+<p># Select the file you saved under the name [my_secret_key.asc] in <a href="#step-2b">Step 2.B</a> when you exported your key</p>
 <p># Unlock with your passphrase</p>
 <p># You will receive a "OpenPGP keys successfully imported" window to confirm success</p>
-<p># Go to "Edit" (in Icedove) or "Tools" (in Thunderbird) &rarr; "Account settings" &rarr; "End-To-End Encryption," and make sure your key is imported and select <span style="color:#2f5faa;">Treat this key as a Personal Key</span>.</p>
+<p># Go to "Account settings" &rarr; "End-To-End Encryption," and make sure your key is imported and select <i>Treat this key as a Personal Key</i>.</p>
 
 </div><!-- End .main -->
 
@@ -955,7 +539,7 @@ Once you have set up your email with encryption, you can start contributing to e
 <dl>
 <dt>I'm not sure the import worked correctly</dt>
 <dd>
-Look for "Account settings" &rarr; "End-To-End Encryption" (Under "Edit" (in Icedove) or "Tools" (in Thunderbird)). Here you can see if your personal key associated with this email is found. If it is not, you can try again via the <span style="color:#2f5faa;">Add key</span> option. Make sure you have the correct, active, secret key file.
+Look for "Account settings" &rarr; "End-To-End Encryption." Here you can see if your personal key associated with this email is found. If it is not, you can try again via the <i>Add key</i> option. Make sure you have the correct, active, secret key file.
 </dd>
 
 <dt class="feedback">Don't see a solution to your problem?</dt>
@@ -976,7 +560,7 @@ page</a>.</dd>
 <div class="section-intro">
 
 <h2><em>#4</em> Try it out!</h2>
-<p><img style="float:right; width:250px; margin-bottom:20px;" src="../static/img/en/screenshots/section3-try-it-out.png" alt="Illustration of a person in a house with a cat connected to a server"/></p>
+<p class="float small"><img src="../static/img/en/screenshots/section3-try-it-out.png" alt="Illustration of a person in a house with a cat connected to a server"/></p>
 <p>Now you'll try a test correspondence with an FSF computer program named Edward,
 who knows how to use encryption. Except where noted, these are the same
 steps you'd follow when corresponding with a real, live person.</p>
@@ -985,13 +569,15 @@ steps you'd follow when corresponding with a real, live person.</p>
 may take a long time to respond, or not respond at all. We're sorry about
 this and we're working hard to fix it. Your key will still work even without
 testing with Edward.</p> -->
+
+<div style="clear: both"></div>
 </div><!-- End .section-intro -->
 
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
 <div id="step-4a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step4a-send-key-to-Edward.png"
 alt="Step 4.A Send key to Edward." /></p>
 
@@ -1003,13 +589,13 @@ alt="Step 4.A Send key to Edward." /></p>
 <p>This is a special step that you won't have to do when corresponding
 with real people. In your email program's menu, go to "Tools" &rarr; "OpenPGP Key
 Manager." You should see your key in the list that pops up. Right click
-on your key and select <span style="color:#2f5faa;">Send Public Keys by Email</span>. This will create a new draft message, as if you had just hit the "Write" button, but in the attachment you will find your public keyfile.</p>
+on your key and select <i>Send Public Keys by Email</i>. This will create a new draft message, as if you had just hit the "Write" button, but in the attachment you will find your public keyfile.</p>
 
 <p>Address the message to <a
 href="mailto:edward-en@fsf.org">edward-en@fsf.org</a>. Put at least one word
 (whatever you want) in the subject and body of the email. Don't send yet.</p>
 
-<p>We want Edward to be able to open the email with your keyfile, so we want this first special message to be unencrypted. Make sure encryption is turned off by using the dropdown menu "Security" and select <span style="color:#2f5faa">Do Not Encrypt</span>. Once encryption is off, hit Send.</p>
+<p>We want Edward to be able to open the email with your keyfile, so we want this first special message to be unencrypted. Make sure encryption is turned off by using the dropdown menu "Security" and select <i>Do Not Encrypt</i>. Once encryption is off, hit Send.</p>
 
 <p class="notes">It may take two or three minutes for Edward to
 respond. In the meantime, you might want to skip ahead and check out the <a
@@ -1027,12 +613,11 @@ before using your private key to decrypt it.</p>
 <div id="step-4b" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step4b-option1-verify-key.png"
 alt="Step 4.B Option 1. Verify key" /></p>
 
-<br />
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step4b-option2-import-key.png"
 alt="Step 4.B Option 2. Import key" /></p>
 </div><!-- /.sidebar -->
@@ -1040,14 +625,16 @@ alt="Step 4.B Option 2. Import key" /></p>
 <div class="main">
 
 <h3><em>Step 4.b</em> Send a test encrypted email</h3>
-<h6>Get Edward's key</h6>
+
+<h4>Get Edward's key</h4>
+
 <p>To encrypt an email to Edward, you need its public key, so now you'll have
 to download it from a keyserver. You can do this in two different ways:</p>
-<p><strong>Option 1.</strong> In the email answer you received from Edward as a response to your first email, Edward's public key was included. On the right of the email, just above the writing area, you will find an "OpenPGP" button that has a lock and a little wheel next to it. Click that, and select <span style="color:#2f5faa">Discover</span> next to the text: "This message was sent with a key that you don't have yet." A popup with Edward's key details will follow.</p>
+<p><strong>Option 1.</strong> In the email answer you received from Edward as a response to your first email, Edward's public key was included. On the right of the email, just above the writing area, you will find an "OpenPGP" button that has a lock and a little wheel next to it. Click that, and select <i>Discover</i> next to the text: "This message was signed with a key that you don't yet have." A popup with Edward's key details will follow.</p>
 
-<p><strong>Option 2.</strong> Open your OpenPGP manager and under "Keyserver" choose <span style="color:#2f5faa">Discover Keys Online</span>. Here, fill in Edward's email address, and import Edward's key.</p>
+<p><strong>Option 2.</strong> Open your OpenPGP Key manager, and under "Keyserver" choose <i>Discover Keys Online</i>. Here, fill in Edward's email address, and import Edward's key.</p>
 
-<p>The option <span style="color:#2f5faa">Accepted (unverified)</span> will add this key to your key manager, and now it can be used to send encrypted emails and to verify digital signatures from Edward.</p>
+<p>The option <i>Accepted (unverified)</i> will add this key to your key manager, and now it can be used to send encrypted emails and to verify digital signatures from Edward.</p>
 
 <p class="notes">In the popup window confirming if you want to import Edward's key, you'll see many  different emails that are all associated with its key. This is correct; you can safely import the key.</p>
 
@@ -1055,16 +642,14 @@ to download it from a keyserver. You can do this in two different ways:</p>
 Edward's private key is required to decrypt it. Edward is the only one with
 its private key, so no one except Edward can decrypt it.</p>
 
-<br />
-<h6>Send Edward an encrypted email</h6>
+<h4>Send Edward an encrypted email</h4>
 
 <p> Write a new email in your email program, addressed to <a
 href="mailto:edward-en@fsf.org">edward-en@fsf.org</a>. Make the subject
 "Encryption test" or something similar and write something in the body.</p>
 
-<p>This time, make sure encryption is turned on by using the dropdown menu "Security" and select <span style="color:#2f5faa">Require Encryption</span>. Once encryption is on, hit Send.</p>
+<p>This time, make sure encryption is turned on by using the dropdown menu "Security" and select <i>Require Encryption</i>. Once encryption is on, hit Send.</p>
 
-<br />
 
 <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
 <div class="troubleshooting">
@@ -1073,10 +658,10 @@ href="mailto:edward-en@fsf.org">edward-en@fsf.org</a>. Make the subject
 
 <dl>
 <dt>"Recipients not valid, not trusted or not found"</dt>
-<dd>You may be trying to send an encrypted email to someone when you do not have their public key yet. Make sure you follow the steps above to import the key to your key manager. Open OpenPGP Key Manager to make sure the recipient is listed there.</dd>
+<dd>You could get the above error message, or something along these lines:  "Unable to send this message with end-to-end encryption, because there are problems with the keys of the following recipients: ..." In these cases, you may be trying to send an encrypted email to someone when you do not have their public key yet. Make sure you follow the steps above to import the key to your key manager. Open OpenPGP Key Manager to make sure the recipient is listed there.</dd>
 
 <dt>Unable to send message</dt>
-<dd>You could get the following message when trying to send your encrypted email: "Unable to send this message with end-to-end encryption, because there are problems with the keys of the following recipients: edward-en@fsf.org." This usually means you imported the key with the "unaccepted (unverified) option." Go to the "key properties" of this key by right clicking on the key in the OpenPGP Key Manager, and select the option <span style="color:#2f5faa">Yes, but I have not verified that this is the correct key</span> in the "Acceptance" option at the bottom of this window. Resend the email.</dd>
+<dd>You could get the following message when trying to send your encrypted email: "Unable to send this message with end-to-end encryption, because there are problems with the keys of the following recipients: edward-en@fsf.org." This usually means you imported the key with the "unaccepted (unverified) option." Go to the "key properties" of this key by right clicking on the key in the OpenPGP Key Manager, and select the option <i>Yes, but I have not verified that this is the correct key</i> in the "Acceptance" option at the bottom of this window. Resend the email.</dd>
 
 <dt>I can't find Edward's key</dt>
 <dd>Close the pop-ups that have appeared since you clicked Send. Make sure
@@ -1130,8 +715,8 @@ independent of the actual email.</p>
 
 <p>For greater security against potential attacks, you can turn off
 HTML. Instead, you can render the message body as plain text. In order
-to do this in Icedove or Thunderbird, go to View &gt; Message Body As &gt; Plain
-Text.</p>
+to do this in Icedove or Thunderbird, go to "View" &rarr; "Message Body As" &rarr; <i>Plain
+Text</i>.</p>
 
 </div><!-- End .main -->
 </div><!-- End #step-headers_unencrypted .step-->
@@ -1140,7 +725,7 @@ Text.</p>
 <div id="step-4c" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step4c-Edward-response.png"
 alt="Step 4.C Edward's response" /></p>
 
@@ -1157,9 +742,9 @@ it, then reply to you. </p>
 respond. In the meantime, you might want to skip ahead and check out the <a
 href="#section6">Use it Well</a> section of this guide.</p>
 
-<p>Edward will send you an encrypted email back saying your email was received and decypted. Your email client will automatically decrypt Edward's message.</p>
+<p>Edward will send you an encrypted email back saying your email was received and decrypted. Your email client will automatically decrypt Edward's message.</p>
 
-<p class="notes">The OpenPGP button in the email will show a little green checkmark over the lock symbol to show the message is encypted, and a little orange warning sign which means that you have accepted the key, but not verified it. When you have not yet accepted the key, you will see a little question mark there. Clicking the prompts in this button will lead you to key properties as well.</p>
+<p class="notes">The OpenPGP button in the email will show a little green checkmark over the lock symbol to show the message is encrypted, and a little orange warning sign which means that you have accepted the key, but not verified it. When you have not yet accepted the key, you will see a little question mark there. Clicking the prompts in this button will lead you to key properties as well.</p>
 
 </div><!-- End .main -->
 </div><!-- End #step-4c .step -->
@@ -1187,7 +772,7 @@ pencil icon next to the lock icon so that it turns gold. If you sign a
 message, GnuPG may ask you for your password before it sends the message,
 because it needs to unlock your private key for signing.</p>
 
-<p>In "Account Settings" &rarr; "End-To-End-Encryption" you can opt to <span style="color:#2f5faa">add digital signature by default</span>.</p>
+<p>In "Account Settings" &rarr; "End-To-End-Encryption" you can opt to <i>add digital signature by default</i>.</p>
 
 </div><!-- End .main -->
 </div><!-- End #step-4d .step -->
@@ -1226,7 +811,7 @@ then it will use your private key to decrypt it.</p>
 <div class="section-intro">
 
 <h2><em>#5</em> Learn about the Web of Trust</h2>
-<p><img style="float:right; width:250px; margin-bottom:20px;" src="../static/img/en/screenshots/section5-web-of-trust.png" alt="Illustration of keys all interconnected with a web of lines"/></p>
+<p class="float small"><img src="../static/img/en/screenshots/section5-web-of-trust.png" alt="Illustration of keys all interconnected with a web of lines"/></p>
 
 <p>Email encryption is a powerful technology, but it has a weakness:
 it requires a way to verify that a person's public key is actually
@@ -1241,7 +826,7 @@ that it belongs to them and not someone else.</p>
 <p>Signing keys and signing messages use the same type of mathematical
 operation, but they carry very different implications. It's a good practice
 to generally sign your email, but if you casually sign people's keys, you
-may accidently end up vouching for the identity of an imposter.</p>
+may accidentally end up vouching for the identity of an imposter.</p>
 
 <p>People who use your public key can see who has signed it. Once you've
 used GnuPG for a long time, your key may have hundreds of signatures. You
@@ -1255,7 +840,7 @@ connected to each other by chains of trust expressed through signatures.</p>
 <div id="step-5a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="large"><img
 src="../static/img/en/screenshots/step5a-key-properties.png"
 alt="Section 5: trusting a key" /></p>
 
@@ -1264,9 +849,9 @@ alt="Section 5: trusting a key" /></p>
 
 <h3><em>Step 5.a</em> Sign a key</h3>
 
-<p>In your email program's menu, go to OpenPGP Key Manager and select <span style="color:#2f5faa">Key properties</span> by right clicking on Edward's key.</p>
+<p>In your email program's menu, go to OpenPGP Key Manager and select <i>Key properties</i> by right clicking on Edward's key.</p>
 
-<p>Under "Your Acceptance," you can select <span style="color:#2f5faa">Yes, I've verified in person this key has the correct fingerprint"</span>.</p>
+<p>Under "Your Acceptance," you can select <i>Yes, I've verified in person this key has the correct fingerprint"</i>.</p>
 
 <p class="notes">You've just effectively said "I trust that Edward's public
 key actually belongs to Edward." This doesn't mean much because Edward isn't
@@ -1372,7 +957,7 @@ and damage the Web of Trust.</p>
 <div id="step-6a" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="medium"><img
 src="../static/img/en/screenshots/section6-01-use-it-well.png"
 alt="Section 6: Use it Well (1)" /></p>
 
@@ -1404,7 +989,7 @@ nice to also include a link to this guide in your standard email signature
 <div id="step-6b" class="step">
 <div class="sidebar">
 
-<p><img
+<p class="medium"><img
 src="../static/img/en/screenshots/section6-02-use-it-well.png"
 alt="Section 6: Use it Well (2)" /></p>
 
@@ -1421,9 +1006,9 @@ invalid keys might be readable by surveillance programs.</p>
 sent you. Because Edward encrypted it with your public key, it will have a
 green checkmark a at the top "OpenPGP" button.</p>
 
-<p><b>When using GnuPG, make a habit of glancing at that button. The program
+<p><strong>When using GnuPG, make a habit of glancing at that button. The program
 will warn you there if you get an email signed with a key that can't
-be trusted.</b></p>
+be trusted.</strong></p>
 
 </div><!-- End .main -->
 </div><!-- End #step-6b .step -->
@@ -1598,7 +1183,7 @@ src="../static/js/jquery-1.11.0.min.js"></script>
 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
+  // @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&amp;dn=gpl-2.0.txt GPL-2.0-or-later
   var _paq = _paq || [];
   _paq.push(["trackPageView"]);
   _paq.push(["enableLinkTracking"]);