Add banner and modal window
[enc-live.git] / missing / next_steps.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, security, GnuPG2" />
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="//static.fsf.org/nosvn/banners/202111fundraiser/" scrolling="no" style="width: 100%; height: 150px; display: block; margin: 0; border: 0 none; overflow: hidden;"></iframe>
19 <!--<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>-->
20
21 <!-- PLACE FUNDRAISER MODAL WINDOW HERE -->
22
23 <!-- Begin fsf-modal-window-elem campaign element -->
24 <link type="text/css" rel="stylesheet" href="https://static.fsf.org/nosvn/fonts/fa/css/font-awesome.min.css">
25 <style>
26 #fsf-modal-window-elem-container div {
27 -webkit-box-sizing: border-box;
28 -moz-box-sizing: border-box;
29 box-sizing: border-box;
30 }
31
32 @media screen and (min-width: 700px) {
33
34 #fsf-modal-window-elem-outer-v-center {
35 display: table;
36 position: absolute;
37 height: 100%;
38 width: 100%;
39 }
40 #fsf-modal-window-elem-inner-v-center {
41 display: table-cell;
42 vertical-align: middle;
43 }
44
45 #fsf-modal-window-elem {
46 width: 687px;
47 margin-left: auto;
48 margin-right: auto;
49 }
50
51 #fsf-modal-window-elem-right-column {
52 float: right;
53 width: 280px;
54 padding-left: 20px;
55 color: #491e17;
56 }
57
58 #fsf-modal-window-elem-left-column {
59 width: 100%;
60 float: left;
61 margin-right: -280px;
62 }
63
64 #fsf-modal-window-elem-text {
65 margin-right: 280px;
66 }
67 }
68
69 @media screen and (max-width: 699px) {
70
71 #fsf-modal-window-elem {
72
73 -ms-box-orient: horizontal;
74 display: -webkit-box;
75 display: -moz-box;
76 display: -ms-flexbox;
77 display: -moz-flex;
78 display: -webkit-flex;
79 display: flex;
80
81 -webkit-flex-flow: row wrap;
82 flex-flow: row wrap;
83 }
84
85 #fsf-modal-window-elem {
86 width: 80vw;
87 margin-left: 10vw;
88 margin-right: 10vw;
89 margin-top: 40px;
90 margin-bottom: 40px;
91 }
92
93 #fsf-modal-window-elem-right-column {
94 width: 100%;
95 order: 1;
96 }
97
98 #fsf-modal-window-elem-left-column {
99 width: 100%;
100 order: 2;
101 }
102
103 #fsf-modal-window-elem-text {
104 margin-top: 20px;
105 }
106 }
107
108 @media screen and (max-width: 360px) {
109 .long-button-text {
110 font-size: 25px !important;
111 }
112 }
113
114 #fsf-modal-window-elem-container {
115 position: fixed;
116 z-index: 10000;
117 left: 0;
118 top: 0;
119 width: 100%;
120 height: 100%;
121 overflow: auto;
122 background-color: rgba(0,0,0,0.8);
123
124 font-weight: normal;
125 }
126
127 #fsf-modal-window-elem a, a:active, a:focus {
128 outline: none;
129 border-bottom: 0px;
130 }
131
132 #fsf-modal-window-elem {
133 overflow: auto;
134 padding: 20px;
135 border-style: solid;
136 border-width: 5px;
137 border-color: #3a5b2c;
138 border-radius: 20px;
139 box-shadow: 0px 0px 10px #111111;
140 background-color: #fdf7b9;
141 }
142
143 #fsf-modal-window-elem-header {
144 width: 100%;
145 }
146
147 #fsf-modal-window-elem-header h2 {
148 font-family: sans-serif,"Helvetica",Arial;
149 font-weight: bold;
150 font-size: 24px;
151 color: #002047;
152 /* text-shadow: 0px 0px 8px #00378c; */
153 padding-bottom: 20px;
154 margin-top: 0px;
155 margin-bottom: 0px;
156 border: none;
157 }
158
159 #fsf-modal-window-elem-close-button {
160 float: right;
161 height: 40px;
162 margin-right: -20px;
163 margin-top: -20px;
164 padding: 11px;
165 color: #888;
166 cursor: pointer;
167 }
168
169 #fsf-modal-window-elem-close-button:hover {
170 color: #aaf;
171 }
172
173 #fsf-modal-window-elem-right-column {
174 text-align: center;
175 -webkit-user-select: none;
176 -moz-user-select: none;
177 -ms-user-select: none;
178 user-select: none;
179 }
180
181 #fsf-modal-window-elem-buttons div {
182 height:53.333px;
183 line-height: 53.333px;
184 margin-left:auto;
185 margin-right:auto;
186 display:block;
187 }
188
189 #fsf-modal-window-elem-buttons {
190 }
191
192 #fsf-modal-window-elem-buttons a {
193 width: 100%;
194 display: block;
195 text-align: center;
196 font-size:35px;
197 color:#002047;
198 text-decoration: none;
199 font-family: sans-serif,"Helvetica",Arial;
200 font-weight: normal;
201 }
202
203 #fsf-modal-window-elem-maybe-later {
204 margin-top: 5px;
205 margin-bottom: -5px;
206 }
207
208 #fsf-modal-window-elem-maybe-later a {
209 color: #367c93;
210 line-height: 20px;
211 text-decoration: none;
212 cursor: pointer;
213 font-weight: normal;
214 font-family: sans-serif,"Helvetica",Arial;
215 font-size: 16px;
216 }
217
218 #fsf-modal-window-elem-text {
219 }
220
221 #fsf-modal-window-elem-text a {
222 color: #002047;
223 font-weight: 700;
224 text-decoration: none;
225 }
226
227 #fsf-modal-window-elem-text a:hover {
228 color: #fd8e1b;
229 }
230
231 #fsf-modal-window-elem-text a:focus {
232 color: #fd8e1b;
233 }
234
235 #fsf-modal-window-elem-text a:active {
236 color: #ffac30;
237 }
238
239 #fsf-modal-window-elem-text p {
240 font-family: sans-serif,"Helvetica",Arial;
241 font-size: 17px;
242 font-weight: normal;
243 margin: 0px 0px 10px 0px;
244 line-height: 20px;
245 color: #002047;
246 /* text-shadow: 0px 0px 8px #004067;*/
247 }
248 </style>
249 <div id="fsf-modal-window-elem-container" style="display: none;">
250 <div id="fsf-modal-window-elem-outer-v-center">
251 <div id="fsf-modal-window-elem-inner-v-center">
252 <div id="fsf-modal-window-elem">
253 <div id="fsf-modal-window-elem-header">
254 <div id="fsf-modal-window-elem-close-button" onclick="/* LibreJS: script accepted. */
255 //fsfModalWindowElemDontShowForAWhile();">
256 <i class="fa fa-close"></i>
257 </div>
258 <h2>Move freedom forward with a donation to the FSF!</h2>
259 </div>
260 <div id="fsf-modal-window-elem-left-column">
261 <div id="fsf-modal-window-elem-text">
262
263 <p>
264
265 Without free software, we cannot and will not have a free society. <b>We rely on donations from people like you, who use and appreciate our work.</b> Fuel our journey forward, and help us reach our ultimate destination: full software freedom.
266
267 </p>
268
269 <p>
270
271 Support us with a donation today, and help us maximize our summer fundraising goal by donating before July 19 – Every contribution will be matched dollar for dollar by our generous donors up to USD 11,000.
272
273 </p>
274
275 <p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=summer21&amp;mtm_kwd=learn-more&amp;mtm_source=modal">Read more</a> | <a href="https://my.fsf.org/join?mtm_campaign=summer21&amp;mtm_source=modal">Join</a></span></p>
276
277 </div>
278 </div>
279 <div id="fsf-modal-window-elem-right-column">
280 <div id="fsf-modal-window-elem-buttons" style="border-radius: 20px; box-shadow: 0px 0px 5px #0c2b2b;">
281 <div style="background-color:#8c9e1e; border-top-right-radius: 20px; border-top-left-radius: 20px;">
282 <a style="text-shadow: 0px 0px 6px #d5e471;" href="https://my.fsf.org/join?mtm_campaign=summer21&amp;mtm_source=modal" onclick="/* LibreJS: script accepted. */
283 //fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</i>Join</a>
284 </div>
285
286 <div style="background-color:#fdf7b9">
287 <a href="https://my.fsf.org/renew?mtm_campaign=summer21&amp;mtm_source=modal" onclick="/* LibreJS: script accepted. */
288 //fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh">&nbsp;</i>Renew</a>
289 </div>
290
291 <div style="background-color:#3a5b2c; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
292 <a style="text-shadow: 0px 0px 6px #c2d831;" href="https://my.fsf.org/donate?mtm_campaign=summer21&amp;mtm_source=modal" onclick="/* LibreJS: script accepted. */
293 //fsfModalWindowElemFollowedLink();"><i class="fa fa-money">&nbsp;</i>Donate</a>
294 </div>
295 </div>
296 </div>
297 </div>
298 </div>
299 </div>
300 <script>/* LibreJS: script accepted. */
301 // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
302
303 // Licensed GPLv3-or-later by Andrew Engelbrecht
304
305 var startTime, endTime, switchTextTime;
306
307 startTime = new Date('2021-06-15T04:00:00Z');
308 switchTextTime = new Date('2021-08-17T04:00:00Z');
309 // endTime is unused.
310 endTime = new Date('2021-08-17T04:00:00Z');
311
312 // Possibly switch the text that is displayed in the modal window, depending
313 // upon the current date.
314 function fsfModalWindowElemMaybeSwitchText () {
315
316 var now;
317
318 now = new Date();
319 if (now.getTime() < switchTextTime.getTime()) {
320 return; // Do not switch the text
321 }
322
323 // Switch text
324 document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
325 \
326 <p>Without free software, we cannot and will not have a free society. <b>We rely on donations from people like you, who use and appreciate our work.<\/b> Fuel our journey forward, and help us reach our ultimate destination: full software freedom.<\/p><p>Support us with a donation today, and help us maximize our summer fundraising goal by donating before July 19 \&ndash\; Every contribution will be matched dollar for dollar by our generous donors up to USD 11,000.<\/p> \
327 \
328 <p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=summer21&mtm_kwd=learn-more&mtm_source=modal">Read more<\/a> | <a href="https://my.fsf.org/join?mtm_campaign=summer21&mtm_source=modal">Join<\/a><\/span><\/p>';
329 }
330
331 // Show fsf-modal-window-elem if it has not been previously closed by
332 // the user, nor recently hit "maybe later",
333 // and the campaign is still happening
334 function fsfModalWindowElemMaybeShow () {
335
336 var pattern, noShowFsfModalWindowElementP, now;
337
338 // See if cookie says not to show element
339 pattern = /showFsfSpring2021FundraiserModalWindowElementP\s*=\s*false/;
340 noShowFsfModalWindowElementP = pattern.test(document.cookie);
341
342 //// Uncomment here to enable modal window hiding
343 if (!noShowFsfModalWindowElementP) {
344 setTimeout(function () {
345 // display the element
346 document.getElementById("fsf-modal-window-elem-container").style.display="block";
347 }, 0);
348 }
349 }
350
351 // Call this first to set the proper text.
352 fsfModalWindowElemMaybeSwitchText();
353 // Check if appeal is the url.
354 if (window.location.href.indexOf("appeal") == -1) {
355 // Call this right away to avoid flicker.
356 fsfModalWindowElemMaybeShow();
357 }
358
359 // Get the time `plusDays` in the future.
360 // This can be a fraction.
361 function daysInFuture (plusDays) {
362 var now, future;
363
364 now = new Date();
365 future = new Date(now.getTime() + Math.floor(1000 * 60 * 60 * 24 * plusDays));
366 return future.toGMTString();
367 }
368
369 // Hide the fsf-modal-window-elem
370 function fsfModalWindowElemHide () {
371 document.getElementById("fsf-modal-window-elem-container").style.display="none";
372 }
373
374 // Optionally hide elem and set a cookie to keep the fsf-modal-window-elem hidden for the next `forDays`.
375 function fsfModalWindowElemDontShowForDays (forDays, hideNow) {
376 if (hideNow === true) {
377 fsfModalWindowElemHide();
378 }
379 //document.cookie = "showFsfSpring2021FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
380 document.cookie = "showFsfSpring2021FundraiserModalWindowElementP=false; path=/; SameSite=Strict; Secure; expires=" + daysInFuture(forDays);
381 }
382
383 // Hide the element from now to two weeks after closing it
384 function fsfModalWindowElemDontShowForAWhile () {
385 fsfModalWindowElemDontShowForDays(7, true);
386 }
387
388 // Keep the element visible for now, but do not show it for a while
389 function fsfModalWindowElemFollowedLink () {
390 fsfModalWindowElemDontShowForDays(14, false);
391 }
392
393 // Check if visiting appeal page.
394 if (window.location.href.indexOf("appeal") > -1) {
395 fsfModalWindowElemDontShowForAWhile();
396 }
397
398 // Close popup if user clicks trasparent part
399 document.getElementById("fsf-modal-window-elem-container").addEventListener("click", function(event){
400 fsfModalWindowElemDontShowForAWhile();
401 });
402
403 // Do not close popup if clicking non-trasparent part (with the text and buttons)
404 document.getElementById("fsf-modal-window-elem").addEventListener("click", function(event){
405 event.stopPropagation();
406 });
407
408 // Close popup if user clicks X icon
409 document.getElementById("fsf-modal-window-elem-close-button").addEventListener("click", function(event){
410 fsfModalWindowElemDontShowForAWhile();
411 });
412
413 // Disable popup if user clicks one of the main buttons
414 document.getElementById("fsf-modal-window-elem-buttons").addEventListener("click", function(event){
415 fsfModalWindowElemFollowedLink();
416 });
417
418 // Disable popup if user clicks one of the "Read more" link
419 document.getElementById("fsf-modal-window-text-link").addEventListener("click", function(event){
420 fsfModalWindowElemFollowedLink();
421 });
422
423 // Close popup if user presses escape key
424 window.addEventListener("keydown", function (event) {
425 switch (event.key) {
426 case "Escape":
427 fsfModalWindowElemDontShowForAWhile();
428 break;
429 default:
430 return;
431 }
432 }, true);
433 // @license-end</script>
434 </div>
435 <!-- End fsf-modal-window-elem campaign element -->
436
437 <!-- ~~~~~~~~~ GnuPG Header and introduction text ~~~~~~~~~ -->
438 <header class="row" id="header"><div>
439
440
441 <h1>Email Self-Defense</h1>
442
443 <!-- Language list for browsers that do not have JS enabled -->
444 <ul id="languages" class="os">
445 <!--<li><a class="current" href="/en">English - v4.0</a></li>
446 <li><a href="/cs">čeština - v4.0</a></li>
447 <li><a href="/de">Deutsch - v4.0</a></li>
448 <li><a href="/el">ελληνικά - v3.0</a></li>
449 <li><a href="/es">español - v4.0</a></li>
450 <li><a href="/fa">فارسی - v4.0</a></li>
451 <li><a href="/fr">français - v4.0</a></li>
452 <li><a href="/it">italiano - v3.0</a></li>
453 <li><a href="/ja">日本語 - v4.0</a></li>
454 <li><a href="/pt-br">português do Brasil - v3.0</a></li>
455 <li><a href="/ro">română - v3.0</a></li>
456 <li><a href="/ru">русский - v4.0</a></li>
457 <li><a href="/sq">Shqip - v4.0</a></li>
458 <li><a href="/sv">svenska - v4.0</a></li>
459 <li><a href="/tr">Türkçe - v4.0</a></li>
460 <li><a href="/zh-hans">简体中文 - v4.0</a></li>-->
461 <li><a href="https://libreplanet.org/wiki/GPG_guide/Translation_Guide">
462 <strong><span style="color: #2F5FAA;">Translate!</span></strong></a></li>
463 </ul>
464
465 <ul id="menu" class="os">
466 <li class="spacer"><a href="index.html" class="current">Set up guide</a></li>
467 <!--<li><a href="mac.html">Mac OS</a></li>-->
468 <!--<li><a href="windows.html">Windows</a></li>-->
469 <li class="spacer"><a href="workshops.html">Teach your friends</a></li>
470 <li class="spacer"><a
471 href="https://fsf.org/share?u=https://u.fsf.org/zb&amp;t=Email encryption for everyone via %40fsf">
472 Share&nbsp;
473 <img src="../static/img/gnu-social.png" class="share-logo"
474 alt="[GNU Social]" />&nbsp;
475 <img src="../static/img/mastodon.png" class="share-logo"
476 alt="[Mastodon]" />&nbsp;
477 <img src="../static/img/reddit-alien.png" class="share-logo"
478 alt="[Reddit]" />&nbsp;
479 <img src="../static/img/hacker-news.png" class="share-logo"
480 alt="[Hacker News]" /></a></li>
481 </ul>
482
483 <!-- ~~~~~~~~~ FSF Introduction ~~~~~~~~~ -->
484 <div id="fsf-intro">
485
486 <h3><a href="https://u.fsf.org/ys"><img
487 alt="Free Software Foundation"
488 src="../static/img/fsf-logo.png" />
489 </a></h3>
490
491 <div class="fsf-emphasis">
492
493 <p>We fight for computer users' rights, and promote the development of free (as
494 in freedom) software. Resisting bulk surveillance is very important to us.</p>
495
496 <p><strong>Please donate to support Email Self-Defense. We need to keep
497 improving it, and making more materials, for the benefit of people around
498 the world taking the first step towards protecting their privacy.</strong></p>
499
500 </div>
501
502 <p><a
503 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
504 alt="Donate"
505 src="../static/img/en/donate.png" /></a></p>
506
507 </div><!-- End #fsf-intro -->
508
509 <!-- ~~~~~~~~~ Guide Introduction ~~~~~~~~~ -->
510 <div class="intro">
511
512 <p><a id="infographic" href="infographic.html"><img
513 src="../static/img/en/infographic-button.png"
514 alt="View &amp; share our infographic &rarr;" /></a>
515
516 <strong>Help translate this site into your language!</strong>
517
518 We could use your help with <a
519 href="https://libreplanet.org/wiki/GPG_guide/Translation_Guide">translating
520 our newly updated and rewritten guide</a>.<br>
521 <br>
522 This guide is also available in <a href="../en/">English</a>.
523 </p>
524
525 </div><!-- End .intro -->
526 </div></header><!-- End #header -->
527
528 <!-- ~~~~~~~~~ FAQ ~~~~~~~~~ -->
529 <!-- When un-commenting this section go to main.css and search
530 for /* Guide Sections Background */ then add #faq to the desired color
531 <section class="row" id="faq"><div>
532 <div class="sidebar">
533
534 <h2>FAQ</h2>
535
536 </div>
537 <div class="main">
538
539 <dl>
540 <dt>My key expired</dt>
541 <dd>Answer coming soon.</dd>
542
543 <dt>Who can read encrypted messages? Who can read signed ones?</dt>
544 <dd>Answer coming soon.</dd>
545
546 <dt>My email program is opening at times I don't want it to open/is now my
547 default program and I don't want it to be.</dt>
548 <dd>Answer coming soon.</dd>
549 </dl>
550
551 </div>
552 </div>
553 </section> --><!-- End #faq -->
554
555 <!-- ~~~~~~~~~ Footer ~~~~~~~~~ -->
556 <footer class="row" id="footer"><div>
557 <div id="copyright">
558
559 <h4><a href="https://u.fsf.org/ys"><img
560 alt="Free Software Foundation"
561 src="../static/img/fsf-logo.png" /></a></h4>
562
563 <p>Copyright &copy; 2014-2021 <a
564 href="https://u.fsf.org/ys">Free Software Foundation</a>, Inc. <a
565 href="https://my.fsf.org/donate/privacypolicy.html">Privacy Policy</a>. Please
566 support our work by <a href="https://u.fsf.org/yr">joining us as an associate
567 member.</a></p>
568
569 <p>The images on this page are under a <a
570 href="https://creativecommons.org/licenses/by/4.0/">Creative Commons
571 Attribution 4.0 license (or later version)</a>, and the rest of it is under
572 a <a href="https://creativecommons.org/licenses/by-sa/4.0">Creative Commons
573 Attribution-ShareAlike 4.0 license (or later version)</a>. Download the <a
574 href="https://agpl.fsf.org/emailselfdefense.fsf.org/edward/CURRENT/edward.tar.gz">
575 source code of Edward reply bot</a> by Andrew Engelbrecht
576 &lt;andrew@engelbrecht.io&gt; and Josh Drake &lt;zamnedix@gnu.org&gt;,
577 available under the GNU Affero General Public License. <a
578 href="https://www.gnu.org/licenses/license-list.html#OtherLicenses">Why these
579 licenses?</a></p>
580
581 <p>Fonts used in the guide &amp; infographic: <a
582 href="https://www.google.com/fonts/specimen/Dosis">Dosis</a> by Pablo
583 Impallari, <a href="https://www.google.com/fonts/specimen/Signika">Signika</a>
584 by Anna Giedry&#347;, <a
585 href="https://www.google.com/fonts/specimen/Archivo+Narrow">Archivo
586 Narrow</a> by Omnibus-Type, <a
587 href="https://libreplanet.org/wiki/GPG_guide/Graphics_Howto#Pitfalls">PXL-2000</a>
588 by Florian Cramer.</p>
589
590 <p>Download the <a href="emailselfdefense_source.zip">source package</a>
591 for this guide, including fonts, image source files and the text of Edward's
592 messages.</p>
593
594 <p>This site uses the Weblabels standard for labeling <a
595 href="https://www.fsf.org/campaigns/freejs">free JavaScript</a>. View
596 the JavaScript <a href="https://weblabels.fsf.org/emailselfdefense.fsf.org/"
597 rel="jslicense">source code and license information</a>.</p>
598
599 </div><!-- /#copyright -->
600
601 <p class="credits">Infographic and guide design by <a rel="external"
602 href="https://jplusplus.org"><strong>Journalism++</strong><img
603 src="static/img/jplusplus.png"
604 alt="Journalism++" /></a></p><!-- /.credits -->
605 </div></footer><!-- End #footer -->
606
607
608 <script type="text/javascript"
609 src="../static/js/jquery-1.11.0.min.js"></script>
610 <script type="text/javascript"
611 src="../static/js/scripts.js"></script>
612 <!-- Piwik -->
613 <script type="text/javascript">
614 // @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&dn=gpl-2.0.txt GPL-2.0-or-later
615 var _paq = _paq || [];
616 _paq.push(["trackPageView"]);
617 _paq.push(["enableLinkTracking"]);
618
619 (function() {
620 var u = (("https:" == document.location.protocol) ? "https" : "http") + "://"+"piwik.fsf.org//";
621 _paq.push(["setTrackerUrl", u+"piwik.php"]);
622 _paq.push(["setSiteId", "13"]);
623 var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
624 g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
625 })();
626 // @license-end
627 </script>
628 <!-- End Piwik Code -->
629 <!-- Piwik Image Tracker -->
630 <noscript><img src="https://piwik.fsf.org//piwik.php?idsite=13&rec=1" style="border:0" alt="" /></noscript>
631 <!-- End Piwik -->
632 </body>
633 </html>