Add banner and modal window
[fsf-giving-guide.git] / v12 / givingguide.html
CommitLineData
791532ac
GF
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7
8 <title>Ethical Tech | Giving Guide</title>
9 <meta name="description" content="This is the Free Software Foundation (FSF) guide to smarter gift giving, compared with their restrictive counterparts.">
10
11 <!-- Some Colors -->
12 <!-- Chrome, Firefox OS and Opera -->
13 <meta name="theme-color" content="#602217">
14 <!-- Windows Phone -->
15 <meta name="msapplication-navbutton-color" content="#602217">
16
17 <link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-icon-57x57.png">
18 <link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-icon-60x60.png">
19 <link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-icon-72x72.png">
20 <link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-icon-76x76.png">
21 <link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-icon-114x114.png">
22 <link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-icon-120x120.png">
23 <link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-icon-144x144.png">
24 <link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-icon-152x152.png">
25 <link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-icon-180x180.png">
26 <link rel="icon" type="image/png" sizes="192x192" href="img/favicons/android-icon-192x192.png">
27 <link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
28 <link rel="icon" type="image/png" sizes="96x96" href="img/favicons/favicon-96x96.png">
29 <link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
30 <meta name="msapplication-TileColor" content="#602217">
31 <meta name="msapplication-TileImage" content="img/favicons/ms-icon-144x144.png">
32 <meta name="theme-color" content="#602217">
33
34 <!-- Bootstrap -->
35 <link rel="stylesheet" href="css/bootstrap.min.css">
36
37 <!-- Animate CSS -->
38 <link rel="stylesheet" href="css/animate.css">
39
40 <!-- Our CSS -->
41 <link rel="stylesheet" href="css/master.css">
42
43 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
44 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
45 <!--[if lt IE 9]>
46 <script src="https://static.fsf.org/nosvn/libs/html5shiv/3.7.3/html5shiv.js"></script>
47 <script src="https://static.fsf.org/nosvn/libs/respond.js/1.4.2/respond.min.js"></script>
48 <![endif]-->
49
50 <script>
51 /*
52
53 @licstart The following is the entire license notice for the
54 JavaScript code in this page.
55
56 Copyright (c) 2016 Reda Lazri
57
58 Permission is hereby granted, free of charge, to any person obtaining
59 a copy of this software and associated documentation files (the
60 "Software"), to deal in the Software without restriction, including
61 without limitation the rights to use, copy, modify, merge, publish,
62 distribute, sublicense, and/or sell copies of the Software, and to
63 permit persons to whom the Software is furnished to do so, subject to
64 the following conditions:
65
66 The above copyright notice and this permission notice shall be included
67 in all copies or substantial portions of the Software.
68
69 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
70 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
71 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
72 IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
73 CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
74 TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
75 SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
76
77 @licend The above is the entire license notice
78 for the JavaScript code in this page.
79
80 */
81 </script>
82
83</head>
84
85<!-- ATTRACTIVE INFORMATIONAL ALERT / ASIDE BLOCK, SAVED HERE FOR REFERENCE
86
87 <div class="alert alert-success center-block">
88 <li class="info">
89 <p>
90 Many of these items are <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom" class="alert-link">certified to Respect Your Freedom</a> (RYF-certified).
91 </p>
92 </li>
93 </div>
94-->
95
96<body>
97
98<!-- Add banner and modal window here -->
99
b4e035ba
MM
100 <iframe src="//static.fsf.org/nosvn/banners/202206fundraiser/" scrolling="no"
101 style="width: 100%; height: 150px; display: block; margin: 0; border: 0 none; overflow: hidden;">
102 </iframe>
103
104 <!-- Begin fsf-modal-window-elem campaign element -->
105 <link type="text/css" rel="stylesheet" href="https://static.fsf.org/nosvn/fonts/fa/css/font-awesome.min.css">
106 <style>
107#fsf-modal-window-elem-container div {
108 -webkit-box-sizing: border-box;
109 -moz-box-sizing: border-box;
110 box-sizing: border-box;
111}
112
113@media screen and (min-width: 700px) {
114 #fsf-modal-window-elem-outer-v-center {
115 display: table;
116 position: absolute;
117 height: 100%;
118 width: 100%;
119 }
120
121 #fsf-modal-window-elem-inner-v-center {
122 display: table-cell;
123 vertical-align: middle;
124 }
125
126 #fsf-modal-window-elem {
127 width: 687px;
128 margin-left: auto;
129 margin-right: auto;
130 }
131
132 #fsf-modal-window-elem-right-column {
133 float: right;
134 width: 280px;
135 padding-left: 20px;
136 color: #002047;
137 }
138
139 #fsf-modal-window-elem-left-column {
140 width: 100%;
141 float: left;
142 margin-right: -280px;
143 }
144
145 #fsf-modal-window-elem-text {
146 margin-right: 280px;
147 }
148}
149
150@media screen and (max-width: 699px) {
151 #fsf-modal-window-elem {
152 -ms-box-orient: horizontal;
153 display: -webkit-box;
154 display: -moz-box;
155 display: -ms-flexbox;
156 display: -moz-flex;
157 display: -webkit-flex;
158 display: flex;
159 -webkit-flex-flow: row wrap;
160 flex-flow: row wrap;
161 }
162
163 #fsf-modal-window-elem {
164 width: 80vw;
165 margin-left: 10vw;
166 margin-right: 10vw;
167 margin-top: 40px;
168 margin-bottom: 40px;
169 }
170
171 #fsf-modal-window-elem-right-column {
172 width: 100%;
173 order: 1;
174 }
175
176 #fsf-modal-window-elem-left-column {
177 width: 100%;
178 order: 2;
179 }
180
181 #fsf-modal-window-elem-text {
182 margin-top: 20px;
183 }
184}
185
186@media screen and (max-width: 360px) {
187 .long-button-text {
188 font-size: 25px !important;
189 }
190}
191
192#fsf-modal-window-elem-container {
193 position: fixed;
194 z-index: 10000;
195 left: 0;
196 top: 0;
197 width: 100%;
198 height: 100%;
199 overflow: auto;
200 background-color: rgba(0,0,0,0.8);
201 font-weight: normal;
202}
203
204#fsf-modal-window-elem a, a:active, a:focus {
205 outline: none;
206 border-bottom: 0px;
207}
208
209#fsf-modal-window-elem {
210 overflow: auto;
211 padding: 20px;
212 border-style: solid;
213 border-width: 5px;
214 border-color: #b25ea8;
215 border-radius: 20px;
216 box-shadow: 0px 0px 10px #111111;
217 background-color: #e3d9e4;
218}
219
220#fsf-modal-window-elem-header {
221 width: 100%;
222}
223
224#fsf-modal-window-elem-header h2 {
225 font-family: sans-serif,"Helvetica",Arial;
226 font-weight: bold;
227 font-size: 24px;
228 color: #002047;
229 padding-bottom: 20px;
230 margin-top: 0px;
231 margin-bottom: 0px;
232 border: none;
233}
234
235#fsf-modal-window-elem-close-button {
236 float: right;
237 height: 40px;
238 margin-right: -20px;
239 margin-top: -20px;
240 padding: 11px;
241 color: #888;
242 cursor: pointer;
243}
244
245#fsf-modal-window-elem-close-button:hover {
246 color: #aaf;
247}
248
249#fsf-modal-window-elem-right-column {
250 text-align: center;
251 -webkit-user-select: none;
252 -moz-user-select: none;
253 -ms-user-select: none;
254 user-select: none;
255}
256
257#fsf-modal-window-elem-buttons div {
258 height:53.333px;
259 line-height: 53.333px;
260 margin-left:auto;
261 margin-right:auto;
262 display:block;
263}
264
265#fsf-modal-window-elem-buttons a {
266 width: 100%;
267 display: block;
268 text-align: center;
269 font-size:35px;
270 color:#002047;
271 text-decoration: none;
272 font-family: sans-serif,"Helvetica",Arial;
273 font-weight: normal;
274}
275
276#fsf-modal-window-elem-maybe-later {
277 margin-top: 5px;
278 margin-bottom: -5px;
279}
280
281#fsf-modal-window-elem-maybe-later a {
282 color: #367c93;
283 line-height: 20px;
284 text-decoration: none;
285 cursor: pointer;
286 font-weight: normal;
287 font-family: sans-serif,"Helvetica",Arial;
288 font-size: 16px;
289}
290
291#fsf-modal-window-elem-text a {
292 color: #002047;
293 font-weight: 700;
294 text-decoration: none;
295}
296
297#fsf-modal-window-elem-text a:hover {
298 color: #fd8e1b;
299}
300
301#fsf-modal-window-elem-text a:focus {
302 color: #fd8e1b;
303}
304
305#fsf-modal-window-elem-text a:active {
306 color: #ffac30;
307}
308
309#fsf-modal-window-elem-text p {
310 font-family: sans-serif,"Helvetica",Arial;
311 font-size: 17px;
312 font-weight: normal;
313 margin: 0px 0px 10px 0px;
314 line-height: 20px;
315 color: #002047;
316}
317 </style>
318 <div id="fsf-modal-window-elem-container" style="display: none;">
319 <div id="fsf-modal-window-elem-outer-v-center">
320 <div id="fsf-modal-window-elem-inner-v-center">
321 <div id="fsf-modal-window-elem">
322 <div id="fsf-modal-window-elem-header">
323 <div id="fsf-modal-window-elem-close-button" onclick="//fsfModalWindowElemDontShowForAWhile();">
324 <i class="fa fa-close">&#8203;</i>
325 </div>
326 <h2>Support #UserFreedom!</h2>
327 </div>
328 <div id="fsf-modal-window-elem-left-column">
329 <div id="fsf-modal-window-elem-text">
330
331<p>
332
333To truly have the right to collaborate, repair, and live more sustainably, we need freedom for computer users. A world with free software would have better privacy, protection from bulk surveillance, and would avoid user lock-in.
334
335</p>
336
337<p>
338
339With your support, we can continue helping people find their reasons and motivation to live more freely. Donate today and help us achieve our spring goal of $67,000 by July 8.
340
341</p>
342
343<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=spring22&mtm_source=modal">Read more</a> | <a href="https://my.fsf.org/donate?mtm_campaign=spring22&mtm_source=modal">Donate</a></span></p>
344
345 </div>
346 </div>
347 <div id="fsf-modal-window-elem-right-column">
348 <div id="fsf-modal-window-elem-buttons" style="border-radius: 20px;box-shadow: 5px 0 5px -6px #002047, -5px 0 5px -6px #002047;">
349 <div style="background-color:#c87137; border-top-right-radius: 20px; border-top-left-radius: 20px;">
350 <a style="text-shadow: 0px 0px 6px #ffe6b4;" href="https://my.fsf.org/join?mtm_campaign=spring22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</i>Join</a>
351 </div>
352
353 <div style="background-color:#e3d9e4;">
354 <a href="https://my.fsf.org/renew?mtm_campaign=spring22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh">&nbsp;</i>Renew</a>
355 </div>
356
357 <div style="background-color:#b25ea8; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
358 <a style="text-shadow: 0px 0px 6px #ffe6b4;" href="https://my.fsf.org/donate?mtm_campaign=spring22&mtm_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money">&nbsp;</i>Donate</a>
359 </div>
360 </div>
361 </div>
362 </div>
363 </div>
364 </div>
365 <script>
366// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
367
368// Licensed GPLv3-or-later by Andrew Engelbrecht
369
370var startTime, endTime, switchTextTime;
371
372startTime = new Date('2022-06-12T04:00:00Z');
373switchTextTime = new Date('2022-12-12T04:00:00Z');
374// endTime is unused.
375endTime = new Date('2022-12-17T04:00:00Z');
376
377// Possibly switch the text that is displayed in the modal window, depending
378// upon the current date.
379function fsfModalWindowElemMaybeSwitchText () {
380
381 var now;
382
383 now = new Date();
384 if (now.getTime() < switchTextTime.getTime()) {
385 return; // Do not switch the text
386 }
387
388 // Switch text
389 document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
390\
391<p>To truly have the right to collaborate, repair, and live more sustainably, we need freedom for computer users. A world with free software would have better privacy, protection from bulk surveillance, and would avoid user lock-in.<\/p><p>With your support, we can continue helping people find their reasons and motivation to live more freely. Donate today and help us achieve our spring goal of \$67,000 by July 8!<\/p> \
392\
393<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?mtm_campaign=spring22&mtm_source=modal">Read more<\/a> | <a href="https://my.fsf.org/donate?mtm_campaign=spring22&mtm_source=modal">Donate<\/a><\/span><\/p>';
394}
395
396// Show fsf-modal-window-elem if it has not been previously closed by
397// the user, nor recently hit "maybe later",
398// and the campaign is still happening
399function fsfModalWindowElemMaybeShow () {
400
401 var pattern, noShowFsfModalWindowElementP, now;
402
403 // See if cookie says not to show element
404 pattern = /showFsf202206FundraiserModalWindowElementP\s*=\s*false/;
405 noShowFsfModalWindowElementP = pattern.test(document.cookie);
406
407//// Uncomment here to enable modal window hiding
408 if (!noShowFsfModalWindowElementP) {
409 setTimeout(function () {
410 // display the element
411 document.getElementById("fsf-modal-window-elem-container").style.display="block";
412 }, 0);
413 }
414}
415
416// Call this first to set the proper text.
417fsfModalWindowElemMaybeSwitchText();
418// Check if appeal is the url.
419if (window.location.href.indexOf("appeal") == -1) {
420 // Call this right away to avoid flicker.
421 fsfModalWindowElemMaybeShow();
422}
423
424// Get the time `plusDays` in the future.
425// This can be a fraction.
426function daysInFuture (plusDays) {
427 var now, future;
428
429 now = new Date();
430 future = new Date(now.getTime() + Math.floor(1000 * 60 * 60 * 24 * plusDays));
431 return future.toGMTString();
432}
433
434// Hide the fsf-modal-window-elem
435function fsfModalWindowElemHide () {
436 document.getElementById("fsf-modal-window-elem-container").style.display="none";
437}
438
439// Optionally hide elem and set a cookie to keep the fsf-modal-window-elem hidden for the next `forDays`.
440function fsfModalWindowElemDontShowForDays (forDays, hideNow) {
441 if (hideNow === true) {
442 fsfModalWindowElemHide();
443 }
444 //document.cookie = "showFsf202206FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
445 document.cookie = "showFsf202206FundraiserModalWindowElementP=false; path=/; SameSite=Strict; Secure; expires=" + daysInFuture(forDays);
446}
447
448// Hide the element from now to two weeks after closing it
449function fsfModalWindowElemDontShowForAWhile () {
450 fsfModalWindowElemDontShowForDays(7, true);
451}
452
453// Keep the element visible for now, but do not show it for a while
454function fsfModalWindowElemFollowedLink () {
455 fsfModalWindowElemDontShowForDays(14, false);
456}
457
458// Check if visiting appeal page.
459if (window.location.href.indexOf("appeal") > -1) {
460 fsfModalWindowElemDontShowForAWhile();
461}
462
463// Close popup if user clicks trasparent part
464document.getElementById("fsf-modal-window-elem-container").addEventListener("click", function(event){
465 fsfModalWindowElemDontShowForAWhile();
466});
467
468// Do not close popup if clicking non-trasparent part (with the text and buttons)
469document.getElementById("fsf-modal-window-elem").addEventListener("click", function(event){
470 event.stopPropagation();
471});
472
473// Close popup if user clicks X icon
474document.getElementById("fsf-modal-window-elem-close-button").addEventListener("click", function(event){
475 fsfModalWindowElemDontShowForAWhile();
476});
477
478// Disable popup if user clicks one of the main buttons
479document.getElementById("fsf-modal-window-elem-buttons").addEventListener("click", function(event){
480 fsfModalWindowElemFollowedLink();
481});
482
483// Disable popup if user clicks one of the "Read more" link
484document.getElementById("fsf-modal-window-text-link").addEventListener("click", function(event){
485 fsfModalWindowElemFollowedLink();
486});
487
488// Close popup if user presses escape key
489window.addEventListener("keydown", function (event) {
490 switch (event.key) {
491 case "Escape":
492 fsfModalWindowElemDontShowForAWhile();
493 break;
494 default:
495 return;
496 }
497}, true);
498// @license-end
499 </script>
500 </div>
501 <!-- End fsf-modal-window-elem campaign element -->
502
791532ac
GF
503 <nav class="navbar navbar-default">
504 <div class="container-fluid">
505 <!-- Brand and toggle get grouped for better mobile display -->
506 <div class="navbar-header">
507 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-links" aria-expanded="false">
508 <span class="sr-only">Toggle navigation</span>
509 <!-- <span class="icon-bar bar1"></span> -->
510 <!-- <span class="icon-bar bar2"></span> -->
511 <!-- <span class="icon-bar bar3"></span> -->
512 </button>
513 <a class="navbar-brand" href="https://fsf.org/"><img class="brand" src="img/logo-1.png" alt="FSF" width="180" /></a>
514 <!-- <span class="label label-warning"><a href="https://fsf.org/jfb">Join the FSF</a></span> -->
515
516 </div>
517
518 <!-- Collect the nav links, forms, and other content for toggling -->
519 <div class="collapse navbar-collapse" id="navbar-links">
520 <ul class="nav navbar-nav">
521 <li><a class="animated fadeIn" href="https://www.fsf.org/about/">About the FSF</a></li>
522 <li><a class="animated fadeIn" href="https://www.fsf.org/campaigns/">Campaigns</a></li>
523 <li><a class="animated fadeIn" href="https://my.fsf.org/join?pk_campaign=fall19&pk_kwd=ggjoin">Join</a></li>
524 <li><a class="animated fadeIn" href="https://shop.fsf.org/">Shop</a>
525 </ul>
526
527 </div>
528 <!-- /.navbar-collapse -->
529 </div>
530 <!-- /.container-fluid -->
531 </nav>
532
533 <!--Begin Intro-->
534 <section class="intro" id="intro">
535 <div class="container">
536 <div class="row">
537 <div class="illustration col-md-6">
538 <center>
539 <hr />
540 <!-- <iframe src="https://static.fsf.org/nosvn/videos/fsf-heroes/" id="fsf-heroes-video" scrolling="no" style="overflow: hidden; margin: 0; border: 0 none; display: block; width: 50%; height: 67vw; max-height: 200px;"></iframe> -->
541 <img src="img/Illustration.png" alt="large-illustration" class="img-responsive center-dblock" />
542 </center>
543 </div>
544 <div class="intro-text col-md-6">
4fcea5a8 545 <h1>Don't give your loved ones gifts that stand in the way of their freedom</h1>
791532ac
GF
546<p>The headlines are filled with stories of "Big Tech" abuses, using the
547tight control they have over their devices and platforms to keep us
548powerless and dependent on them. There's no time at which this is more
552a0611 549evident than in the holiday season, when they marshal all of the
791532ac 550advertising at their disposal to sell us things that we don't need --
5e7eca24 551 and worse, products that don't respect our basic freedoms.</p>
791532ac 552 <h4>This year, choose freedom</h4>
5e7eca24 553 <p>This year, we advise you to end that cycle of forced obsolescence and user exploitation, and opt to try running <a href="https://gnu.org/philosophy/free-sw">free software</a> on a device you already own. If you're unlucky enough to get a gift that doesn't respect your freedom, you can still <a href="https://h-node.org">help others avoid it</a> by documenting its ethical pitfalls.</p>
791532ac
GF
554<p>Let your loved ones know that you respect their freedom and privacy
555too much to cave for the newest Apple, Amazon, or Google device, and
556give them the one gift that keeps on giving: freedom.</p>
557 </div>
558 </div>
559 </div>
560 </section>
561 <!--End Intro-->
562
563 <!--Begin Actions-->
564 <section class="actions" id="actions">
565 <div class="container">
566 <div class="row">
567 <!-- Begin Action -->
568 <div class="action col-md-4 col-sm-4 text-center">
569 <a class="action-button" href="https://www.fsf.org/share?u=https://www.fsf.org/givingguide/&amp;t=Check out the Free Software Foundation Ethical Tech Giving Guide">Tell your friends</a>
570 <p>
24ae6719 571 Use the hashtag <span class="label label-default">#UserFreedom</span> on social media sites like <a href="https://joinmastodon.org/#getting-started">Mastodon</a>, <a href="https://www.gnu.org/software/social/">GNU social</a>, or <a href="https://fsf.org/twitter">Twitter</a>. You might get a gift out of it yourself!
791532ac
GF
572 </p>
573 </div>
574 <!-- End Action -->
575
576 <!-- Begin Action -->
577 <div class="action col-md-4 col-sm-4 text-center">
2e3c7c12 578 <a class="action-button" href="">Collaborate</a>
791532ac 579 <p>
1765afb1 580 You can help others know which devices to avoid by documenting hardware you own that does or doesn't work with free software in the <a href="https://h-node.org">h-node</a> database. Join a growing community of volunteers to help individuals choose hardware compatible with their freedom, even if they don't have <a href="https://ryf.fsf.org">Respects Your Freedom</a> (RYF) certification.
791532ac
GF
581 </p>
582 </div>
583 <!-- End Action -->
584
585 <!-- Begin Action -->
586
2e3c7c12
GF
587 <div class="action col-md-4 col-sm-4 text-center">
588 <a class="action-button" href="https://my.fsf.org/gift-a-membership">Gift a membership</a>
791532ac 589 <p>
2e3c7c12 590 Freedom is the gift that keeps on giving. By giving your friend or family member an <b>FSF associate membership</b>, you can show them you care <i>and</i> benefit the cause for global software freedom.
791532ac 591 </p>
791532ac
GF
592 </div>
593 <!-- End Action -->
594 </div>
595 <!-- End Row -->
596 </div>
597 <!-- End Container -->
598 </section>
599 <!--End Actions-->
600
601 <!--Begin Comparisons-->
602 <section class="comparisons">
603
604 <!--Smartphones-->
605 <div class="container smartphones">
606 <h2 class="title text-center">Smartphones</h2>
607 <div class="row is-table-row">
608 <div class="good col-md-6 col-sm-6" style="position:relative">
32885686 609 <h5 class="text-center">Replicant</h5>
2e3c7c12 610 <img src="img/products/replicant.png" alt="Replicant logo" class="center-block" />
791532ac
GF
611
612
613 <!-- Buy/Download Button -->
614 <a id="get-item" class="btn get-item" role="button" data-toggle="collapse" href="#sellers" aria-expanded="false" aria-controls="sellers" style="display:none">
32885686 615 DOWNLOAD
791532ac
GF
616</a>
617 <div class="collapse" id="sellers">
618 <div class="center-block seller-group">
619 <p style="color: #6b6b6b">
32885686 620 <strong>Visit the site</strong>
791532ac 621 </p>
32885686 622 <a href="https://replicant.us" class="seller action-button">Replicant Project</a>
791532ac
GF
623 </div>
624 </div>
625
626 <script>
627 document.getElementById('get-item').style.display = '';
628 </script>
629 <noscript>
630 <div class="center-block seller-group">
631 <p style="color: #6b6b6b">
32885686 632 <strong>Visit the site</strong>
791532ac 633 </p>
32885686 634 <a href="https://replicant.us" class="seller action-button">Replicant Project</a>
791532ac
GF
635 </noscript>
636 <!-- End Buy/Download button -->
637
638 <ul class="pros">
1765afb1 639 <p><strong>Our advice:</strong> There's currently no cell phone on the market that's fully compatible with user freedom, given the presence of nonfree software in iOS and Android. There are promising projects like PinePhone and the Librem 5 that seek to run GNU/Linux on smartphone hardware, but even these aren't perfect. What makes matters worse is that all smartphones currently run a separate, nonfree OS commonly referred to as the "mobile baseband," which is responsible for most of the device's communications.</p>
2e3c7c12 640 <p>If you're at all able to, and if you find your hardware is compatible with it, we recommend pairing the <strong>Replicant</strong> distribution of Android with the <a href="https://f-droid.org">F-Droid</a> app repository. Replicant is the bottom line when it comes to mobile OSes that respect their user's freedom, and is a project <a href="https://www.fsf.org/working-together/fund">fiscally sponsored by the FSF.</a></p>
791532ac
GF
641 </ul>
642 </div>
643 <!--End Good-->
644
645 <!-- start bad -->
646
647 <div class="good col-md-6 col-sm-6">
46e85626 648 <ul class="pros">
791532ac 649 <li>
46e85626 650 Replicant is a <a href="https://gnu.org/free-sw">fully free</a> distribution of the Android operating system. The project has a staunch policy of including only free software and firmware.
791532ac 651 </li>
46e85626
GF
652 <li>
653 Even if your phone doesn't support Replicant, you can still use the <a href="https://f-droid.org">F-Droid</a> repository on your Android phone. F-Droid has hundreds of applications that are ready to install, including Syncthing, Tor, Minetest, and Termux.
791532ac 654 </li>
46e85626 655 <li>No matter what phone operating system you currently use, stay tuned for our upcoming mobile <a href="https://esd.fsf.org">Email Self-Defense Guide</a>, which will help you keep your communications both free and secure.</li>
791532ac
GF
656 </ul>
657
658 <h5 class="text-center">Stay away from: iPhone</h5>
659 <ul class="cons">
660 <li>
661 It's not just Siri that's creepy: all Apple devices contain software that's hostile to users. Although they claim to be concerned about user privacy, they don't hesitate to <a href="https://www.gnu.org/proprietary/malware-apple.html#surveillance">put their users under surveillance</a>.
662 </li>
663 <li>
664Apple prevents you from installing third-party free software on your own phone, and they use this control to censor apps that compete with or subvert Apple's profits.
665 </li>
666 <li>Apple has a history of exploiting their absolute control over their users to <a href="https://www.latimes.com/business/story/2019-10-08/apple-taiwan-flag-emoji-iphones-hong-kong">silence political activists</a> and help governments <a href="https://www.nytimes.com/2019/04/07/world/asia/china-xi-jinping-study-the-great-nation-app.html">spy on millions</a> of users.</li>
667 </ul>
668 </div>
669 <!--End Bad-->
670 </div>
671 </div>
672 <!--End Row-->
673<!-- <div class="container"> -->
674<!-- <div class="row is-table-row"> -->
675<!-- <div class="good col-md-6 col-sm-6" style="position:relative"> -->
676<!-- <h5 class="text-center">Galaxy S3 with Replicant</h5> -->
677<!-- <img src="img/products/mobile_s3.png" alt="replicant phone" class="center-block" /> -->
678<!-- <\!-- Buy/Download Button -\-> -->
679<!-- <a id="get-item-replicant" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-replicant" aria-expanded="false" aria-controls="sellers" style="display:none"> -->
680<!-- BUY -->
681<!-- <\!-- Begin Sale -\-> -->
682<!-- <span class="sale" >sale</span> -->
683<!-- <\!-- End Sale -\-> -->
684<!-- </a> -->
685<!-- <div class="collapse" id="sellers-replicant"> -->
686<!-- <div class="center-block seller-group"> -->
687<!-- <p style="color: #6b6b6b"> -->
688<!-- <strong>Get it from</strong> -->
689<!-- </p> -->
690<!-- <p> <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Technoethical</a></p> -->
691<!-- <p class="sale-info links"> -->
692<!-- <a href="#technoethical-promotion">Sale details.</a> -->
693<!-- </p> -->
694<!-- </div> -->
695<!-- </div> -->
696
697<!-- <script> -->
698<!-- document.getElementById('get-item-replicant').style.display = ''; -->
699<!-- </script> -->
700<!-- <noscript> -->
701<!-- <div class="center-block seller-group"> -->
702<!-- <p style="color: #6b6b6b"> -->
703<!-- <strong>Get it from</strong> -->
704<!-- </p> -->
705<!-- <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Technoethical</a> -->
706<!-- <p class="sale-info links"> -->
707<!-- <a href="#technoethical-promotion">Sale details.</a> -->
708<!-- </p> -->
709<!-- </div> -->
710<!-- </noscript> -->
711<!-- <\!-- End Buy/Download button -\-> -->
712
713<!-- <ul class="pros"> -->
714<!-- <p>Why it's cool: Your smartphone is so much more than a phone: it's -->
715<!-- a tiny computer you carry with you every day. Choosing one of these -->
716<!-- phones lets you bring software freedom everywhere you go. -->
717<!-- You <i>can</i> run your favorite apps and send all the text messages -->
718<!-- you want, while still running free software.</p> -->
719
720<!-- <p> You can also get an <a href="https://tehnoetic.com/tehnoetic-s2-phone-replicant">S2</a> or an <a href="https://tehnoetic.com/tet-n2">N2 phone/tablet</a>, complete with Replicant.</p> -->
721<!-- </ul> -->
722<!-- </div> -->
723<!-- <\!--End Good-\-> -->
724
725<!-- <\!-- start bad -\-> -->
726
727<!-- <div class="good col-md-6 col-sm-6"> -->
728<!-- <ul class="pros"> -->
729<!-- <li> -->
730<!-- Runs the <a href="https://www.replicant.us">Replicant</a> free operating system, based on Android. -->
731<!-- </li> -->
732<!-- <li> -->
733<!-- Features <a href="https://www.f-droid.org/">F-Droid</a>, the free software catalog that makes it easy to get all the applications you need without sacrificing control of your phone. -->
734<!-- </li> -->
735<!-- <li>Note: While the main processor exclusively runs free software, the modem processor runs Samsung's nonfree system.</li> -->
736<!-- </ul> -->
737
738<!-- <h5 class="text-center">Stay away from: Google Pixel</h5> -->
739<!-- <ul class="cons"> -->
740<!-- <li>The Google Pixel line (and most Android devices) aren't just -->
741<!-- restricted by Widevine's <a href="https://www.gnu.org/philosophy/can-you-trust.html">treacherous</a> DRM. They also come with -->
742<!-- <a href="https://gnu.org/proprietary">proprietary</a> Google apps that -->
743<!-- <a href="https://www.gnu.org/proprietary/malware-google.html">subjugate users</a>.</li> -->
744<!-- </ul> -->
745<!-- </div> -->
746<!-- <\!--End Bad-\-> -->
747<!-- </div> -->
748 <!--End Container-->
749</div>
750 <!--End bad-->
751
752 <h2 class="title text-center">Personal Computers</h2>
753 <!--Laptops-->
754 <div class="container">
755 <div class="row is-table-row">
756 <div class="good col-md-6 col-sm-6" style="position:relative">
757 <h5 class="text-center">X200 with GNU/Linux</h5>
758 <img src="img/products/x200.png" alt="X200" class="center-block"/>
759
760 <!-- Buy/Download Button -->
761 <a id="get-item-x200" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-x200" aria-expanded="false" aria-controls="sellers-x200" style="display:none">
762 BUY
791532ac
GF
763 </a>
764 <div class="collapse" id="sellers-x200">
765 <div class="center-block seller-group">
766 <p style="color: #6b6b6b">
767 <strong>Get it from</strong>
768 </p>
769 <p>
770 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
771 </p>
86f6fa07
GF
772 </div>
773 </div>
774
775 <script>
776 document.getElementById('get-item-x200').style.display = '';
777 </script>
778 <noscript>
779 <div class="center-block seller-group">
780 <p style="color: #6b6b6b">
781 <strong>Get it from</strong>
782 </p>
783 <p>
784 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
785 </p>
791532ac
GF
786 </div>
787 </noscript>
788 <!-- End Buy/Download button -->
789 <ul class="pros">
790 <p>Why it's cool: The X200 is one of the few home user devices that's
791able to run fully free software from top to bottom. Starting with an
792attractive user interface and extending through the microcode (or
793"BIOS") at the heart of the system, this laptop is powered by software
794that takes your freedom and privacy seriously.</p>
795<p>While it may be a little vintage, what it lacks in speed
796it makes up for in utmost respect to user freedom. It's so good that
797it's the laptop that's most frequently used in the FSF office!</p>
798 </ul>
799 </div>
800 <!--End Good-->
801
802 <!--start bad-->
803 <div class="good col-md-6 col-sm-6">
804 <ul class="pros">
805 <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> <a href="https://trisquel.info">Trisquel</a> operating system and <a href="https://libreboot.org">Libreboot</a> firmware.</li>
806 <li>Durable hardware that's meant to be easy to repair.</li>
807 <li>Created by small businesses that replace restrictive components from a stock laptop.</li>
808 </ul>
1765afb1 809 <h5 class="text-center">Stay away from: M1 MacBook and MacBook Pro</h5>
791532ac
GF
810 <ul class="cons">
811 <li>macOS is <a href="https://gnu.org/proprietary">proprietary software</a> that restricts its users' freedoms.</li>
812 <li>In early November 2020, macOS was caught alerting Apple each time a user <a href="https://sneak.berlin/20201112/your-computer-isnt-yours/">opens an app</a>. Even though Apple is <a href="https://support.apple.com/en-us/HT202491">making changes</a> to the service, it just goes to show how bad they try to be until there is an outcry.</li>
791532ac
GF
813 <li>Comes crawling with <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareInMacOS">spyware</a> that rats on you to advertisers.</li>
814 </ul>
815 </div>
816 <!--End Bad-->
817 </div>
818 <!--End Row-->
819
791532ac
GF
820 <h2 class="title text-center">Cool Devices</h2>
821 <!-- cool devices -->
822<div class="container">
823 <div class="row is-table-row">
824 <div class="col-md-5 col-sm-6 recommended-img" style="postition:relative">
825 <h5 class="text-center">NeuG USB True Random Number Generator</h5>
826 <img src="img/products/NeuG.jpg" alt="NeuG USB True Random Number Generator and a MicroSD card" class="center-block" style="height: 140px; margin-top: 90px; margin-bottom: 90px;"/>
827
828 <!-- Buy/Download Button -->
829 <a id="get-item-random-number-generator" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-random-number-generator" aria-expanded="false" aria-controls="sellers-random-number-generator" style="display:none">
830 BUY
831 <!-- Begin Sale -->
832 <span class="sale" >sale</span>
833 <!-- End Sale -->
834 </a>
835 <div class="collapse" id="sellers-random-number-generator">
836 <div class="center-block seller-group">
837
838 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
839 <p class="sale-info links">
840 <a href="#GNU-promotion">Sale details.</a>
841 </p>
842 </div>
843 </div>
844
845 <script>
846 document.getElementById('get-item-random-number-generator').style.display = '';
847 </script>
848 <noscript>
849 <div class="center-block seller-group">
850 <p style="color: #6b6b6b">
851 <strong>Get it from</strong>
852 </p>
853 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
854 <p class="sale-info links">
855 <a href="#GNU-promotion">Sale details.</a>
856 </p>
857 </div>
858 </noscript>
859 <!-- End Buy/Download button -->
860<ul class="pros">
861<p>Why it's cool: A gift for your most security-conscious friend! As
862opposed to software solutions which by nature have limited randomness
863(or "entropy"), this USB device is an endless wellspring of truly random
864numbers, which aids in password generation and encryption.</p>
865</ul>
866 </div>
867<div class="good col=md-6 col-sm-6">
868 <ul class="pros">
869 <li>The perfect present for the cryptogeek in your life.</li>
870 <li>FST-01SZ is a tiny USB 32-bit computer based on a free (as in freedom) hardware design, and newly updated by its designer.</li>
871 <li>NeuG is an implementation of a true random number generator (TRNG) for
872 GD32F103 MCU.</li>
873 </ul>
874</div>
875</div>
876 <!-- End Row -->
877 <div class="container">
878 <div class="row is-table-row">
879 <div class="col-md-5 col-sm-6 recommended-img">
880 <h5 class="text-center">Mini Wi-Fi Adapter</h5>
881 <img src="https://static.fsf.org/nosvn/images/technoethical-adapter.png" alt="Mini Wi-Fi Adapter" class="center-block" />
882
883 <!-- Buy/Download Button -->
884 <a id="get-item-mini-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-mini-adapter" aria-expanded="false" aria-controls="sellers-mini-adapter" style="display:none;">
885 BUY
886 <!-- Begin Sale -->
887 <span class="sale">sale</span>
888 <!-- End Sale -->
889 </a>
890 <div class="collapse" id="sellers-mini-adapter">
891 <div class="center-block seller-group">
791532ac
GF
892 <p><a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a></p>
893 <p class="sale-info links">
894 <a href="#thinkpenguin-promotion">Sale details.</a>
895 </p>
896 </div>
897 </div>
898
899 <script>
900 document.getElementById('get-item-mini-adapter').style.display = '';
901 </script>
902 <noscript>
903 <div class="center-block seller-group">
904 <p style="color: #6b6b6b">
905 <strong>Get it from</strong>
906 </p>
791532ac
GF
907 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
908<p class="sale-info links">
909 <a href="#thinkpenguin-promotion">Sale details.</a>
910 </p>
911 </div>
912 </noscript>
913
914 <!--start pros-->
915 <ul class="pros">
916 <p>Why it's cool: Trying to get closer to 100% free but stuck with a proprietary Wi-Fi card? Just plug this into your USB port and you're ready to go.</p>
917 </ul>
918 </div>
919
920 <div class="good col-md-6 col-sm-6">
921 <ul class="pros">
922 <li>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware.</li>
923 <li>Certified as part of our <a href="https://ryf.fsf.org">Respects Your Freedom (RYF)</a> program.</li>
924 <li>If you use the X200 laptop listed in this Guide, an adapter like this won't be necessary.</li>
925 </ul>
926 </div></div></div>
927 <!-- End Row -->
928 <!-- End Container -->
929
930 <!-- Begin Recommended Template -->
931
932<!-- <div class="container"> -->
933<!-- <div class="row is-table-row"> -->
934<!-- <div class="col-md-5 col-sm-6 recommended-img"> -->
935<!-- <h5 class="text-center">Long Range Wi-Fi Adapter</h5> -->
936<!-- <img src="img/products/thinkpenguin-long-range-adapter.png" alt="Long-range Wi-Fi Adapter" class="center-block" /> -->
937
938<!-- <\!-- Buy/Download Button -\-> -->
939<!-- <a id="get-item-long-range-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-long-range-adapter" aria-expanded="false" aria-controls="sellers-long-range-adapter" style="display:none;"> -->
940<!-- BUY -->
941<!-- <\!-- Begin Sale -\-> -->
942<!-- <span class="sale">sale</span> -->
943<!-- <\!-- End Sale -\-> -->
944<!-- </a> -->
945<!-- <div class="collapse" id="sellers-long-range-adapter"> -->
946<!-- <div class="center-block seller-group"> -->
947<!-- <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-w-external-antenna-gnu-linux-tpe-n150usbl" class="seller action-button">ThinkPenguin</a> -->
948<!-- <p class="sale-info links"> -->
949<!-- <a href="#thinkpenguin-promotion">Sale details.</a> -->
950<!-- </p> -->
951<!-- </div> -->
952<!-- </div> -->
953
954<!-- <script> -->
955<!-- document.getElementById('get-item-long-range-adapter').style.display = ''; -->
956<!-- </script> -->
957<!-- <noscript> -->
958<!-- <div class="center-block seller-group"> -->
959<!-- <p style="color: #6b6b6b"> -->
960<!-- <strong>Get it from</strong> -->
961<!-- </p> -->
962<!-- <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-w-external-antenna-gnu-linux-tpe-n150usbl" class="seller action-button">ThinkPenguin</a> -->
963<!-- <p class="sale-info links"> -->
964<!-- <a href="#thinkpenguin-promotion">Sale details.</a> -->
965<!-- </p> -->
966<!-- </div> -->
967<!-- </noscript> -->
968<!-- <ul class="pros"> -->
969<!-- <p>Why it's cool: A beefier (though bulkier) version of the wireless card that powers ThinkPenguin's mini Wi-Fi adapter. Surf the Web from afar with its long-range antenna that can pivot in any direction.</p> -->
970<!-- </ul> -->
971<!-- <\!-- End Buy/Download button -\-> -->
972
973<!-- </div> -->
974<!-- <div class="col-md-6 col-sm-6"> -->
975<!-- <ul class="pros"> -->
976<!-- <li>More powerful than its smaller cousin, and can be further upgraded with a larger antenna.</li> -->
977<!-- <li><a href="https://ryf.fsf.org">RYF</a>-approved!</li> -->
978<!-- </ul> -->
979<!-- </div> -->
980<!-- </div> -->
981 <!-- End Row -->
982 </div>
983 <!-- End Container -->
984
985 <!-- Begin Recommended Template -->
986 <div class="container">
987 <div class="row is-table-row">
988 <div class="col-md-6 col-sm-6 recommended-img">
989 <h5 class="text-center">VPN Router</h5>
990 <img src="img/products/thinkpenguin-mini-router.png" alt="VPN Router" class="center-block" />
991
992
993 <!-- Buy/Download Button -->
994 <a id="get-item-vpn-router" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-vpn-router" aria-expanded="false" aria-controls="sellers-vpn-router" style="display:none;">
995 BUY
996 <!-- Begin Sale -->
997 <span class="sale">sale</span>
998 <!-- End Sale -->
999 </a>
1000 <div class="collapse" id="sellers-vpn-router">
1001 <div class="center-block seller-group">
1002 <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
1003 <p class="sale-info links">
1004 <a href="#thinkpenguin-promotion">Sale details.</a>
1005 </p>
1006 </div>
1007 </div>
1008
1009 <script>
1010 document.getElementById('get-item-vpn-router').style.display = '';
1011 </script>
1012 <noscript>
1013 <div class="center-block seller-group">
1014 <p style="color: #6b6b6b">
1015 <strong>Get it from</strong>
1016 </p>
1017 <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
1018<p class="sale-info links">
1019 <a href="#thinkpenguin-promotion">Sale details.</a>
1020 </p>
1021 </div>
1022 </noscript>
1023 <!-- End Buy/Download button -->
1024 <div class="collapse" id="sellers-mini-adapter2">
1025 <div class="center-block seller-group">
1026 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
1027 <p class="sale-info links">
1028 <a href="#thinkpenguin-promotion">Sale details.</a>
1029 </p>
1030 </div>
1031 </div>
1032 </div>
1033 <div class="col-md-7 col-sm-6">
1034 <ul class="pros">
1035<li>Designed to complement your existing router by providing a VPN that enhances privacy and security and circumvents network controls.</li>
1036<li>Designed for easy setup.</li>
1037<li><p>As free as can be: runs the FSF-endorsed <a href="https://librecmc.org/">LibreCMC</a> operating system on a product that is <a href="https://ryf.fsf.org">RYF</a>-certified.</p></li>
1038 </ul>
1039 </div>
1040 </div>
1041 <!-- End Row -->
1042 </div>
1043 <!-- End Container -->
1044
1045 <h1 class="title text-center">Books, Music, and Video</h1>
1046 <img src="img/products/bookshelf.png" alt="a shelf of books, with two layers, organized by color." class="center-block img-responsive" />
1047 <!--ebooks-->
1048 <div class="container">
1049 <h3 class="title text-center">Books</h3>
1050 <div class="row is-table-row">
1051 <div class="good col-md-6 col-sm-6">
1052 <h5 class="text-center">DRM-free Ebooks</h5>
1053
1054 <ul class="pros">
1055<p>There are <a href="https://www.defectivebydesign.org/guide/ebooks">plenty of places</a> to get your literature fix without the shackles of <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">Digital Restrictions Management (DRM)</a>. We're highlighting some publishers and shops you should patronize below!</p>
1056<li><a href="https://leanpub.com/">Leanpub</a> is an author-driven ebook Web site encouraging people to &quot;publish early, publish often.&quot;</li>
1057<li><a href="https://www.libreture.com/">Libreture</a> provides a catalog of DRM-free ebook publishers, and a storage solution for all of your digital books and comics.</li>
1058<li><a href="https://lektu.com/">Lektu</a> provides you with an array of DRM-free media in Spanish.</li>
90c76872 1059<li><a href="https://nantucketebooks.com">Nantucket E-Books</a> is a DRM-free publisher and writing platform that also makes a strong commitment to software freedom. They were profiled in this season's <em>Free Software Bulletin.</em>
791532ac
GF
1060<li><a href="https://nostarch.com">No Starch Press</a> offers &quot;the finest in geek entertainment,&quot; with educational books on a variety of programming topics.</li>
1061<li><a href="http://www.smashwords.com">Smashwords</a> is the world's largest distributor of indie ebooks.</li>
1765afb1 1062<li>Many free (as in freedom) educational books are available through sites like <a href="https://flossmanuals.net">FLOSS Manuals</a>, a supporter of the <a href="https://dayagainstdrm.org/">International Day Against DRM</a>.</li>
791532ac
GF
1063<li>Looking to buy paper books? Check out the <a href="https://shop.fsf.org">GNU Press Shop</a> for your technical manuals and documentation needs.</li>
1064 </ul>
1065 </div>
1066 <!--End Good-->
1067 <!--start bad-->
1068 <div class="good col-md-6 col-sm-6">
1069 <h5 class="text-center">Stay away from: Amazon</h5>
1070 <ul class="cons">
1071<li>Amazon is one of the most notorious DRM offenders. They use this <a href="https://www.defectivebydesign.org/amazon">Orwellian control</a> over their devices and services to spy on users and keep them trapped in their walled garden.</li>
1072<li>Read more about the dangers of DRM through our <a href="https://defectivebydesign.org">Defective by Design</a> campaign.</li>
1073 </ul>
1074 </div>
1075 <!--End Bad-->
1076 </div>
1077 <!--End Row-->
1078 </div>
1079 <!--End Container-->
1080
1081 <div class="container">
1082 <h3 class="title text-center">Music</h3>
1083 <div class="row is-table-row">
1084 <div class="good col-md-6 col-sm-6">
1085 <h5 class="text-center">DRM-free Music</h5>
1086<ul class="pros">
1087 <p>Despite the efforts of companies like Spotify, we can still dance to music in the free world. Thanks to the <a href="https://www.defectivebydesign.org/guide/audio">artists, producers, record labels, and shops</a> highlighted on on our <a href="https://www.defectivebydesign.org/guide/">Guide to DRM-free Living</a>, the rights-respecting options are nearly endless. Check out music from great labels and artists, including:</p>
1088<li>All of the music on <a href="https://bandcamp.com">Bandcamp</a> is DRM-free and comes in a variety of formats, including patent-free ones like FLAC and Ogg Vorbis.</li>
1089<li><a href="https://www.dischord.com/">Dischord Records</a>, a classic punk label providing music since 1980.</li>
1090<li><a href="https://www.emusic.com/">Emusic</a> offers DRM-free MP3 downloads, providing a local alternative to streaming services like Spotify or Apple Music.</li>
1091 <li><a href="https://folkways.si.edu/">Folkways</a>, providing digital downloads of the world's best folk and children's music, courtesy of the Smithsonian Institute.</li>
1092 <li><a href="https://hdtracks.com">HDTracks</a> is an online music shop offering thousands of DRM-free downloads for you to play at home.</li>
1093</ul>
1094 </div>
1095 <div class="good col-md-6 col-sm-6">
1096<ul class="cons">
1097 <h5 class="text-center">Stay away from: Spotify, Apple Music, and all other major streaming services</h5>
1098<li>Spotify is only one of many offenders when it comes to putting DRM in music: all major streaming services do this, with the support of big record labels.</li>
1099<li>In addition to streaming music encumbered by DRM, people who want to use Spotify are required to install additional proprietary software. Even Spotify's client for GNU/Linux relies on proprietary software.</li>
1100<li><p>Apple Music is no better, and places heavy restrictions on the music streamed through the platform.</p></li>
1101 </ul>
1102</div>
1103 <!--End Bad-->
1104 </div>
1105 <!--End Row-->
1106</div>
1107 <!--End Container-->
1108
1109 <!--Video-->
1110 <div class="container">
1111 <h3 class="title text-center">Video</h3>
1112 <div class="row is-table-row">
1113 <div class="good col-md-6 col-sm-6">
1114 <h5 class="text-center">DRM-free video</h5>
1115<p>In the last year, many people have unfortunately become more dependent on streaming media. But it's important to remember how streaming services can deprive you of important rights. "Dis-services" like Disney+ and Netflix mandate the use of a hardware-level backdoor called Widevine, giving them permanent access into deep components of your machine.</p>
1116<p>Widevine prohibits these services from running on many older devices, leaving families who can't afford a new computer or a new television out in the cold.</p>
1117 <p>Try these video services and sites instead:</p>
1118<ul class="pros">
1119 <li>Visit the <a href="https://archive.org/details/movies">Moving Internet Archive</a> for free (as in freedom) classic films and art projects.</li>
f75f6831 1120<li>The <a href="https://studio.blender.org/films">Blender Open Movies</a> project has a collection of computer-animated films that were made entirely with <a href="https://blender.org">Blender</a>, an enormously popular free software tool.</li>
791532ac
GF
1121<li><p>Visit the <a href="https://www.defectivebydesign.org/guide/">Guide to DRM-free Living</a> for more suggestions on how to stay a film lover and keep your freedom at the same time.</p></li>
1122 </ul>
1123
1124 </div>
1125 <!--End Good-->
1126
1127 <!--start bad-->
1128 <div class="good col-md-6 col-sm-6">
1129 <h5 class="text-center">Stay away from: Netflix</h5>
1130 <ul class="cons">
1765afb1
GF
1131 <li><p>Netflix is continuing its <a href="https://defectivebydesign.org/netflix">disturbing trend</a> of making onerous DRM the norm for streaming media. That's why they were a target for last year's <a href="https://dayagainstdrm.org/">International Day Against DRM (IDAD)</a>.</p>
1132<li><p>They're also leveraging their place in the <a href="https://torrentfreak.com/netflix-becomes-a-member-of-the-mpaa/">Motion Picture Association of America</a> (MPAA) to advocate for tighter restrictions on users, and drove the effort to embed DRM into the <a href="https://www.defectivebydesign.org/no-drm-in-html5">fabric of the Web</a>.</p</li>
791532ac
GF
1133 </ul>
1134 </div>
1135 <!--End Bad-->
1136 </div>
1137 <!--End Row-->
1138 </div>
1139 <!--End Container-->
1140
1141 </section>
1142<!--End comparisons-->
1143
1144<!-- Begin need choices -->
1145<section class="choices" id="choices">
1146 <div class="container">
1147 <h1 class="text-center">Help wanted!</h1>
1148 <div class="container choices">
1149 <h2 class="title text-center"></h2>
1150 <div class="row is-table-row">
1151 <div class="good col-md-6 col-sm-6" style="position:relative">
e48a0ab7 1152 <p>
1765afb1 1153 The FSF's long-running <strong>h-node</strong> project has recently seen an uptick in activity, and we need your help to document how well free software runs on common devices.
90c76872
GF
1154 </p>
1155 <p>
1765afb1 1156 By registering an account on <a href="https://h-node.org">h-node</a> and filling out listings for your hardware, you can help newcomers to the free software movement select hardware that will make thir transition as easy as possible.
e48a0ab7 1157 </p>
791532ac 1158 </div>
1765afb1
GF
1159<!-- <div class="good col-md-6 col-sm-6" style="position:relative"> -->
1160<!-- <h5 class="text-center">Stay away from these devices:</h5> -->
1161<!-- <ul class="cons"> -->
1162<!-- <li>Internet of Things connected home appliances, smart speakers, and virtual assistants are little more than spying devices brought into your home. These include Ring, Amazon Alexa, Amazon Echo, Google Home, Nest, Ecobee, and Sonos products.</li> -->
1163<!-- <li><p>The Nintendo Switch is a popular holiday gift, but few realize that Nintendo has utter control over the platform and offers little insight into how it really works -- or how it might be spying on you and your family. Not much has changed since our advice to <a href="https://www.defectivebydesign.org/nintendo">brick them</a> before they bricked the Nintendo DS.</p></li> -->
1164<!-- </ul> -->
1165<!-- </div> -->
791532ac
GF
1166 <!--End Bad-->
1167 </div>
1168 <!--End Row-->
1169 </div>
1170 <!--End Container-->
1171 <!--End bad-->
1172<!-- end choices -->
1173</div></section>
1765afb1 1174<!-- Begin Donations -->
791532ac
GF
1175 <section class="charities" id="charities">
1176 <div class="container">
1765afb1
GF
1177 <h1 class="text-center">Join the FSF associate membership program</h1>
1178 <div class="container choices">
1179 <div class="row is-table row">
1180 <div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-10 col-xs-offset-6" style="position:relative">
791532ac 1181 <a href="https://www.fsf.org/"><img src="img/logo-1.png" alt="fsf" class="center-block img-responsive" /></a><br />
1765afb1
GF
1182 <p>The Giving Guide is brought to you by the <a href="https://fsf.org">Free Software Foundation</a>. Our <a href="https://fsf.org/join">associate membership</a> program is the heart of the FSF's work campaigning for computer user freedom worldwide. If you're still looking for a gift, and want to put your money towards digital freedom, please consider becoming a member or donating to another charity supported by your friend or loved one.</p>
1183 <p>We've been fighting for digital freedoms since 1985, and have no plans of stopping. The work we do year-round is work to provide more and better options for gifts: spreading the message of software freedom, as well as helping retailers do the right thing and promoting the work of those who do. It's your support that makes this work possible.</p>
791532ac
GF
1184 </div>
1185 </div>
1186 </div>
1187 </section>
1188 <!-- End Donations -->
1189
1190 <!-- Begin Promotion details -->
1191
1192 <section class="promotion-details">
1193 <div class="container">
1194 <div class="row">
1195 <div class="col-md-12">
1196 <div class="panel-default">
1197 <div class="panel-heading">
1198 <h1 class="fix-margin">Promotion details</h1>
1199 </div>
1200 <div class="panel-body" id="promotion-details">
1201<h2>Companies, distributors, and makers of freedom-friendly gadgets want to make it easier for you to give gifts that you feel good about. Check out these discounts and promotions.</h2>
1202 <ul style="list-style: none inside none;">
1203 <li id="GNU-promotion"><strong>GNU Press Shop: </strong>5% discount on all items using the coupon code <span class="label label-default">GIVEFREELY</span>. Code expires on December 31st. As always, FSF members get a 20% discount. Together with this code, your associate membership could net you 25% off!</li>
791532ac
GF
1204 <!-- <li id="libiquity-promotion"><strong>Libiquity: </strong>10% rebate off your subtotal price for any items you buy from the Web site. Libiquity will donate 5% of each purchase's subtotal price to the FSF. Ends at 00:00 EST on February 1st, 2019. Claim the rebate by sending the code <span class="label label-default">FSFGIVING</span> and your order number to <a href="mailto:sales@libiquity.com">sales@libiquity.com</a>. Libiquity will then credit the rebate amount to your payment method.</li> -->
1205 <!-- <li id="lulzbot-promotion"><strong>LulzBot: </strong><a href="https://www.lulzbot.com/lulzbot-sales-clearance-items">Features sales and clearance items on their Web site</a>.</li> -->
1206 <!-- <li id="minifree-promotion"><strong>Minifree: </strong><a href="https://minifree.org/">Offering a discount on all products through the end of the year.</a> -->
1207 <!-- <li id="technoethical-promotion"><strong>Technoethical:</strong> Discounts for all refurbished products until January 17th.</li> -->
1208 <li id="thinkpenguin-promotion"><strong>ThinkPenguin:</strong> 5% discount on <b>all</b> products is available to <a href="https://fsf.org/join">FSF members</a>.</li>
1209</ul>
1210 </div>
1211 </div>
1212 </div>
1213 <!-- End Panel -->
1214 </div>
1215 <!-- End Row -->
1216 </div>
1217 <!-- End Container -->
1218 </section>
1219 <!-- End Promotion details -->
1220 <!-- Begin Licenses -->
1221 <section class="licenses">
1222 <div class="container">
1223 <div class="row">
1224 <div class="col-md-12">
1225 <div class="panel-default">
1226 <div class="panel-heading">
1227 <h1 class="fix-margin">Licenses</h1>
1228
1229 </div>
1230 <div class="panel-body" id="licenses">
1231 <p>This page by the Free Software Foundation is licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a> license.
1232 </p>
1233 <p>The graphics and photos used on this page have been modified by the Free Software Foundation and are licensed separately under the following terms: </p>
1234 <ul style="list-style: none inside none;">
791532ac 1235 <li>X200 product image in the public domain.</li>
791532ac
GF
1236 <li>NeuG product image copyright © 2020, Free Software Foundation, Inc. Licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a> license.</li>
1237 <li>ThinkPenguin product images © 2019, ThinkPenguin, Inc. Licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a> license.</li>
1238 <li>Bookshelf photo copyright © 2010, <a href="https://www.flickr.com/photos/seeminglee/4556156477/">See-ming Lee</a>. Licensed under the <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution-ShareAlike 2.0</a> license.</li>
1239 </div>
1240 </div>
1241 </div>
1242 <!-- End Panel -->
1243 </div>
1244 <!-- End Row -->
1245 </div>
1246 <!-- End Container -->
1247 </section>
1248 <!-- End Licenses -->
1249 <!--Begin Footer-->
1250 <footer>
1251 <div class="container-fluid">
1252 <div class="row">
1253 <div class="col-md-4 col-sm-4 footer-logo">
1254 <a href="https://fsf.org/"><img src="img/logo-1.png" alt="FSF" class="center-block footer-logo img-responsive" /></a>
1255 </div>
1256 <div class="col-md-8 col-sm-8">
1257 <p>The FSF is a nonprofit with a worldwide mission to advance software freedom —
1258 <a href="https://fsf.org/about">learn about our history and work</a>.
1259 </p>
b6e3e90e 1260 <p>Version 12.0. Copyright © 2004-2021
791532ac
GF
1261 <a href="https://fsf.org/about/contact.html" title="Find out how to contact us">
1262 Free Software Foundation
1263 </a>, Inc.
1264 <a href="https://www.fsf.org/about/free-software-foundation-privacy-policy"> Privacy Policy</a>.
1265 <a href="js/weblabels.html" rel="jslicense">JavaScript License Information</a>.
1266 </p>
1267 </div>
1268 </div>
1269 <!-- End Row -->
1270 </div>
1271 <!-- End Container -->
1272 </footer>
1273 <!-- End Footer -->
1274
1275 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
1276 <script src="js/jquery.js" charset="utf-8"></script>
1277 <!-- Include all compiled plugins (below), or include individual files as needed -->
1278 <script src="js/bootstrap.js" charset="utf-8"></script>
1279 <!-- Our JS -->
1280 <script src="js/magic.js" charset="utf-8"></script>
1281
1282<!-- Piwik -->
1283<script type="text/javascript">
1284 // @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&dn=gpl-2.0.txt GPL-2.0-or-later
1285 var _paq = _paq || [];
1286 _paq.push(["trackPageView"]);
1287 _paq.push(["enableLinkTracking"]);
1288
1289 (function() {
1290 var u = (("https:" == document.location.protocol) ? "https" : "http") + "://"+"piwik.fsf.org//";
1291 _paq.push(["setTrackerUrl", u+"piwik.php"]);
1292 _paq.push(["setSiteId", "14"]);
1293 var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
1294 g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
1295 })();
1296 // @license-end
1297</script>
1298<!-- End Piwik Code -->
1299<!-- Piwik Image Tracker -->
1300<noscript><img src="https://piwik.fsf.org//piwik.php?idsite=14&rec=1" style="border:0" alt="" /></noscript>
1301<!-- End Piwik -->
1302 </body>
1303
1304 </html>