added infographic page
authorGabriel Pérez-Cerezo <gabriel@gpcf.eu>
Fri, 13 Jun 2014 10:21:36 +0000 (12:21 +0200)
committerGabriel Pérez-Cerezo <gabriel@gpcf.eu>
Fri, 13 Jun 2014 10:21:36 +0000 (12:21 +0200)
infographic.html

index 12acdcf..5474da6 100644 (file)
@@ -1,12 +1,89 @@
-<!Doctype html>
-<head>
-  <title>E-Mail-Selbstverteidigung</title>
-</head>
-<body>
-  <h1>E-Mail-Selbstverteidigung</h1>
-  <a href="/">Zurück zur Startseite</a><br>
-  Dies ist eine Übersetzung ins Deutsche der Infographik auf <a href="http://emailselfdefense.fsf.org/infographic.html">dieser Seite</a>. Bitte alle Fehler an gabriel [at] gpcf [Punkt] eu (GPG <a href="http://zimmerman.mayfirst.org/pks/lookup?op=vindex&fingerprint=on&search=0xBB09BA34D353EC69">BB09 BA34 D353 EC69</a>) melden. <br> Der Quellcode ist <a href="/email.svg">hier</a> erhältlich.
-  <br>
-  <img src="/selbstverteidigung/email.png" alt="Infographik" >
-  
-</body>
+<!DOCTYPE html>
+<html>
+       <head>
+                       <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="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>
+       <body>
+
+               <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 %23EmailSelfDefense">Share our infographic</a> with the hashtag #EmailSelfDefense</h3>
+
+                                       <p><img src="//static.fsf.org/nosvn/enc-dev0/img/full-infographic.png" alt="View &amp; share our infographic" /></p>
+
+                                       <p><a href="//static.fsf.org/nosvn/enc-dev0/gnupg-infographic.zip">Download the source files</a> for the infographic</p>
+                                       <p class="back">&larr; Read the <a href="index.html">full guide</a></p>
+                       </div>
+               </header><!-- End #header -->
+
+<!-- ~~~~~~~~~ Footer  ~~~~~~~~~ -->
+               <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>
+                                       <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>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>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>
+                               </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" alt="Journalism++" /></a>
+                               </p><!-- /.credits -->
+                       </div>
+               </footer><!-- End #footer -->
+
+               <script src="//static.fsf.org/nosvn/enc-dev0/js/jquery-1.11.0.min.js"></script>
+               <script src="//static.fsf.org/nosvn/enc-dev0/js/scripts.js"></script>
+
+                <!-- Piwik -->
+                <script type="text/javascript">
+                 /*
+                 @licstart The following is the entire license notice for the
+                    JavaScript code in this page.
+
+                 Copyright 2014 Matthieu Aubry
+
+                  This program is free software: you can redistribute it and/or modify
+                 it under the terms of the GNU General Public License as published by
+                 the Free Software Foundation, either version 3 of the License, or
+                 (at your option) any later version.
+
+                  This program is distributed in the hope that it will be useful,
+                 but WITHOUT ANY WARRANTY; without even the implied warranty of
+                 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+                 GNU General Public License for more details.
+
+                  You should have received a copy of the GNU General Public License
+                 along with this program.  If not, see http://www.gnu.org/licenses/.
+
+                  @licend The above is the entire license notice
+                     for the JavaScript code in this page.
+                 */
+                 var _paq = _paq || [];
+                 _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
+                 _paq.push(["setCookieDomain", "*.www.fsf.org"]);
+                 _paq.push(["setDomains", ["*.www.fsf.org","*.www.fsf.org"]]);
+                 _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", "5"]);
+                   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);
+                 })();
+                </script>
+                <!-- End Piwik Code -->
+
+       </body>
+</html>