fixing some validation issues with html
[enc-live.git] / en / infographic.html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5 <title>Email Self-Defense - a guide to fighting surveillance with GnuPG
6 encryption</title>
7 <meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, privacy,
8 email, Enigmail" />
9 <meta name="description" content="Email surveillance violates our fundamental
10 rights and makes free speech risky. This guide will teach you email
11 self-defense in 40 minutes with GnuPG." />
12 <meta name="viewport" content="width=device-width, initial-scale=1" />
13 <link rel="stylesheet" href="../static/css/main.css" />
14 <link rel="shortcut icon"
15 href="../static/img/favicon.ico" />
16 </head>
17
18 <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>
19
20 <header class="row centered" id="header"><div>
21
22 <p class="back">&larr; Read the <a href="index.html">full guide</a></p>
23
24 <h3><a
25 href="https://fsf.org/share?u=https://u.fsf.org/zc&amp;t=How%20public-key%20encryption%20works.%20Infographic%20via%20%40fsf"><img
26 src="../static/img/gnu-social.png"
27 class="share-logo"
28 alt="[GNU Social]" />&nbsp;
29 <img
30 src="../static/img/mastodon.png"
31 class="share-logo"
32 alt="[Mastodon]" />&nbsp;
33 <img
34 src="../static/img/reddit-alien.png"
35 class="share-logo"
36 alt="[Reddit]" />&nbsp;
37 <img
38 src="../static/img/hacker-news.png"
39 class="share-logo"
40 alt="[Hacker News]" />&nbsp;
41 Share our infographic
42 </a>
43 with the hashtag #EmailSelfDefense
44 </h3>
45
46 <p><img
47 src="../static/img/en/full-infographic.png"
48 alt="View &amp; share our infographic" /></p>
49
50 <p class="back">&larr; Read the <a href="index.html">full guide</a></p>
51
52 </div></header><!-- End #header -->
53
54 <!-- ~~~~~~~~~ Footer ~~~~~~~~~ -->
55 <footer class="row" id="footer"><div>
56 <div id="copyright">
57
58 <h4><a href="https://u.fsf.org/ys"><img
59 alt="Free Software Foundation"
60 src="../static/img/fsf-logo.png" /></a></h4>
61
62 <p>Copyright &copy; 2014-2021 <a
63 href="https://u.fsf.org/ys">Free Software Foundation</a>, Inc. <a
64 href="https://my.fsf.org/donate/privacypolicy.html">Privacy Policy</a>. Please
65 support our work by <a href="https://u.fsf.org/yr">joining us as an associate
66 member.</a></p>
67
68 <p>The images on this page are under a <a
69 href="https://creativecommons.org/licenses/by/4.0/">Creative Commons
70 Attribution 4.0 license (or later version)</a>, and the rest of it is under
71 a <a href="https://creativecommons.org/licenses/by-sa/4.0">Creative Commons
72 Attribution-ShareAlike 4.0 license (or later version)</a>. Download the <a
73 href="https://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">
74 source code of Edward reply bot</a> by Andrew Engelbrecht
75 &lt;andrew@engelbrecht.io&gt; and Josh Drake &lt;zamnedix@gnu.org&gt;,
76 available under the GNU Affero General Public License. <a
77 href="https://www.gnu.org/licenses/license-list.html#OtherLicenses">Why these
78 licenses?</a></p>
79
80 <p>Fonts used in the guide &amp; infographic: <a
81 href="https://www.google.com/fonts/specimen/Dosis">Dosis</a> by Pablo
82 Impallari, <a href="https://www.google.com/fonts/specimen/Signika">Signika</a>
83 by Anna Giedry&#347;, <a
84 href="https://www.google.com/fonts/specimen/Archivo+Narrow">Archivo
85 Narrow</a> by Omnibus-Type, <a
86 href="https://libreplanet.org/wiki/GPG_guide/Graphics_Howto#Pitfalls">PXL-2000</a>
87 by Florian Cramer.</p>
88
89 <p>Download the <a href="emailselfdefense_source.zip">source package</a>
90 for this guide, including fonts, image source files and the text of Edward's
91 messages.</p>
92
93 <p>This site uses the Weblabels standard for labeling <a
94 href="https://www.fsf.org/campaigns/freejs">free JavaScript</a>. View
95 the JavaScript <a href="https://weblabels.fsf.org/emailselfdefense.fsf.org/"
96 rel="jslicense">source code and license information</a>.</p>
97
98 </div><!-- /#copyright -->
99
100 <p class="credits">Infographic and guide design by <a rel="external"
101 href="https://jplusplus.org"><strong>Journalism++</strong><img
102 src="../static/img/jplusplus.png"
103 alt="Journalism++" /></a></p><!-- /.credits -->
104 </div></footer><!-- End #footer -->
105
106
107 <script type="text/javascript"
108 src="../static/js/jquery-1.11.0.min.js"></script>
109 <script type="text/javascript"
110 src="../static/js/scripts.js"></script>
111 <!-- Piwik -->
112 <script type="text/javascript">
113 // @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&dn=gpl-2.0.txt GPL-2.0-or-later
114 var _paq = _paq || [];
115 _paq.push(["trackPageView"]);
116 _paq.push(["enableLinkTracking"]);
117
118 (function() {
119 var u = (("https:" == document.location.protocol) ? "https" : "http") + "://"+"piwik.fsf.org//";
120 _paq.push(["setTrackerUrl", u+"piwik.php"]);
121 _paq.push(["setSiteId", "13"]);
122 var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
123 g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
124 })();
125 // @license-end
126 </script>
127 <!-- End Piwik Code -->
128 <!-- Piwik Image Tracker -->
129 <noscript><img src="https://piwik.fsf.org//piwik.php?idsite=13&amp;rec=1" style="border:0" alt="" /></noscript>
130 <!-- End Piwik -->
131 </body>
132 </html>