it: Update sharing icons.
[enc-live.git] / en / infographic.html
index 2e70a9876808700d7d0a874fd07b88a6caef8680..f85f32c0c5615cad3a165ab5ca29d75166056542 100644 (file)
@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html>
        <head>
-                       <meta charset="utf-8">
+                       <meta charset="utf-8" />
 
                        <title>Email Self-Defense - a guide to fighting surveillance with GnuPG encryption</title>
                        <meta name="keywords" content="GnuPG, GPG, privacy, email, Enigmail" />
-      <meta name="description" content="Email surveillance violates our fundamental rights and makes free speech risky. This guide will teach you email self-defense in 30 minutes with GnuPG.">
+      <meta name="description" content="Email surveillance violates our fundamental rights and makes free speech risky. This guide will teach you email self-defense in 30 minutes with GnuPG." />
 
-      <meta name="viewport" content="width=device-width, initial-scale=1">
-                       <link rel="stylesheet" href="//static.fsf.org/nosvn/enc-dev0/css/main.css">
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+                       <link rel="stylesheet" href="//static.fsf.org/nosvn/enc-dev0/css/main.css" />
                <link rel="shortcut icon" href="//static.fsf.org/nosvn/enc-dev0/img/favicon.ico" />
 
        </head>
                <header class="row centered" id="header">
                        <div>
                                        <p class="back">&larr; Read the <a href="index.html">full guide</a></p>
-                                       <h3><a href="https://fsf.org/share?u=https://u.fsf.org/zc&amp;t=How public-key encryption works. Infographic via %40fsf">Share our infographic</a> with the hashtag #EmailSelfDefense</h3>
+                                       <h3>
+                                          <a href="https://fsf.org/share?u=https://u.fsf.org/zc&amp;t=How public-key encryption works. Infographic via %40fsf">
+                                            <img src="//static.fsf.org/nosvn/enc-dev0/img/gnu-social.png"
+                                                 class="share-logo" 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" alt="[Reddit]">&nbsp;
+                                            <img src="//static.fsf.org/nosvn/enc-dev0/img/hacker-news.png"
+                                                 class="share-logo" alt="[Hacker News]">&nbsp;
+                                            Share our infographic
+                                          </a>
+                                          with the hashtag #EmailSelfDefense
+                                        </h3>
 
                                        <p><img src="//static.fsf.org/nosvn/enc-dev0/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>
@@ -28,9 +41,9 @@
                <footer class="row" id="footer">
                        <div>
                                <div id="copyright">
-                                       <h4><a href="https://u.fsf.org/ys"><img alt="Free Software Foundation" src="//static.fsf.org/nosvn/enc-dev0/img/fsf-logo.png"></a></h4>
+                                       <h4><a href="https://u.fsf.org/ys"><img alt="Free Software Foundation" src="//static.fsf.org/nosvn/enc-dev0/img/fsf-logo.png" /></a></h4>
                                        <p>Copyright &copy; 2014 <a href="https://u.fsf.org/ys">Free Software Foundation</a>, Inc. <a href="https://my.fsf.org/donate/privacypolicy.html">Privacy Policy</a>. <a href="https://u.fsf.org/yr">Join.</a></p>
-                                        <p><em>Version 2.0. <a href="http://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">Source code of Edward reply bot by Josh Drake &lt;zamnedix@gnu.org&gt; available under the GNU General Public License.</a></em></p>
+                                        <p><em>Version 2.1. <a href="http://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">Source code of Edward reply bot by Josh Drake &lt;zamnedix@gnu.org&gt; available under the GNU General Public License.</a></em></p>
 <p>The images on this page are under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 license (or later version)</a>, and the rest of it is under a <a href="https://creativecommons.org/licenses/by-sa/4.0">Creative Commons Attribution-ShareAlike 4.0 license (or later version)</a>. &mdash; <a href="http://www.gnu.org/licenses/license-list.html#OtherLicenses">Why these licenses?</a></p>
                                        <p>Download the source packages for <a href="https://fixme.com">this guide</a> and for <a href="https://static.fsf.org/nosvn/enc-dev0/gnupg-infographic.zip">the infographic</a>. Fonts used in the guide &amp; infographic: <a href="https://www.google.com/fonts/specimen/Dosis">Dosis</a> by Pablo Impallari, <a href="http://www.google.com/fonts/specimen/Signika">Signika</a> by Anna Giedry&#347; <a href="http://www.google.com/fonts/specimen/Archivo+Narrow">Archivo Narrow</a> by Omnibus-Type, <a href="http://www.thegopherarchive.com/gopher-files-hacks-pxl2000-119351.htm">PXL-2000</a> by Florian Cramer.</p>
                                         <p>