projects / enc-live.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: a8c6f9b)
fix urls with ..
authorzoe1 <zoe@fsf.org>
Tue, 13 Jul 2021 14:30:10 +0000 (16:30 +0200)
committerzoe1 <zoe@fsf.org>
Tue, 13 Jul 2021 14:30:10 +0000 (16:30 +0200)
en/confirmation.html patch | blob | blame | history
en/index.html patch | blob | blame | history
en/infographic.html patch | blob | blame | history
en/next_steps.html patch | blob | blame | history
en/workshops.html patch | blob | blame | history

diff --git a/en/confirmation.html b/en/confirmation.html
index afa43b9c4d81d1c6ea5221ffb9b343736c643b50..3b01e98afec2d84254318fc7f516bb317ffe54cc 100644 (file)
--- a/en/confirmation.html
+++ b/en/confirmation.html
@@ -10,9 +10,9 @@ email, Enigmail" />
 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="stylesheet" href="../static/css/main.css" />
 <link rel="shortcut icon"
-href="/static/img/favicon.ico" />
+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><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>
@@ -28,18 +28,18 @@ to be added manually.</p>
 <br />
 
 <p><img
-src="/static/img/en/screenshots/section3-try-it-out.png"
+src="../static/img/en/screenshots/section3-try-it-out.png"
 alt="Try it out." /></p><br />
 
 <p>Join us on microblogging services for day-to-day updates:</p>
 
 <p style="font-size:150%"><a href="https://status.fsf.org/fsf"><img
-src="/static/img/gnu-social.png"
+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"
+src="../static/img/mastodon.png"
 class="share-logo"
 alt="[Mastodon]" />
 &nbsp;Mastodon</a>&nbsp; |&nbsp;
@@ -61,7 +61,7 @@ href="index.html">Email Self-Defense</a></p>
 
 <h4><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
-src="/static/img/fsf-logo.png" /></a></h4>
+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
@@ -103,15 +103,15 @@ rel="jslicense">source code and license information</a>.</p>
 
 <p class="credits">Infographic and guide design by <a rel="external"
 href="https://jplusplus.org"><strong>Journalism++</strong><img
-src="/static/img/jplusplus.png"
+src="../static/img/jplusplus.png"
 alt="Journalism++" /></a></p><!-- /.credits -->
 </div></footer><!-- End #footer -->
 
 
 <script type="text/javascript"
-src="/static/js/jquery-1.11.0.min.js"></script>
+src="../static/js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript"
-src="/static/js/scripts.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
diff --git a/en/index.html b/en/index.html
index 3c27e9e26b2c9c0a178422ffcb3a3a51ca6816f7..18784dd80bd6b60af728cb4473b9599cea6c0dd3 100644 (file)
--- a/en/index.html
+++ b/en/index.html
@@ -10,9 +10,9 @@ email, security, GnuPG2" />
 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="stylesheet" href="../static/css/main.css" />
 <link rel="shortcut icon"
-href="/static/img/favicon.ico" />
+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>
@@ -473,13 +473,13 @@ window.addEventListener("keydown",  function  (event)  {
 <li class="spacer"><a
 href="https://fsf.org/share?u=https://u.fsf.org/zb&amp;t=Email encryption for everyone via %40fsf">
 Share&nbsp;
-<img src="/static/img/gnu-social.png" class="share-logo"
+<img src="../static/img/gnu-social.png" class="share-logo"
 alt="[GNU Social]" />&nbsp;
-<img src="/static/img/mastodon.png" class="share-logo"
+<img src="../static/img/mastodon.png" class="share-logo"
 alt="[Mastodon]" />&nbsp;
-<img src="/static/img/reddit-alien.png" class="share-logo"
+<img src="../static/img/reddit-alien.png" class="share-logo"
 alt="[Reddit]" />&nbsp;
-<img src="/static/img/hacker-news.png" class="share-logo"
+<img src="../static/img/hacker-news.png" class="share-logo"
 alt="[Hacker News]" /></a></li>
 </ul>
 
@@ -488,7 +488,7 @@ alt="[Hacker News]" /></a></li>
 
 <h3><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
-src="/static/img/fsf-logo.png" />
+src="../static/img/fsf-logo.png" />
 </a></h3>
 
 <div class="fsf-emphasis">
@@ -505,7 +505,7 @@ the world taking the first step towards protecting their privacy.</strong></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>
+src="../static/img/en/donate.png" /></a></p>
 
 </div><!-- End #fsf-intro -->
 
@@ -513,7 +513,7 @@ src="/static/img/en/donate.png" /></a></p>
 <div class="intro">
 
 <p><a id="infographic" href="infographic.html"><img
-src="/static/img/en/infographic-button.png"
+src="../static/img/en/infographic-button.png"
 alt="View &amp; share our infographic &rarr;" /></a>
 Bulk surveillance violates our fundamental rights and makes free speech
 risky. This guide will teach you a basic surveillance self-defense skill: email
@@ -569,7 +569,7 @@ href="#section2">Step 2</a>.</p>
 <div class="sidebar">
 
 <p><img
-src="/static/img/en/screenshots/step1a-install-wizard.png"
+src="../static/img/en/screenshots/step1a-install-wizard.png"
 alt="Step 1.A: Install Wizard" /></p>
 
 </div><!-- /.sidebar -->
@@ -676,7 +676,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><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>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
@@ -705,11 +705,11 @@ discuss this more in the next section.</p>
 <div id="step-2a" class="step">
 <div class="sidebar">
 <p><img
-src="/static/img/en/screenshots/step2a-02-make-keypair.png"
+src="../static/img/en/screenshots/step2a-02-make-keypair.png"
 alt="Step 2.A: Make your Keypair" text="Make a keypair" /></p>
 <br />
 <p><img
-src="/static/img/en/screenshots/step2a-03-make-keypair.png"
+src="../static/img/en/screenshots/step2a-03-make-keypair.png"
 alt="Step 2.A: Set your passphrase" /></p>
 <br />
 
@@ -806,7 +806,7 @@ provide good guides for setting up a secure subkey configuration.</dd>
 <div id="step-2b" class="step">
 <div class="sidebar">
 <p><img
-src="/static/img/en/screenshots/step2b-04-upload-and-certificate.png"
+src="../static/img/en/screenshots/step2b-04-upload-and-certificate.png"
 alt="Step 2.B: Send to server and generate a certificate" /></p>
 
 </div><!-- /.sidebar -->
@@ -926,16 +926,16 @@ Because this is your key, you should choose <text 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><img src="../static/img/en/screenshots/step3a-open-key-manager.png"
 alt="Step 3.A: Thunderbird Menu" /></p>
 <br />
-<p><img src="/static/img/en/screenshots/step3a-import-from-file.png"
+<p><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><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><img src="../static/img/en/screenshots/step3a-troubleshoot.png"
 alt="Step 3.A: Troubleshoot" /></p>
 </div><!-- /.sidebar -->
 <div class="main">
@@ -980,7 +980,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><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>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>
@@ -996,7 +996,7 @@ testing with Edward.</p> -->
 <div class="sidebar">
 
 <p><img
-src="https://static.fsf.org/nosvn/enc-dev1/img/en/screenshots/step4a-send-key-to-Edward.png"
+src="../static/img/en/screenshots/step4a-send-key-to-Edward.png"
 alt="Step 4.A Send key to Edward." /></p>
 
 </div><!-- /.sidebar -->
@@ -1032,12 +1032,12 @@ before using your private key to decrypt it.</p>
 <div class="sidebar">
 
 <p><img
-src="/static/img/en/screenshots/step4b-option1-verify-key.png"
+src="../static/img/en/screenshots/step4b-option1-verify-key.png"
 alt="Step 4.B Option 1. Verify key" /></p>
 
 <br />
 <p><img
-src="/static/img/en/screenshots/step4b-option2-import-key.png"
+src="../static/img/en/screenshots/step4b-option2-import-key.png"
 alt="Step 4.B Option 2. Import key" /></p>
 </div><!-- /.sidebar -->
 
@@ -1145,7 +1145,7 @@ Text.</p>
 <div class="sidebar">
 
 <p><img
-src="/static/img/en/screenshots/step4c-Edward-response.png"
+src="../static/img/en/screenshots/step4c-Edward-response.png"
 alt="Step 4.C Edward's response" /></p>
 
 </div><!-- /.sidebar -->
@@ -1230,7 +1230,7 @@ then it will use your private key to decrypt it.</p>
 <div class="section-intro">
 
 <h2><em>#5</em> Learn the Web of Trust</h2>
-<p><img style="float:right; width:250px; margin-bottom:20px;" src="/static/img/en/screenshots/section4-web-of-trust.png" alt="Illustration of keys all interconnected with a web of lines"/></p>
+<p><img style="float:right; width:250px; margin-bottom:20px;" src="../static/img/en/screenshots/section4-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
@@ -1260,7 +1260,7 @@ connected to each other by chains of trust expressed through signatures.</p>
 <div class="sidebar">
 
 <p><img
-src="/static/img/en/screenshots/step5a-key-properties.png"
+src="../static/img/en/screenshots/step5a-key-properties.png"
 alt="Section 5: trusting a key" /></p>
 
 </div><!-- /.sidebar -->
@@ -1377,7 +1377,7 @@ and damage the Web of Trust.</p>
 <div class="sidebar">
 
 <p><img
-src="/static/img/en/screenshots/section5-01-use-it-well.png"
+src="../static/img/en/screenshots/section5-01-use-it-well.png"
 alt="Section 6: Use it Well (1)" /></p>
 
 </div><!-- /.sidebar -->
@@ -1409,7 +1409,7 @@ nice to also include a link to this guide in your standard email signature
 <div class="sidebar">
 
 <p><img
-src="/static/img/en/screenshots/section5-02-use-it-well.png"
+src="../static/img/en/screenshots/section5-02-use-it-well.png"
 alt="Section 6: Use it Well (2)" /></p>
 
 </div><!-- /.sidebar -->
@@ -1549,7 +1549,7 @@ default program and I don't want it to be.</dt>
 
 <h4><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
-src="/static/img/fsf-logo.png" /></a></h4>
+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
@@ -1597,9 +1597,9 @@ alt="Journalism++" /></a></p><!-- /.credits -->
 
 
 <script type="text/javascript"
-src="/static/js/jquery-1.11.0.min.js"></script>
+src="../static/js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript"
-src="/static/js/scripts.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
diff --git a/en/infographic.html b/en/infographic.html
index 9587aaee0806777ca0b0238a88a4fd3ad342b7c4..44444797c377d7ed5f28f4c55c57dfd1fcfb7b9f 100644 (file)
--- a/en/infographic.html
+++ b/en/infographic.html
@@ -10,9 +10,9 @@ email, Enigmail" />
 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="stylesheet" href="../static/css/main.css" />
 <link rel="shortcut icon"
-href="/static/img/favicon.ico" />
+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><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>
@@ -24,19 +24,19 @@ href="/static/img/favicon.ico" />
 <h3><a
 href="https://fsf.org/share?u=https://u.fsf.org/zc&amp;t=How&nbsp;public-key
 encryption works. Infographic via %40fsf"><img
-src="/static/img/gnu-social.png"
+src="../static/img/gnu-social.png"
 class="share-logo"
 alt="[GNU Social]" />&nbsp;
 <img
-src="/static/img/mastodon.png"
+src="../static/img/mastodon.png"
 class="share-logo"
 alt="[Mastodon]" />&nbsp;
 <img
-src="/static/img/reddit-alien.png"
+src="../static/img/reddit-alien.png"
 class="share-logo"
 alt="[Reddit]" />&nbsp;
 <img
-src="/static/img/hacker-news.png"
+src="../static/img/hacker-news.png"
 class="share-logo"
 alt="[Hacker News]" />&nbsp;
 Share our infographic
@@ -45,7 +45,7 @@ with the hashtag #EmailSelfDefense
 </h3>
 
 <p><img
-src="/static/img/en/full-infographic.png"
+src="../static/img/en/full-infographic.png"
 alt="View &amp; share our infographic" /></p>
 
 <p class="back">&larr; Read the <a href="index.html">full guide</a></p>
@@ -58,7 +58,7 @@ alt="View &amp; share our infographic" /></p>
 
 <h4><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
-src="/static/img/fsf-logo.png" /></a></h4>
+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
@@ -100,15 +100,15 @@ rel="jslicense">source code and license information</a>.</p>
 
 <p class="credits">Infographic and guide design by <a rel="external"
 href="https://jplusplus.org"><strong>Journalism++</strong><img
-src="/static/img/jplusplus.png"
+src="../static/img/jplusplus.png"
 alt="Journalism++" /></a></p><!-- /.credits -->
 </div></footer><!-- End #footer -->
 
 
 <script type="text/javascript"
-src="/static/js/jquery-1.11.0.min.js"></script>
+src="../static/js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript"
-src="/static/js/scripts.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
diff --git a/en/next_steps.html b/en/next_steps.html
index a6dc3fca923c38f8523dc29c94cd640be8b233d4..091e4f877fffb367db7011613a4441f2694c75e3 100644 (file)
--- a/en/next_steps.html
+++ b/en/next_steps.html
@@ -10,9 +10,9 @@ email, encryption" />
 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="stylesheet" href="../static/css/main.css" />
 <link rel="shortcut icon"
-href="/static/img/favicon.ico" />
+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><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>
@@ -43,7 +43,7 @@ of the work you've done.</p>
 <div class="sidebar">
 
 <p><a id="infographic" href="infographic.html"><img
-src="/static/img/en/infographic-button.png"
+src="../static/img/en/infographic-button.png"
 alt="View &amp; share our infographic &rarr;" /></a></p>
 
 </div><!-- /.sidebar -->
@@ -58,12 +58,12 @@ 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"
+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"
+src="../static/img/mastodon.png"
 class="share-logo"
 alt="[Mastodon]" />
 &nbsp;Mastodon</a>&nbsp; |&nbsp;
@@ -183,7 +183,7 @@ you secure.</p>
 <div class="sidebar">
 
 <p><img
-src="/static/img/en/screenshots/section6-next-steps.png"
+src="../static/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
@@ -209,7 +209,7 @@ 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>
+src="../static/img/en/donate.png" /></a></p>
 
 <br />
 </div><!-- End .main -->
@@ -263,7 +263,7 @@ default program and I don't want it to be.</dt>
 
 <h4><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
-src="/static/img/fsf-logo.png" /></a></h4>
+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
@@ -305,15 +305,15 @@ rel="jslicense">source code and license information</a>.</p>
 
 <p class="credits">Infographic and guide design by <a rel="external"
 href="https://jplusplus.org"><strong>Journalism++</strong><img
-src="/static/img/jplusplus.png"
+src="../static/img/jplusplus.png"
 alt="Journalism++" /></a></p><!-- /.credits -->
 </div></footer><!-- End #footer -->
 
 
 <script type="text/javascript"
-src="/static/js/jquery-1.11.0.min.js"></script>
+src="../static/js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript"
-src="/static/js/scripts.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
diff --git a/en/workshops.html b/en/workshops.html
index b1879d5044a3a2f78c148034bf5eebc53e9c16b2..934ce7d1da92ed172fbf0a9518695245970365fa 100644 (file)
--- a/en/workshops.html
+++ b/en/workshops.html
@@ -10,9 +10,9 @@ email, Enigmail" />
 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="stylesheet" href="../static/css/main.css" />
 <link rel="shortcut icon"
-href="/static/img/favicon.ico" />
+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><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>
@@ -52,16 +52,16 @@ href="/static/img/favicon.ico" />
 <li><a href="https://fsf.org/share?u=https://u.fsf.org/zb&amp;t=Email
 encryption for everyone via %40fsf">Share&nbsp;
 <img
-src="/static/img/gnu-social.png" class="share-logo"
+src="../static/img/gnu-social.png" class="share-logo"
 alt="[GNU Social]" />&nbsp;
 <img
-src="/static/img/mastodon.png" class="share-logo"
+src="../static/img/mastodon.png" class="share-logo"
 alt="[Mastodon]" />&nbsp;
 <img
-src="/static/img/reddit-alien.png" class="share-logo"
+src="../static/img/reddit-alien.png" class="share-logo"
 alt="[Reddit]" />&nbsp;
 <img
-src="/static/img/hacker-news.png" class="share-logo"
+src="../static/img/hacker-news.png" class="share-logo"
 alt="[Hacker News]" />
 </a></li>
 </ul>
@@ -71,7 +71,7 @@ alt="[Hacker News]" />
 
 <h3><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
-src="/static/img/fsf-logo.png" />
+src="../static/img/fsf-logo.png" />
 </a></h3>
 
 <div class="fsf-emphasis">
@@ -86,7 +86,7 @@ step towards protecting their privacy with free software.</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/img/en/donate.png" /></a></p>
+src="../static/img/en/donate.png" /></a></p>
 
 </div><!-- End #fsf-intro -->
 
@@ -95,7 +95,7 @@ src="/static/img/en/donate.png" /></a></p>
 
 <p><a id="infographic"
 href="https://emailselfdefense.fsf.org/en/infographic.html"><img
-src="/static/img/en/infographic-button.png"
+src="../static/img/en/infographic-button.png"
 alt="View &amp; share our infographic →" /></a>
 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
@@ -116,7 +116,7 @@ receive encrypted email, you're a perfect candidate for leading a workshop!</p>
 <!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
 <div class="section-intro">
 <p style="margin-top: 0px;" class="image"><img
-src="/static/img/en/screenshots/workshop-section1-update.png"
+src="../static/img/en/screenshots/workshop-section1-update.png"
 alt="A small workshop among friends" /></p>
 <h2><em>#1</em> Get your friends or community interested </h2>
 
@@ -136,7 +136,7 @@ your community:</p>
 <!-- Workshops image commented out from here, to be used above instead.
 
 <p><img id="workshops-image"
-src="/static/img/en/screenshots/workshop-section1.png"
+src="../static/img/en/screenshots/workshop-section1.png"
 alt="Workshop icon"></p>-->
 </div><!-- /.sidebar -->
 <div class="main">
@@ -327,7 +327,7 @@ let us know at <a href="mailto:campaigns@fsf.org">campaigns@fsf.org</a>.</p>
 
 <h4><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
-src="/static/img/fsf-logo.png" /></a></h4>
+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
@@ -369,12 +369,12 @@ rel="jslicense">source code and license information</a>.</p>
 
 <p class="credits">Infographic and guide design by <a rel="external"
 href="https://jplusplus.org"><strong>Journalism++</strong><img
-src="/static/img/jplusplus.png"
+src="../static/img/jplusplus.png"
 alt="Journalism++" /></a></p><!-- /.credits -->
 </div></footer><!-- End #footer -->
 
 <script type="text/javascript"
-src="/static/js/jquery-1.11.0.min.js"></script>
+src="../static/js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript"
 <!-- Piwik -->
 <script type="text/javascript">