Add banner and modal window
[enc-live.git] / en / workshops.html
index 20d33108016643ba0b6670a9085ea23a29c0cfd8..f61bca4e40115f8a9bf0633e4cfa30caaca62e09 100644 (file)
@@ -2,19 +2,21 @@
 <html lang="en">
 <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 - Teach your friends!</title>
+<title>Email Self-Defense - a guide to fighting surveillance with GnuPG
+encryption</title>
 <meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, privacy,
 <meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, privacy,
-email, Enigmail" />
+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." />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <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.fsf.org/nosvn/enc-dev0/css/main.css" />
+<link rel="stylesheet" href="../static/css/main.css" />
 <link rel="shortcut icon"
 <link rel="shortcut icon"
-href="//static.fsf.org/nosvn/enc-dev0/img/favicon.ico" />
+href="../static/img/favicon.ico" />
 </head>
 
 </head>
 
-<body>
+<body><iframe src="//static.fsf.org/nosvn/banners/202206fundraiser/" scrolling="no" style="width: 100%; height: 150px; display: block; margin: 0; border: 0 none; overflow: hidden;"></iframe>
+<!--<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>-->
 
 <!-- ~~~~~~~~~ GnuPG Header and introduction text ~~~~~~~~~ -->
 <header class="row" id="header"><div>
 
 <!-- ~~~~~~~~~ GnuPG Header and introduction text ~~~~~~~~~ -->
 <header class="row" id="header"><div>
@@ -23,54 +25,50 @@ href="//static.fsf.org/nosvn/enc-dev0/img/favicon.ico" />
 
 <!-- Language list for browsers that do not have JS enabled -->
 <ul id="languages" class="os">
 
 <!-- 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="/es">español - v5.0</a></li>
+<li><a href="/fr">français - v5.0</a></li>
+<li><a href="/tr">Türkçe - v5.0</a></li>
+<!--<li><a href="/cs">čeština - v4.0</a></li>
 <li><a href="/de">Deutsch - v4.0</a></li>
 <li><a href="/el">ελληνικά - v3.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>
 <li><a href="/fa">فارسی - v4.0</a></li>
 <li><a href="/fa">فارسی - v4.0</a></li>
-<li><a href="/fr">français - v4.0</a></li>
 <li><a href="/it">italiano - v3.0</a></li>
 <li><a href="/ja">日本語 - v4.0</a></li>
 <li><a href="/pt-br">português do Brasil - v3.0</a></li>
 <li><a href="/it">italiano - v3.0</a></li>
 <li><a href="/ja">日本語 - v4.0</a></li>
 <li><a href="/pt-br">português do Brasil - v3.0</a></li>
-<li><a href="/ro">română - v3.0</a></li>
-<li><a href="/ru">русский - v4.0</a></li>
-<li><a href="/sq">Shqip - v4.0</a></li>
+<li><a href="/ro">română - v3.0</a></li>-->
+<li><a href="/ru">русский - v5.0</a></li>
+<!--<li><a href="/sq">Shqip - v4.0</a></li>
 <li><a href="/sv">svenska - v4.0</a></li>
 <li><a href="/sv">svenska - v4.0</a></li>
-<li><a href="/tr">Türkçe - v4.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><a href="/zh-hans">简体中文 - v4.0</a></li>-->
+<li><strong><a href="https://libreplanet.org/wiki/GPG_guide/Translation_Guide">
+Translate!</a></strong></li>
 </ul>
 
 <ul id="menu" class="os">
 </ul>
 
 <ul id="menu" class="os">
-<li class="spacer"><a href="index.html">GNU/Linux</a></li>
-<li><a href="mac.html">Mac OS</a></li>
-<li><a href="windows.html">Windows</a></li>
-<li><a href="workshops.html" class="current">Teach your friends</a></li>
-<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.fsf.org/nosvn/enc-dev0/img/gnu-social.png" class="share-logo"
+<li class="spacer"><a href="index.html">Set up guide</a></li>
+<!--<li><a href="mac.html">macOS</a></li>-->
+<!--<li><a href="windows.html">Windows</a></li>-->
+<li class="spacer"><a href="workshops.html" class="current">Teach your friends</a></li>
+<li class="spacer"><a
+href="https://fsf.org/share?u=https://u.fsf.org/zb&amp;t=Email%20encryption%20for%20everyone%20via%20%40fsf">
+Share&nbsp;
+<img src="../static/img/gnu-social.png" class="share-logo"
 alt="[GNU Social]" />&nbsp;
 alt="[GNU Social]" />&nbsp;
-<img
-src="//static.fsf.org/nosvn/enc-dev0/img/pump.io.png" class="share-logo"
-alt="[Pump.io]" />&nbsp;
-<img
-src="//static.fsf.org/nosvn/enc-dev0/img/reddit-alien.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"
 alt="[Reddit]" />&nbsp;
 alt="[Reddit]" />&nbsp;
-<img
-src="//static.fsf.org/nosvn/enc-dev0/img/hacker-news.png" class="share-logo"
-alt="[Hacker News]" />
-</a></li>
+<img src="../static/img/hacker-news.png" class="share-logo"
+alt="[Hacker News]" /></a></li>
 </ul>
 
 <!-- ~~~~~~~~~ FSF Introduction ~~~~~~~~~ -->
 <div id="fsf-intro">
 
 </ul>
 
 <!-- ~~~~~~~~~ FSF Introduction ~~~~~~~~~ -->
 <div id="fsf-intro">
 
-<h3><a href="http://u.fsf.org/ys"><img
+<h3><a href="https://u.fsf.org/ys"><img
 alt="Free Software Foundation"
 alt="Free Software Foundation"
-src="//static.fsf.org/nosvn/enc-dev0/img/fsf-logo.png" />
+src="../static/img/fsf-logo.png" />
 </a></h3>
 
 <div class="fsf-emphasis">
 </a></h3>
 
 <div class="fsf-emphasis">
@@ -85,7 +83,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"
 <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>
+src="../static/img/en/donate.png" /></a></p>
 
 </div><!-- End #fsf-intro -->
 
 
 </div><!-- End #fsf-intro -->
 
@@ -93,8 +91,8 @@ src="//static.fsf.org/nosvn/enc-dev0/img/en/donate.png" /></a></p>
 <div class="intro">
 
 <p><a id="infographic"
 <div class="intro">
 
 <p><a id="infographic"
-href="https://emailselfdefense.fsf.org/en/infographic.html"><img
-src="//static.fsf.org/nosvn/enc-dev0/img/en/infographic-button.png"
+href="infographic.html"><img
+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
 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
@@ -114,11 +112,9 @@ receive encrypted email, you're a perfect candidate for leading a workshop!</p>
 
 <!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
 <div class="section-intro">
 
 <!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
 <div class="section-intro">
-
 <p style="margin-top: 0px;" class="image"><img
 <p style="margin-top: 0px;" class="image"><img
-src="//static.fsf.org/nosvn/enc-dev0/img/en/screenshots/workshop-section1.png"
+src="../static/img/en/screenshots/workshop-section1-update.png"
 alt="A small workshop among friends" /></p>
 alt="A small workshop among friends" /></p>
-
 <h2><em>#1</em> Get your friends or community interested </h2>
 
 <p>If you hear friends grumbling about their lack of privacy, ask them if
 <h2><em>#1</em> Get your friends or community interested </h2>
 
 <p>If you hear friends grumbling about their lack of privacy, ask them if
@@ -137,7 +133,7 @@ your community:</p>
 <!-- Workshops image commented out from here, to be used above instead.
 
 <p><img id="workshops-image"
 <!-- Workshops image commented out from here, to be used above instead.
 
 <p><img id="workshops-image"
-src="//static.fsf.org/nosvn/enc-dev0/img/en/screenshots/workshop-section1.png"
+src="../static/img/en/screenshots/workshop-section1.png"
 alt="Workshop icon"></p>-->
 </div><!-- /.sidebar -->
 <div class="main">
 alt="Workshop icon"></p>-->
 </div><!-- /.sidebar -->
 <div class="main">
@@ -208,12 +204,12 @@ margin-bottom: 0px;">
 <p>Once you've got at least one interested friend, pick a date and start
 planning out the workshop. Tell participants to bring their computer and
 ID (for signing each other's keys). If you'd like to make it easy for the
 <p>Once you've got at least one interested friend, pick a date and start
 planning out the workshop. Tell participants to bring their computer and
 ID (for signing each other's keys). If you'd like to make it easy for the
-participants to use Diceware for choosing passwords, get a pack of dice
+participants to use <a href="https://theintercept.com/2015/03/26/passphrases-can-memorize-attackers-cant-guess/">Diceware</a> for choosing passwords, get a pack of dice
 beforehand. Make sure the location you select has an easily accessible
 Internet connection, and make backup plans in case the connection stops
 working on the day of the workshop. Libraries, coffee shops, and community
 centers make great locations. Try to get all the participants to set up
 beforehand. Make sure the location you select has an easily accessible
 Internet connection, and make backup plans in case the connection stops
 working on the day of the workshop. Libraries, coffee shops, and community
 centers make great locations. Try to get all the participants to set up
-an Enigmail-compatible email client before the event. Direct them to their
+an email client based on Thunderbird before the event. Direct them to their
 email provider's IT department or help page if they run into errors.</p>
 
 <p>Estimate that the workshop will take at least forty minutes plus ten minutes
 email provider's IT department or help page if they run into errors.</p>
 
 <p>Estimate that the workshop will take at least forty minutes plus ten minutes
@@ -295,9 +291,8 @@ margin-bottom: 0px;">
 <p>GnuPG's advanced options are far too complex to teach in a single
 workshop. If participants want to know more, point out the advanced subsections
 in the guide and consider organizing another workshop. You can also share
 <p>GnuPG's advanced options are far too complex to teach in a single
 workshop. If participants want to know more, point out the advanced subsections
 in the guide and consider organizing another workshop. You can also share
-<a href="https://www.gnupg.org/documentation/index.html">GnuPG's</a> and
-<a href="https://www.enigmail.net/index.php/documentation">Enigmail's</a>
-official documentation and mailing lists. Many GNU/Linux distribution's Web
+<a href="https://www.gnupg.org/documentation/index.html">GnuPG's</a> 
+official documentation and mailing lists, and the <a href="https://libreplanet.org/wiki/GPG_guide/Public_Review">Email Self-Defense feedback</a> page. Many GNU/Linux distribution's Web
 sites also contain a page explaining some of GnuPG's advanced features.</p>
 
 </div><!-- End .section-intro -->
 sites also contain a page explaining some of GnuPG's advanced features.</p>
 
 </div><!-- End .section-intro -->
@@ -329,9 +324,9 @@ 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"
 
 <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>
+src="../static/img/fsf-logo.png" /></a></h4>
 
 
-<p>Copyright &copy; 2014-2016 <a
+<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
 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
@@ -342,18 +337,18 @@ 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
 Attribution 4.0 license (or later version)</a>, and the rest of it is under
 a <a href="https://creativecommons.org/licenses/by-sa/4.0">Creative Commons
 Attribution-ShareAlike 4.0 license (or later version)</a>. Download the <a
-href="http://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">
+href="https://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">
 source code of Edward reply bot</a> by Andrew Engelbrecht
 source code of Edward reply bot</a> by Andrew Engelbrecht
-&lt;sudoman@ninthfloor.org&gt; and Josh Drake &lt;zamnedix@gnu.org&gt;,
+&lt;andrew@engelbrecht.io&gt; and Josh Drake &lt;zamnedix@gnu.org&gt;,
 available under the GNU Affero General Public License. <a
 available under the GNU Affero General Public License. <a
-href="http://www.gnu.org/licenses/license-list.html#OtherLicenses">Why these
+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
 licenses?</a></p>
 
 <p>Fonts used in the guide &amp; infographic: <a
 href="https://www.google.com/fonts/specimen/Dosis">Dosis</a> by Pablo
-Impallari, <a href="http://www.google.com/fonts/specimen/Signika">Signika</a>
+Impallari, <a href="https://www.google.com/fonts/specimen/Signika">Signika</a>
 by Anna Giedry&#347;, <a
 by Anna Giedry&#347;, <a
-href="http://www.google.com/fonts/specimen/Archivo+Narrow">Archivo
+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>
 Narrow</a> by Omnibus-Type, <a
 href="https://libreplanet.org/wiki/GPG_guide/Graphics_Howto#Pitfalls">PXL-2000</a>
 by Florian Cramer.</p>
@@ -364,36 +359,40 @@ messages.</p>
 
 <p>This site uses the Weblabels standard for labeling <a
 href="https://www.fsf.org/campaigns/freejs">free JavaScript</a>. View
 
 <p>This site uses the Weblabels standard for labeling <a
 href="https://www.fsf.org/campaigns/freejs">free JavaScript</a>. View
-the JavaScript <a href="//weblabels.fsf.org/emailselfdefense.fsf.org/"
+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"
 rel="jslicense">source code and license information</a>.</p>
 
 </div><!-- /#copyright -->
 
 <p class="credits">Infographic and guide design by <a rel="external"
-href="http://jplusplus.org"><strong>Journalism++</strong><img
-src="//static.fsf.org/nosvn/enc-dev0/img/jplusplus.png"
+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"
 alt="Journalism++" /></a></p><!-- /.credits -->
 </div></footer><!-- End #footer -->
 
 <script type="text/javascript"
-src="//static.fsf.org/nosvn/enc-dev0/js/jquery-1.11.0.min.js"></script>
+src="../static/js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript"
 <script type="text/javascript"
-src="//static.fsf.org/nosvn/enc-dev0/js/scripts.js"></script>
+src="../static/js/scripts.js"></script>
 <!-- Piwik -->
 <!-- Piwik -->
-<script type="text/javascript" ><!--
-// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&amp;dn=gpl-3.0.txt GPL-v3-or-Later
-var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.fsf.org/" : "http://piwik.fsf.org/");
-document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
-try {
-       var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 13);
-       piwikTracker.trackPageView();
-       piwikTracker.enableLinkTracking();
-} catch( err ) {}
-// @license-end
---></script>
-<noscript><p><img
-src="//piwik.fsf.org/piwik.php?idsite=13" style="border:0"
-alt="" /></p></noscript>
-<!-- End Piwik Tracking Code -->
+<script type="text/javascript">
+  // @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"]);
+
+  (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&amp;rec=1" style="border:0" alt="" /></noscript>
+<!-- End Piwik -->
 </body>
 </html>
 </body>
 </html>